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
    Lilynufare
    FémininAge : 28Messages : 341

    le Mar 21 Mar 2017 - 13:26

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

    le Sam 25 Mar 2017 - 18:56

    merci
    avatar
    Millaby
    FémininAge : 23Messages : 43

    le Jeu 30 Mar 2017 - 18:43

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

    le Jeu 30 Mar 2017 - 21:33

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

    le Dim 2 Avr 2017 - 23: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 2017 - 22:54

    merci :)



    avatar
    Rowan
    FémininAge : 16Messages : 54

    le Mer 19 Avr 2017 - 22:43

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

    le Ven 21 Avr 2017 - 20:46

    merci
    avatar
    Nokomis
    FémininAge : 24Messages : 18

    le Ven 21 Avr 2017 - 22:32

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

    le Sam 22 Avr 2017 - 19:04

    Merci
    avatar
    RigoloDiabolo_
    MasculinAge : 17Messages : 15

    le Dim 23 Avr 2017 - 12:06

    mrc
    avatar
    whowwillfallfirst
    MasculinAge : 19Messages : 54

    le Sam 6 Mai 2017 - 18:21

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

    le Lun 8 Mai 2017 - 7:15

    Merci



    avatar
    Jenova
    MasculinAge : 24Messages : 126

    le Jeu 11 Mai 2017 - 16:32

    Merci !



    avatar
    alsayed
    MasculinAge : 45Messages : 75

    le Ven 19 Mai 2017 - 11:54

    Merci
    avatar
    Deveata
    MasculinAge : 22Messages : 23

    le Ven 19 Mai 2017 - 23:21

    Merci
    avatar
    chelsey
    FémininAge : 23Messages : 17

    le Sam 20 Mai 2017 - 15:52

    merci
    avatar
    .Lucifer.
    MasculinAge : 45Messages : 179

    le Sam 29 Juil 2017 - 0:38

    Merci beaucoup pour le partage ! Wink



    avatar
    Thanos
    MasculinAge : 22Messages : 84

    le Mar 22 Aoû 2017 - 15:51

    Merci
    avatar
    Jay K.
    MasculinAge : 27Messages : 23

    le Lun 9 Oct 2017 - 0:15

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

    le Mar 10 Oct 2017 - 16:51

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

    le Dim 19 Nov 2017 - 11:50

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

    le Sam 17 Fév 2018 - 4:19

    merci
    avatar
    Selmacke
    FémininAge : 28Messages : 100

    le Dim 4 Mar 2018 - 10:29

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

    le Sam 14 Avr 2018 - 20:38

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


      La date/heure actuelle est Mar 16 Oct 2018 - 5:41