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
    Halloween
    Halloween
    FémininAge : 24Messages : 9762

    le Mer 9 Juil - 14:47

    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 - 20:52, édité 1 fois




    < / Libre service codage >
    Rynkka
    Rynkka
    FémininAge : 19Messages : 119

    le Mer 23 Juil - 17:07

    J'aiiiiiiiime! ♥♥~~ MERCI!



    louha
    louha
    FémininAge : 31Messages : 213

    le Mer 23 Juil - 18:02

    c'est très joli !
    Leoguillem
    Leoguillem
    MasculinAge : 19Messages : 137

    le Jeu 24 Juil - 14:53

    Merci, c'est vachement sympa !



    - Je signe Marabout -
    Frosty Blue
    Frosty Blue
    FémininAge : 22Messages : 162

    le Ven 25 Juil - 13:59

    Merci beaucoup ^^
    Illiade
    Illiade
    FémininAge : 25Messages : 21

    le Dim 27 Juil - 0:45

    C'est super beau ! Merci beaucoup pour le partage.
    Layla4
    Layla4
    FémininAge : 19Messages : 149

    le Lun 28 Juil - 22:35

    Merci du partage *-*
    Lunara
    Lunara
    FémininAge : 32Messages : 95

    le Mar 29 Juil - 17:38

    merci du partage ! :)
    Afterglow.winter
    Afterglow.winter
    FémininAge : 23Messages : 138

    le Ven 1 Aoû - 13:59

    J'aime beaucoup.



    How do you get up from an all time low?
    O'Daim
    O'Daim
    FémininAge : 23Messages : 116

    le Ven 1 Aoû - 14:43

    Merci
    Kikton
    Kikton
    MasculinAge : 22Messages : 29

    le Mar 5 Aoû - 18:48

    Merci
    RainOrigami
    RainOrigami
    FémininAge : 18Messages : 22

    le Mer 6 Aoû - 14:36

    Merci beaucoup !
    .lovely
    .lovely
    FémininAge : 21Messages : 54

    le Dim 10 Aoû - 18:59

    J'adore, merci beaucoup !
    HEAVEN.SPIRIT
    HEAVEN.SPIRIT
    MasculinAge : 24Messages : 37

    le Jeu 14 Aoû - 12:28

    très sympa
    Mushu
    Mushu
    FémininAge : 21Messages : 68

    le Ven 15 Aoû - 16:42

    Très joli merci !
    Sweetie Plum
    Sweetie Plum
    FémininAge : 24Messages : 27

    le Sam 16 Aoû - 16:32

    Sympa le code, merci du partage ! :heart:
    Heartfilia
    Heartfilia
    FémininAge : 18Messages : 98

    le Mer 20 Aoû - 22:31

    Merci ! C'est très joli :3



    YOU HELLA SAVED MY LIFE
    - chloe price
    bananecuite
    bananecuite
    FémininAge : 23Messages : 17

    le Ven 22 Aoû - 14:20

    joli !
    Mello
    Mello
    FémininAge : 21Messages : 52

    le Sam 23 Aoû - 3:33

    Mercii
    plushmasters
    plushmasters
    FémininAge : 26Messages : 70

    le Dim 31 Aoû - 20:19

    j'adore
    Stanislav
    Stanislav
    FémininAge : 21Messages : 8

    le Lun 1 Sep - 14:10

    merci *-*
    Titia
    Titia
    FémininAge : 27Messages : 63

    le Mar 2 Sep - 12:21

    Merci du partage



    Dezaia
    Dezaia
    FémininAge : 24Messages : 40

    le Mar 2 Sep - 14:34

    Cette petite dentelle sympa *^* ♥



    Sadistic Syndrome
    Sadistic Syndrome
    FémininAge : 26Messages : 84

    le Lun 8 Sep - 10:18

    Simple et efficace, merci =)
    Raween
    Raween
    FémininAge : 27Messages : 112

    le Mer 10 Sep - 0:44

    Merci beaucoup <3
    Contenu sponsorisé


      La date/heure actuelle est Mar 22 Jan - 20:49