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

    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
    Roitatan
    MasculinAge : 19Messages : 50

    le Ven 18 Déc 2015 - 16:25

    Merci
    avatar
    Mahogany
    FémininAge : 25Messages : 54

    le Dim 20 Déc 2015 - 13:10

    Génial, merci! (J'apprends a mort en regardant vos si jolis codes et vos cursus *.* c'est le bonheur de décortiquer tout ça. Merci encore!)
    avatar
    Chadot
    FémininAge : 29Messages : 176

    le Jeu 24 Déc 2015 - 9:36

    Merci



    avatar
    Schnappi
    FémininAge : 26Messages : 106

    le Dim 27 Déc 2015 - 23:13

    Merci Very Happy
    avatar
    Laluna
    FémininAge : 24Messages : 74

    le Mar 29 Déc 2015 - 22:36

    Mercii !
    avatar
    Louchoute
    FémininAge : 27Messages : 22

    le Dim 10 Jan 2016 - 23:27

    Merci o/
    avatar
    Biditoche
    FémininAge : 25Messages : 32

    le Jeu 14 Jan 2016 - 20:58

    Merci =)
    avatar
    fraumali
    FémininAge : 38Messages : 121

    le Dim 17 Jan 2016 - 12:54

    Bonjour et merci de ce partage Very Happy
    avatar
    megb59
    FémininAge : 24Messages : 104

    le Mar 19 Jan 2016 - 18:30

    Merci beaucoup! Very Happy
    avatar
    Elnwen
    FémininAge : 21Messages : 12

    le Ven 22 Jan 2016 - 23:01

    Superbe, comme toujours, merci :3
    avatar
    cati
    FémininAge : 26Messages : 5

    le Lun 25 Jan 2016 - 1:04

    Super, merci Wink
    avatar
    Lilice
    FémininAge : 25Messages : 109

    le Mer 27 Jan 2016 - 18:21

    Merci
    avatar
    Angel-chery
    FémininAge : 20Messages : 22

    le Lun 1 Fév 2016 - 16:19

    Merci pour le partage de ce code !
    avatar
    blastrall
    MasculinAge : 24Messages : 41

    le Sam 6 Fév 2016 - 19:41

    merci bien
    avatar
    Lal
    FémininAge : 26Messages : 48

    le Sam 6 Fév 2016 - 23:38

    Merci beaucoup ! =)
    avatar
    KTMiz
    MasculinAge : 19Messages : 47

    le Mar 9 Fév 2016 - 17:23

    merci



    avatar
    Meldicia
    FémininAge : 30Messages : 31

    le Mer 10 Fév 2016 - 0:20

    Merci
    avatar
    Kilda
    FémininAge : 37Messages : 73

    le Ven 12 Fév 2016 - 10:52

    merci
    avatar
    Pau
    FémininAge : 27Messages : 37

    le Ven 12 Fév 2016 - 21:46

    merci
    avatar
    GuillaumeBETA
    MasculinAge : 21Messages : 17

    le Mar 16 Fév 2016 - 20:30

    Merci.
    avatar
    Shakalla
    FémininAge : 21Messages : 8

    le Mer 17 Fév 2016 - 22:35

    J'adore ! merci pour le partage *-*
    avatar
    Rebekaah
    FémininAge : 23Messages : 51

    le Ven 19 Fév 2016 - 16:22

    Merci !
    avatar
    Elissane
    FémininAge : 18Messages : 39

    le Lun 22 Fév 2016 - 11:41

    C'est superbe, exactement ce que je cherchais ! Merci beaucoup :heart:
    avatar
    Neko Mimi
    FémininAge : 27Messages : 162

    le Jeu 25 Fév 2016 - 13:05

    Thank you ♥



    avatar
    Stiou
    FémininAge : 24Messages : 42

    le Ven 26 Fév 2016 - 23:14

    Merci ♥



    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Juin 2018 - 0:48