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 >
    avatar
    Insane paper-plane
    FémininAge : 22Messages : 139

    le Lun 16 Juin 2014 - 19:54

    thanks !
    avatar
    Valinwë
    FémininAge : 27Messages : 120

    le Mar 17 Juin 2014 - 5:26

    Merci beaucoup, encore Razz !



    avatar
    Lestrange
    FémininAge : 22Messages : 163

    le Mar 17 Juin 2014 - 13:03

    Merci *0* Sublime (DAAAARYL)
    avatar
    Mephitis.
    FémininAge : 20Messages : 46

    le Mer 18 Juin 2014 - 19:01

    Thanks **
    avatar
    Lamire
    FémininAge : 24Messages : 94

    le Jeu 19 Juin 2014 - 4:09

    Merci ~
    avatar
    Monaka
    FémininAge : 26Messages : 132

    le Jeu 19 Juin 2014 - 12:40

    Très beau !
    avatar
    Believer
    FémininAge : 23Messages : 17

    le Jeu 19 Juin 2014 - 17:14

    Merciiii  cheers 
    avatar
    Aurifereis
    MasculinAge : 25Messages : 39

    le Ven 20 Juin 2014 - 6:58

    Très beau ^^
    avatar
    Aurore13
    FémininAge : 29Messages : 48

    le Ven 20 Juin 2014 - 19:15

    Merciiiiiii ♥
    avatar
    Invité

    le Sam 21 Juin 2014 - 11:28

    Simple mais jolie merci du partage Wink
    avatar
    Hyl
    FémininAge : 23Messages : 81

    le Lun 23 Juin 2014 - 15:03

    Merci beaucoup !




    » H y l



    Spoiler:
    avatar
    Tempy
    FémininAge : 20Messages : 76

    le Ven 27 Juin 2014 - 16:56

    Merci du partage !
    C'est super utile !
    avatar
    shibari
    MasculinAge : 23Messages : 277

    le Sam 28 Juin 2014 - 9:58

    tks





    Merci Dakota pour ce kit.
    avatar
    -Hikaru-
    MasculinAge : 21Messages : 51

    le Sam 28 Juin 2014 - 11:36

    merci
    avatar
    Heartfilia
    FémininAge : 18Messages : 98

    le Sam 28 Juin 2014 - 14:13

    Merci !



    YOU HELLA SAVED MY LIFE
    - chloe price
    avatar
    Kim Jae Yoon
    FémininAge : 28Messages : 128

    le Dim 29 Juin 2014 - 12:13

    J'hésite entre deux affichages maintenant haha. Le tient me plait beaucoup. Merci !
    avatar
    Furries
    FémininAge : 21Messages : 34

    le Lun 30 Juin 2014 - 2:42

    J'en cherchais, merci beaucoup c'est pas si simple à trouver ♥
    avatar
    Jacoon
    FémininAge : 21Messages : 147

    le Lun 30 Juin 2014 - 11:34

    Merci pour le code ! ^^
    avatar
    Ahila
    FémininAge : 25Messages : 107

    le Lun 30 Juin 2014 - 13:06

    Merchi!
    avatar
    Stitch56
    FémininAge : 25Messages : 200

    le Mar 1 Juil 2014 - 7:27

    Marchi ♥
    avatar
    Myxookiie
    FémininAge : 25Messages : 47

    le Mar 1 Juil 2014 - 13:41

    C'est cool! ^^ merci!
    avatar
    Rynkka
    FémininAge : 19Messages : 119

    le Mar 1 Juil 2014 - 13:47

    Merci!



    avatar
    Acédie
    FémininAge : 20Messages : 91

    le Mer 2 Juil 2014 - 7:06

    merci (:
    avatar
    Myosotis
    FémininAge : 18Messages : 98

    le Ven 4 Juil 2014 - 13:34

    Merci (:
    avatar
    Tyarra
    FémininAge : 18Messages : 73

    le Sam 5 Juil 2014 - 16:30

    Merci beaucoup  :love: 




    Contenu sponsorisé


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