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
    zbou
    FémininAge : 24Messages : 83

    le Lun 2 Juin 2014 - 12:20

    Merci
    avatar
    CookiesAuxChoco
    FémininAge : 22Messages : 23

    le Lun 2 Juin 2014 - 18:05

    Merci beaucoup ! :3
    avatar
    athenais
    FémininAge : 30Messages : 98

    le Lun 2 Juin 2014 - 18:08

    Merci ♥
    avatar
    Méandre.
    FémininAge : 20Messages : 95

    le Lun 2 Juin 2014 - 18:43

    Merci !
    avatar
    Argy
    FémininAge : 20Messages : 98

    le Mar 3 Juin 2014 - 21:23

    Super génial ! Merci Halloween ! <3
    avatar
    laura31500
    FémininAge : 16Messages : 49

    le Mer 4 Juin 2014 - 13:52

    Merci j'adore
    avatar
    memoriam
    FémininAge : 26Messages : 72

    le Jeu 5 Juin 2014 - 23:00

    mercii
    avatar
    tamanegeek
    MasculinAge : 19Messages : 167

    le Ven 6 Juin 2014 - 13:50

    Merci !
    avatar
    AwenWolf
    FémininAge : 30Messages : 76

    le Ven 6 Juin 2014 - 19:13

    Merci *_*
    avatar
    dangerous mind.
    FémininAge : 23Messages : 16

    le Sam 7 Juin 2014 - 15:04

    Merci, c'est super !
    avatar
    Natsumi13
    FémininAge : 22Messages : 64

    le Sam 7 Juin 2014 - 18:39

    Thx
    avatar
    Rubis-Hope
    FémininAge : 25Messages : 46

    le Sam 7 Juin 2014 - 19:26

    Très joli profil
    Merci du partage
    avatar
    Sakura-chan
    FémininAge : 21Messages : 180

    le Sam 7 Juin 2014 - 22:20

    Merci beaucoup ! :3
    avatar
    Petit Harfang
    FémininAge : 17Messages : 80

    le Lun 9 Juin 2014 - 12:50

    Merci :)
    avatar
    Ungoliant.
    FémininAge : 19Messages : 22

    le Lun 9 Juin 2014 - 17:18

    Très joli !
    avatar
    Lutine
    FémininAge : 30Messages : 102

    le Lun 9 Juin 2014 - 22:47

    Merci, même si l'image ne s'affiche pas chez moi :S
    avatar
    Féhéla
    FémininAge : 45Messages : 238

    le Mer 11 Juin 2014 - 3:37

    merci
    avatar
    poussette59
    FémininAge : 33Messages : 158

    le Mer 11 Juin 2014 - 11:02

    j'adooore
    avatar
    Toshiki
    FémininAge : 22Messages : 54

    le Jeu 12 Juin 2014 - 2:28

    merci
    avatar
    Invité

    le Jeu 12 Juin 2014 - 18:55

    thanks!
    avatar
    Hashirama
    MasculinAge : 20Messages : 63

    le Jeu 12 Juin 2014 - 19:57

    merki
    avatar
    Reishi
    MasculinAge : 24Messages : 146

    le Ven 13 Juin 2014 - 22:23

    parfait merci !
    avatar
    Darkyfrite
    MasculinAge : 105Messages : 595

    le Dim 15 Juin 2014 - 18:50

    Grazie



    avatar
    Invité

    le Lun 16 Juin 2014 - 20:45

    Merci !
    avatar
    Insanys
    FémininAge : 17Messages : 13

    le Lun 16 Juin 2014 - 20:55

    C'est magnifique !
    Contenu sponsorisé


      La date/heure actuelle est Mar 21 Aoû 2018 - 16:13