AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Faisons dans la dentelle /PAN/

    Partagez
    avatar
    Halloween
    FémininAge : 24Messages : 9757

    le Mer 9 Juil 2014 - 14:47

    Rappel du premier message :

    Plop,

    Un nouveau LS basé sur une demande de Javarakita (qui a fourni le cadre en dentelle du profil).

    Comme toujours, un merci donne accès aux codes, ça fait toujours plaisir et ça prend pas 20 minutes de vos vies =3

    /!\ Je rappelle que cette section existe en cas de problème, je ne réponds pas aux MP (et encore moins quand ils sont rageux !).



    Profil


    Template & CSS

    Aperçu ▬ www


    CSS
    Code:
       /* --------------------------------- PROFIL --------------------------------- */

        /* Contenu du profil général */
        .profil_contenu {
          background-color: #CED4E2;
          padding: 15px;
        }

        /* Image de fond de l'avatar */
        .avatar_profil {
          background-image: url('http://upz.fr/5KCKs.png');
          width: 215px;
          height: 368px;
          background: no-repeat;
        }

        /* Taille de l'avatar et positionnement */
        .avatar_profil img {
          width: 200px;
          max-height: 320px;
          position: relative;
          top: 0.4em;
          left: 0.45em;
        }

        /* Contenu du bloc des informations joueur et RPG */
        .profil_details {
          background-color: #5F73A0;
          padding: 20px;
          color: #ffffff;
          font-size: 11px;
          font-family: trebuchet MS;
          width: 170px;
          height: 118px;
          overflow: auto;
          text-align: justify;
          position: relative;
          top: -4em;
        }

        /* --------------------------------- FIN PROFIL --------------------------------- */


    Dans le template viewtopic_body remplacer ceci :
    Code:
       <!-- BEGIN displayed -->
           <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
              <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                 <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
                    <span class="postdetails poster-profile">
                    {postrow.displayed.POSTER_RANK}<br />
                    {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
                    <!-- BEGIN profile_field -->
                    {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                    <!-- END profile_field -->
                    {postrow.displayed.POSTER_RPG}
                 </span><br />
                 <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
              </td>
              <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
                 <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                       <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                       <td valign="top" nowrap="nowrap" class="post-options">
                          {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                       </td>
                    </tr>


    Par cela :
    Code:
       <!-- BEGIN displayed -->
          <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
           <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
              <td class="profil_contenu" class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                          <div class="avatar_profil">{postrow.displayed.POSTER_AVATAR}</div><br />
                          <a name="{postrow.displayed.U_POST_ID}" id="{postrow.displayed.U_POST_ID}"></a><span style="font-family: 'Playball', cursive; font-size: 23px; position: relative; top: -2em;"><center>{postrow.displayed.POSTER_NAME}</center></span><br />
                    <div class="profil_details">
                    <!-- BEGIN profile_field -->
                    {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                    <!-- END profile_field -->
                    {postrow.displayed.POSTER_RPG}
        </div><br />
                 <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
              </td>
              <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
                 <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                       <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  &nbsp;<img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                       <td valign="top" nowrap="nowrap" class="post-options">
                          {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                       </td>
                    </tr>




    Mettre un crédit vers Never-Utopia est obligatoire. Retirer un crédit est interdit.
    Merci de laisser un message pour donner vos impressions, commentaires et/ou remerciements ^^
    Si vous avez des problèmes avec ce LS, venez poster ici.


    Dernière édition par Halloween le Jeu 13 Avr 2017 - 20:52, édité 1 fois




    < / Libre service codage >
    avatar
    Neya
    FémininAge : 19Messages : 164

    le Mar 16 Fév 2016 - 0:34

    Merci
    avatar
    Little-myrt
    FémininAge : 20Messages : 41

    le Mar 16 Fév 2016 - 8:40

    Très joli merci!
    avatar
    Kianda
    MasculinAge : 17Messages : 88

    le Sam 20 Fév 2016 - 19:04

    Merci :)



    avatar
    Lunyh
    FémininAge : 18Messages : 41

    le Lun 22 Fév 2016 - 2:22

    J'adore. ** Merciiii
    avatar
    Contry
    FémininAge : 19Messages : 28

    le Mar 23 Fév 2016 - 23:01

    Très beau ! Merci ♥
    avatar
    Aya Hanazawa
    FémininAge : 27Messages : 72

    le Sam 5 Mar 2016 - 12:40

    merci ^^
    avatar
    darkazu
    FémininAge : 24Messages : 42

    le Sam 5 Mar 2016 - 13:47

    superbe !
    avatar
    Demily
    FémininAge : 32Messages : 50

    le Mar 8 Mar 2016 - 14:34

    Très beau! Merci du partage
    avatar
    Kaleessi
    FémininAge : 26Messages : 73

    le Mar 8 Mar 2016 - 15:33

    Décidément, j'aime beaucoup ton travail!! ^^ Merci de partager ton talent! :)
    avatar
    Ombrys
    FémininAge : 16Messages : 27

    le Mer 9 Mar 2016 - 7:22

    Merci ♥♥
    avatar
    Lyana Taylor
    FémininAge : 22Messages : 71

    le Jeu 17 Mar 2016 - 14:48

    Merci



    avatar
    Dahlia
    FémininAge : 21Messages : 31

    le Ven 18 Mar 2016 - 14:27

    merci beaucoup :aww:
    avatar
    ColorTime'Less
    FémininAge : 21Messages : 103

    le Dim 20 Mar 2016 - 14:31

    Simple merci Very Happy
    avatar
    Haniwa
    FémininAge : 24Messages : 206

    le Mar 22 Mar 2016 - 16:44

    Merci
    avatar
    Lilypops
    FémininAge : 32Messages : 32

    le Sam 9 Avr 2016 - 15:04

    Merci! :love:



    :euh:
    avatar
    Pastelryxx
    FémininAge : 22Messages : 8

    le Sam 9 Avr 2016 - 15:57

    merci
    avatar
    fraumali
    FémininAge : 38Messages : 122

    le Dim 8 Mai 2016 - 14:46

    Bonjour et merci de ce partage
    avatar
    CaNL
    FémininAge : 25Messages : 9

    le Lun 9 Mai 2016 - 6:18

    merci!
    avatar
    Athéna
    FémininAge : 57Messages : 28

    le Lun 9 Mai 2016 - 23:10

    Merci beaucoup ! Wink
    avatar
    Pucky
    FémininAge : 21Messages : 44

    le Jeu 2 Juin 2016 - 22:03

    Merci !!
    avatar
    Lucia-san
    FémininAge : 18Messages : 65

    le Jeu 9 Juin 2016 - 22:55

    Très jolie ! Merci c:
    avatar
    Monaka
    FémininAge : 26Messages : 132

    le Lun 13 Juin 2016 - 13:30

    c'est super, merci du partage
    avatar
    Kim Jae Yoon
    FémininAge : 28Messages : 128

    le Dim 10 Juil 2016 - 23:36

    Merci ! J'aime beaucoup !
    avatar
    wolopi
    FémininAge : 20Messages : 46

    le Lun 18 Juil 2016 - 15:32

    Merci !
    avatar
    BlueGhost
    MasculinAge : 17Messages : 125

    le Mer 3 Aoû 2016 - 20:57

    Merci pour ce si beau LS <3





    ~ Upupupu... je ne suis pas une peluche, je suis Monokuma ! ~
    Danganronpaaa ♥
    Contenu sponsorisé


      La date/heure actuelle est Lun 10 Déc 2018 - 0:24