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




    < / Libre service codage >
    En ligne
    avatar
    Lisou
    FémininAge : 17Messages : 313

    le Mar 22 Juil 2014 - 8:55

    merci ♥
    avatar
    LyN[ss]
    FémininAge : 26Messages : 105

    le Sam 26 Juil 2014 - 2:02

    C'est super joli ! =D
    avatar
    Illiade
    FémininAge : 25Messages : 21

    le Sam 26 Juil 2014 - 20:07

    Merci pour le partage !
    avatar
    InkBoy
    MasculinAge : 25Messages : 66

    le Dim 27 Juil 2014 - 7:15

    Merci pour ceci ! Wink



    avatar
    Naïshy
    FémininAge : 16Messages : 65

    le Dim 27 Juil 2014 - 10:07

    Merci ^^
    avatar
    ( Lou' )
    FémininAge : 23Messages : 108

    le Ven 1 Aoû 2014 - 8:49

    Merci **
    avatar
    Bridgess
    FémininAge : 19Messages : 58

    le Sam 2 Aoû 2014 - 11:09

    Merci :)
    avatar
    Cherry'
    FémininAge : 22Messages : 65

    le Sam 2 Aoû 2014 - 14:53

    J'adore toutes tes créations, merci c'est sublime !! *0*
    avatar
    Sachem
    FémininAge : 21Messages : 51

    le Dim 3 Aoû 2014 - 19:22

    Merci !
    avatar
    lisounette7
    FémininAge : 24Messages : 56

    le Lun 4 Aoû 2014 - 12:15

    Merci <3
    avatar
    Drizzle
    FémininAge : 20Messages : 135

    le Mer 6 Aoû 2014 - 10:38

    Merci Very Happy



    avatar
    Soul
    MasculinAge : 22Messages : 1723

    le Mer 6 Aoû 2014 - 11:53

    Trop stylé je trouve ! Bravo et merci :)
    avatar
    .lovely
    FémininAge : 21Messages : 54

    le Jeu 7 Aoû 2014 - 15:57

    merci
    avatar
    Sekai
    FémininAge : 20Messages : 20

    le Jeu 7 Aoû 2014 - 19:04

    Merci :3
    avatar
    sam63
    FémininAge : 26Messages : 10

    le Ven 8 Aoû 2014 - 4:11

    Merci pour le tuto ! :)
    avatar
    Zhulan
    FémininAge : 20Messages : 25

    le Ven 8 Aoû 2014 - 9:57

    Merci beaucoup!
    avatar
    Evydence
    FémininAge : 21Messages : 60

    le Sam 9 Aoû 2014 - 13:27

    Merci!
    avatar
    Hellow
    MasculinAge : 23Messages : 33

    le Sam 9 Aoû 2014 - 21:44

    Merciiiiiii
    avatar
    lala zhang
    FémininAge : 27Messages : 345

    le Dim 10 Aoû 2014 - 12:25

    Merci du partage c'est super jolie
    avatar
    Castielle
    FémininAge : 22Messages : 33

    le Dim 10 Aoû 2014 - 12:45

    Merci *_*
    avatar
    Devil.
    FémininAge : 21Messages : 58

    le Lun 11 Aoû 2014 - 6:05

    Merci !
    avatar
    Lovehurt
    FémininAge : 21Messages : 36

    le Lun 11 Aoû 2014 - 15:42

    Merci **
    avatar
    Saindsie
    FémininAge : 21Messages : 12

    le Lun 11 Aoû 2014 - 17:58

    merci :3
    avatar
    Zappy
    FémininAge : 18Messages : 55

    le Mar 12 Aoû 2014 - 17:33

    Merci
    avatar
    Boou
    FémininAge : 25Messages : 50

    le Sam 16 Aoû 2014 - 9:05

    Merci :)
    Contenu sponsorisé


      La date/heure actuelle est Mar 21 Aoû 2018 - 10:12