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

    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
    LickingBoot
    FémininAge : 19Messages : 503

    le Sam 5 Juil 2014 - 23:04

    Merci !



    avatar
    Marwin
    MasculinAge : 25Messages : 47

    le Dim 6 Juil 2014 - 2:09

    Merci :***
    avatar
    Miss lili
    FémininAge : 27Messages : 49

    le Dim 6 Juil 2014 - 18:40

    merci Halloween toujours autant de beauté
    avatar
    Nileeda
    FémininAge : 22Messages : 42

    le Lun 7 Juil 2014 - 3:37

    Merci pour le partage ! :3
    avatar
    Airore
    FémininAge : 19Messages : 132

    le Lun 7 Juil 2014 - 8:23

    Merci !
    avatar
    Archeos
    FémininAge : 21Messages : 60

    le Lun 7 Juil 2014 - 10:00

    Merchi pour le partage. Very Happy



    avatar
    JasLo
    FémininAge : 16Messages : 76

    le Lun 7 Juil 2014 - 15:12

    Perfect auchiii <3
    avatar
    Smokerlilitrope
    FémininAge : 29Messages : 45

    le Mer 9 Juil 2014 - 16:26

    C'est vraiment très beau *.*
    avatar
    Freshdaw
    FémininAge : 23Messages : 14

    le Jeu 10 Juil 2014 - 21:02

    Merci :)
    avatar
    Ay.am.e
    FémininAge : 20Messages : 123

    le Sam 12 Juil 2014 - 21:13

    Merci !
    avatar
    G U E R L A I N
    FémininAge : 27Messages : 154

    le Dim 13 Juil 2014 - 16:47

    comme toujours tes codes sont sublimes!



    avatar
    SamyChou
    FémininAge : 21Messages : 31

    le Lun 14 Juil 2014 - 15:19

      Merci beaucoup pour le partage !
    avatar
    Shuu-Shuu
    FémininAge : 22Messages : 196

    le Lun 14 Juil 2014 - 15:50

    sympa merci beaucoup !
    avatar
    Saphirielle
    FémininAge : 17Messages : 6

    le Lun 14 Juil 2014 - 19:31

    Super merci ^^
    avatar
    Azzuen
    FémininAge : 20Messages : 61

    le Mar 15 Juil 2014 - 1:59

    Merci beaucoup ♥♥♥
    avatar
    Afterglow.winter
    FémininAge : 23Messages : 138

    le Jeu 17 Juil 2014 - 17:08

    Je suis fan de toi je crois



    How do you get up from an all time low?
    avatar
    Luna_Rakuen
    FémininAge : 26Messages : 79

    le Ven 18 Juil 2014 - 6:31

    Merci :)
    avatar
    Dadash_Pearl
    FémininAge : 26Messages : 40

    le Ven 18 Juil 2014 - 14:07

    Merci simple et joli ♥
    avatar
    Maître Corbeau
    MasculinAge : 18Messages : 21

    le Ven 18 Juil 2014 - 17:50

    Ça m'intéresse, hihi
    avatar
    Kathee
    FémininAge : 25Messages : 667

    le Dim 20 Juil 2014 - 0:33

    Chouettaille Very Happy



    • Nous serions ravis de vous accueillir •


    • Venez donc voir ce petit petit fofo •
    avatar
    Genocider
    MasculinAge : 19Messages : 35

    le Dim 20 Juil 2014 - 4:30

    Merci !
    avatar
    Neko-Rika
    FémininAge : 19Messages : 115

    le Dim 20 Juil 2014 - 10:55

    Merci
    avatar
    Dagaa
    FémininAge : 17Messages : 16

    le Dim 20 Juil 2014 - 16:00

    Merci 8D
    avatar
    Tameless+
    FémininAge : 20Messages : 252

    le Lun 21 Juil 2014 - 10:23

    wow ! je trouve ça super joli ! Mercid u partage ! =D



    Drogba JR
    MasculinAge : 26Messages : 88

    le Lun 21 Juil 2014 - 14:55

    merci
    Contenu sponsorisé


      La date/heure actuelle est Mar 21 Aoû 2018 - 2:07