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.


    Profil simple ▬ Feuille de personnage masquée

    Partagez
    avatar
    Halloween
    FémininAge : 24Messages : 9754

    le Dim 23 Mar 2014 - 15:30

    Rappel du premier message :

    Plop,

    Suite à une demande voici le LS qui en découle.

    Profil


    Version  phpBB2 ▬ CSS & HTML ▬ Le rang est un champ texte, non image

    Aperçu ▬ www


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

        .profilmasque {
          background-color: #201E1E;
          width: 200px;
          padding: 10px;
          font-size: 11px;
          font-family: 'Voltaire', sans-serif !important;
        }

        .profil1 {
          width: 200px;
          font-size: 20px;
          font-family: 'Miniver', cursive;
          background-color: #201E1E;
          border: none;
          color: #B7B3B3;
        }

        .profil {
          background-color: #0D0D0D;
          padding: 10px;
          border-radius: 25px;
        }

        .rang {
          background-color: #201E1E;
          padding: 10px;
          width: 200px;
          text-align: center;
          color: #007BAA !important;
          font-size: 25px;
          font-family: 'Miniver', cursive;
        }

        .rang:hover {
          color: #B7B3B3 !important;
        }

        .avatar_profil {
          width: 200px;
          height: 400px;
          opacity: 0.5;
        }

        .avatar_profil:hover {
          opacity: 1;
        }

        .bloc_pseudo {
          padding: 10px;
          width: 200px;
          position: relative;
          left: 1em;
          text-align: center;
          color: #D5D2D2;
          font-size: 25px;
          font-family: 'Miniver', cursive;
        }

        .pseudo_profil {
          font-family: 'Finger Paint', cursive;
          font-size: 25px !important;
          text-align: center;
        }

        .details_profil {
          background-color: #201E1E;
          padding: 10px;
          width: 200px;
          height: 80px;
          overflow: auto;
          text-align: justify;
          color: #B7B3B3 !important;
          font-size: 11px;
          font-family: 'Voltaire', sans-serif !important;
        }

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



    Template viewtopic_body, repèrez 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>

    Que vous remplacez par :
    Code:
       <!-- BEGIN displayed -->
          <link href='http://fonts.googleapis.com/css?family=Finger+Paint|Miniver|Zeyada' 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" class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                        
                         <br /><div class="rang">{postrow.displayed.POSTER_RANK}</div>
                          <br /><center><div class="avatar_profil">{postrow.displayed.POSTER_AVATAR}</div></center>
                          <span class="bloc_pseudo"><a name="{postrow.displayed.U_POST_ID}" id="{postrow.displayed.U_POST_ID}"></a>I am </span><div class="pseudo_profil">{postrow.displayed.POSTER_NAME}</div><br />
                <div class="details_profil"><!-- BEGIN profile_field -->
                    {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                            <!-- END profile_field --></div><br />
                 <div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Ouvrir')?'Fermer':'Ouvrir';this.lastChild.style.display=(this.firstChild.value=='Ouvrir')?'none':'block';" style="text-align: center;"><input type="button" value="Ouvrir" class="profil1"/><div style="display: none;  text-align:left;">
                    {postrow.displayed.POSTER_RPG}
          </div></div>  
                         <br />
                 <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />




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




    < / Libre service codage >
    avatar
    Glow
    FémininAge : 18Messages : 93

    le Dim 18 Mai 2014 - 21:10

    Merci beaucoup :B
    avatar
    boogylou
    FémininAge : 23Messages : 25

    le Lun 19 Mai 2014 - 4:42

    magnifique ** merci!
    Catblack
    FémininAge : 22Messages : 85

    le Mar 20 Mai 2014 - 19:20

    merci
    avatar
    Luxuria
    FémininAge : 21Messages : 83

    le Mer 21 Mai 2014 - 14:31

    Merci =)
    avatar
    Eternal Moon
    FémininAge : 28Messages : 262

    le Mer 21 Mai 2014 - 18:11

    tres jolie <3
    avatar
    arvalis
    FémininAge : 24Messages : 54

    le Mer 21 Mai 2014 - 21:14

    merci =)
    avatar
    Xperience
    FémininAge : 22Messages : 156

    le Mer 21 Mai 2014 - 21:19

    Merci !



    avatar
    thib56
    MasculinAge : 23Messages : 32

    le Ven 23 Mai 2014 - 15:04

    Merci.
    avatar
    Kovu
    FémininAge : 17Messages : 254

    le Ven 23 Mai 2014 - 18:17

    Merci !



    avatar
    Leelo
    FémininAge : 27Messages : 149

    le Ven 23 Mai 2014 - 19:06

    merci
    avatar
    Pastiche
    FémininAge : 24Messages : 78

    le Ven 23 Mai 2014 - 22:52

    Simple, mais très joli, efficace et j'aime beaucoup. ♥
    avatar
    BloodyMonster
    MasculinAge : 24Messages : 23

    le Sam 24 Mai 2014 - 11:21

    merci !



    avatar
    Layla4
    FémininAge : 19Messages : 149

    le Sam 24 Mai 2014 - 13:09

    Merciii
    avatar
    Invité

    le Sam 24 Mai 2014 - 13:21

    Merci !
    avatar
    Leoguillem
    MasculinAge : 19Messages : 137

    le Sam 24 Mai 2014 - 17:40

    Mercii !



    - Je signe Marabout -
    avatar
    Invité

    le Dim 25 Mai 2014 - 10:08

    Merci :)
    avatar
    Loukoum
    FémininAge : 24Messages : 835

    le Dim 25 Mai 2014 - 18:48

    Merci du partage!



    avatar
    Doan Lavita
    FémininAge : 20Messages : 72

    le Lun 26 Mai 2014 - 8:22

    Merci :B



    avatar
    Sumaki
    FémininAge : 20Messages : 31

    le Mer 28 Mai 2014 - 1:48

    Merci pour ton code profil simple mais pratique..
    avatar
    Porcelain Detox
    MasculinAge : 23Messages : 91

    le Mer 28 Mai 2014 - 18:26

    merci !
    avatar
    Allison01
    FémininAge : 34Messages : 200

    le Mer 28 Mai 2014 - 21:20

    Merci ^^
    avatar
    Milkshake
    FémininAge : 19Messages : 29

    le Mer 28 Mai 2014 - 23:00

    merci :)
    avatar
    Grande
    FémininAge : 30Messages : 207

    le Ven 30 Mai 2014 - 2:24

    Merci



    avatar
    Opaline
    FémininAge : 18Messages : 86

    le Ven 30 Mai 2014 - 15:45

    Merci !



    avatar
    Jawilsia
    FémininAge : 26Messages : 143

    le Dim 1 Juin 2014 - 14:09

    Fantastique, c'est juste superbe
    Contenu sponsorisé


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