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




    < / Libre service codage >
    avatar
    Lilynufare
    FémininAge : 28Messages : 341

    le Mar 21 Mar - 12:26

    Jolie merci :)
    avatar
    Mariana Greyson
    FémininAge : 20Messages : 78

    le Sam 25 Mar - 17:56

    merci
    avatar
    Millaby
    FémininAge : 23Messages : 43

    le Jeu 30 Mar - 16:43

    Merci ♥
    avatar
    Örmée
    MasculinAge : 31Messages : 129

    le Jeu 30 Mar - 19:33

    Merci =)
    avatar
    Haken
    FémininAge : 19Messages : 30

    le Dim 2 Avr - 21:58

    Merci! ♫



    « D'avoir passé des nuits blanches à rêver, ce que les contes de fées vous laissent imaginer. D'avoir perdu son enfance dans la rue, des illusions déçues, passer inaperçu. D'être tombé plus bas que la poussière, et à la Terre entière, en vouloir puis se taire... D'avoir laissé jusqu'à sa dignité, sans plus rien demander, qu'on vienne vous achever. »
    avatar
    Likilou
    MasculinAge : 25Messages : 301

    le Mar 18 Avr - 20:54

    merci :)



    avatar
    Rowan
    FémininAge : 16Messages : 54

    le Mer 19 Avr - 20:43

    Je pique, huhuhu !
    avatar
    Demone
    FémininAge : 28Messages : 5

    le Ven 21 Avr - 18:46

    merci
    avatar
    Nokomis
    FémininAge : 25Messages : 18

    le Ven 21 Avr - 20:32

    Merci beaucoup du partage ! <3
    avatar
    Twearky
    FémininAge : 24Messages : 7

    le Sam 22 Avr - 17:04

    Merci
    avatar
    RigoloDiabolo_
    MasculinAge : 17Messages : 15

    le Dim 23 Avr - 10:06

    mrc
    avatar
    whowwillfallfirst
    MasculinAge : 19Messages : 54

    le Sam 6 Mai - 16:21

    Merci. :heart:
    avatar
    Chadot
    FémininAge : 30Messages : 176

    le Lun 8 Mai - 5:15

    Merci



    avatar
    Jenova
    MasculinAge : 24Messages : 126

    le Jeu 11 Mai - 14:32

    Merci !



    avatar
    alsayed
    MasculinAge : 45Messages : 75

    le Ven 19 Mai - 9:54

    Merci
    avatar
    Deveata
    MasculinAge : 22Messages : 23

    le Ven 19 Mai - 21:21

    Merci
    avatar
    chelsey
    FémininAge : 23Messages : 17

    le Sam 20 Mai - 13:52

    merci
    avatar
    .Lucifer.
    MasculinAge : 45Messages : 179

    le Ven 28 Juil - 22:38

    Merci beaucoup pour le partage ! Wink



    avatar
    Thanos
    MasculinAge : 23Messages : 84

    le Mar 22 Aoû - 13:51

    Merci
    avatar
    Jay K.
    MasculinAge : 27Messages : 23

    le Dim 8 Oct - 22:15

    Merci du partage :)
    avatar
    Luxuria
    FémininAge : 21Messages : 83

    le Mar 10 Oct - 14:51

    Merci <3
    avatar
    Callisto
    FémininAge : 22Messages : 44

    le Dim 19 Nov - 10:50

    merci !
    avatar
    Féhéla
    FémininAge : 45Messages : 238

    le Sam 17 Fév - 3:19

    merci
    avatar
    Selmacke
    FémininAge : 28Messages : 100

    le Dim 4 Mar - 9:29

    Merci :)
    avatar
    Saha
    FémininAge : 23Messages : 7

    le Sam 14 Avr - 18:38

    Simple mais efficace *-* Merci beaucoup !!
    Contenu sponsorisé


      La date/heure actuelle est Dim 9 Déc - 23:55