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
    SweetDreams
    FémininAge : 20Messages : 32

    le Ven 9 Juin 2017 - 13:44

    Merci :aww:
    avatar
    Louna Luna
    FémininAge : 23Messages : 147

    le Sam 10 Juin 2017 - 13:51

    merci
    avatar
    Emy Liddell
    FémininAge : 26Messages : 27

    le Mer 5 Juil 2017 - 13:51

    merci : 3



    avatar
    Mephitiques
    MasculinAge : 19Messages : 29

    le Mar 18 Juil 2017 - 18:33

    merci
    avatar
    Misery Devil
    FémininAge : 28Messages : 163

    le Mer 26 Juil 2017 - 11:53

    jolie



    avatar
    Hyen0w
    MasculinAge : 25Messages : 39

    le Mer 26 Juil 2017 - 17:26

    Merci ! Very Happy



    avatar
    Dinoni
    FémininAge : 20Messages : 13

    le Jeu 27 Juil 2017 - 12:03

    Merci !
    avatar
    Piccosan
    FémininAge : 29Messages : 6

    le Dim 30 Juil 2017 - 7:36

    Merci cheers
    avatar
    Lamia
    FémininAge : 22Messages : 144

    le Mer 2 Aoû 2017 - 22:39

    merci pour le partage :)
    avatar
    Strabo
    FémininAge : 30Messages : 18

    le Ven 18 Aoû 2017 - 0:53

    Superbe! Merci pour le partage
    avatar
    Lily luna potter
    FémininAge : 25Messages : 82

    le Mar 22 Aoû 2017 - 17:30

    merci
    avatar
    Cannelle Cannelle
    MasculinAge : 19Messages : 33

    le Ven 25 Aoû 2017 - 19:02

    Merci :aww:
    avatar
    Ryukaï
    MasculinAge : 20Messages : 614

    le Sam 26 Aoû 2017 - 10:50

    Merci



    avatar
    SweetieBay
    FémininAge : 26Messages : 143

    le Ven 8 Sep 2017 - 15:20

    merci !
    avatar
    Sial
    FémininAge : 19Messages : 1

    le Lun 11 Sep 2017 - 18:59

    merci !
    avatar
    KannaFantasy
    FémininAge : 26Messages : 24

    le Mer 13 Sep 2017 - 0:19

    J'aime vraiment beaucoup merci du partage ^^
    avatar
    Dark Flame Master
    MasculinAge : 20Messages : 4

    le Dim 24 Sep 2017 - 11:24

    cok gzl
    avatar
    Plumy
    FémininAge : 27Messages : 33

    le Mar 26 Sep 2017 - 20:37

    Merci beaucoup pour ce sublime partage !
    avatar
    Titi | Luna
    FémininAge : 13Messages : 50

    le Sam 14 Oct 2017 - 11:40

    Merci pour ce code !
    avatar
    LucasThomson
    MasculinAge : 35Messages : 5

    le Dim 22 Oct 2017 - 9:03

    Merci beaucoup
    avatar
    Nyls
    MasculinAge : 17Messages : 28

    le Sam 28 Oct 2017 - 15:37

    merci beaucoup !
    avatar
    Sophie2
    FémininAge : 54Messages : 64

    le Dim 29 Oct 2017 - 11:14

    Merci
    avatar
    luxury67
    FémininAge : 26Messages : 20

    le Lun 30 Oct 2017 - 9:19

    Merci du partage !
    avatar
    Sow_Oxalys
    FémininAge : 27Messages : 21

    le Mar 31 Oct 2017 - 12:33

    Merci !
    avatar
    Gieve
    FémininAge : 28Messages : 104

    le Sam 25 Nov 2017 - 11:16

    Merci **
    Contenu sponsorisé


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