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 : 9754

    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
    Equestria
    FémininAge : 21Messages : 118

    le Ven 10 Juil 2015 - 5:13

    merci
    avatar
    Lestrange
    FémininAge : 22Messages : 163

    le Mer 15 Juil 2015 - 16:47

    Pi ce que je cherchais *v* Merciiiiii !
    avatar
    Little-Dream
    FémininAge : 19Messages : 27

    le Mar 21 Juil 2015 - 14:23

    Magnifique! !! ! Merci!
    avatar
    Err0r
    FémininAge : 25Messages : 134

    le Mar 4 Aoû 2015 - 15:07

    je pique



    avatar
    Kelalin
    FémininAge : 26Messages : 1957

    le Mar 4 Aoû 2015 - 16:52

    Merci (・◇・)
    avatar
    NanoiHime
    FémininAge : 19Messages : 563

    le Jeu 13 Aoû 2015 - 16:03

    merciii



    avatar
    Orange Sanguine
    FémininAge : 22Messages : 84

    le Mar 18 Aoû 2015 - 16:11

    Merci ^^



    avatar
    .loumpia
    FémininAge : 26Messages : 204

    le Jeu 20 Aoû 2015 - 22:16

    :heart:
    avatar
    Dark Dream
    FémininAge : 26Messages : 79

    le Dim 23 Aoû 2015 - 14:02

    merci beaucoup ♥
    avatar
    Lauria
    FémininAge : 17Messages : 39

    le Mer 26 Aoû 2015 - 17:16

    Merci !
    avatar
    ptite_perle
    FémininAge : 55Messages : 124

    le Jeu 3 Sep 2015 - 20:32

    Merci



    avatar
    Fantôma
    MasculinAge : 16Messages : 67

    le Mer 16 Sep 2015 - 17:25

    Oh ! Il est beau *w*



    avatar
    Acédie
    FémininAge : 20Messages : 91

    le Sam 19 Sep 2015 - 14:16

    j'adore ♥
    avatar
    Zibeline
    FémininAge : 33Messages : 84

    le Lun 5 Oct 2015 - 20:22

    merci
    avatar
    Dixy
    FémininAge : 24Messages : 228

    le Jeu 15 Oct 2015 - 14:28

    C'est super merci !



    avatar
    Tyarra
    FémininAge : 18Messages : 73

    le Ven 16 Oct 2015 - 19:07

    merci beaucoup ♥




    avatar
    Roxane.D
    FémininAge : 20Messages : 29

    le Ven 13 Nov 2015 - 16:29

    Merci
    avatar
    Girly
    FémininAge : 21Messages : 116

    le Jeu 19 Nov 2015 - 23:20

    lerci
    avatar
    Zoé
    FémininAge : 19Messages : 185

    le Dim 22 Nov 2015 - 10:51

    Merci !



    avatar
    TIGRESS13
    FémininAge : 26Messages : 23

    le Sam 28 Nov 2015 - 20:44

    Merci :ange:
    avatar
    Dreamyland
    FémininAge : 21Messages : 88

    le Mar 1 Déc 2015 - 10:36

    Merciiii
    avatar
    Glaçou
    FémininAge : 16Messages : 117

    le Mer 2 Déc 2015 - 14:11

    Merci
    avatar
    Mimio
    FémininAge : 23Messages : 179

    le Ven 4 Déc 2015 - 4:10

    Marchyyy



    avatar
    ENDLESS-DREAM
    FémininAge : 27Messages : 31

    le Lun 25 Jan 2016 - 19:44

    merci
    avatar
    Ju08
    FémininAge : 29Messages : 26

    le Ven 29 Jan 2016 - 22:00

    très jolie =)
    Contenu sponsorisé


      La date/heure actuelle est Mar 16 Oct 2018 - 11:31