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
    Pauli
    FémininAge : 25Messages : 22

    le Sam 19 Nov 2016 - 20:32

    merci beaucoup
    avatar
    Philo
    FémininAge : 20Messages : 63

    le Mar 6 Déc 2016 - 17:14

    Je test et analyse le code merci :)
    avatar
    The Mad Hatter
    MasculinAge : 24Messages : 38

    le Sam 10 Déc 2016 - 22:10

    merci



    Le meilleur moyen de réaliser l’impossible est de croire que c’est possible.
    avatar
    Orochimaru
    FémininAge : 28Messages : 209

    le Lun 12 Déc 2016 - 2:28

    Merci :)



    Orochimaru

    " Les proies doivent toujours faire preuve de la plus grande vigilance, lorsqu'elles tentent d'échapper à leur prédateur. Tout ce qu'une proie peut espérer de son prédateur, c'est qu'il daigne la laisser tranquille après avoir eu ce qu'il voulait."
    avatar
    Ozsi
    MasculinAge : 21Messages : 27

    le Ven 23 Déc 2016 - 15:14

    Merci :)
    avatar
    mijako
    FémininAge : 26Messages : 83

    le Dim 1 Jan 2017 - 8:41

    merci
    avatar
    Bryan241
    MasculinAge : 19Messages : 9

    le Mar 3 Jan 2017 - 16:29

    merci
    avatar
    Rozenbrez
    FémininAge : 27Messages : 1382

    le Ven 6 Jan 2017 - 12:39

    Merci du partage. :)

    avatar
    Lena'
    FémininAge : 24Messages : 41

    le Sam 7 Jan 2017 - 21:46

    Merci !



    avatar
    Aylira
    FémininAge : 19Messages : 21

    le Ven 27 Jan 2017 - 15:59

    merci !
    avatar
    FeliceFelicis
    FémininAge : 28Messages : 89

    le Sam 4 Fév 2017 - 15:54

    Je sais pas si ce n'est que chez moi, mais le liens d'exemple du tuto est mort... y aurait-il moyen de le mettre à jour?
    avatar
    Arpège
    FémininAge : 19Messages : 111

    le Sam 4 Fév 2017 - 17:50

    Merci **




    Writers World commence à ouvrir !
    avatar
    PuppetBlue
    FémininAge : 25Messages : 111

    le Sam 11 Fév 2017 - 3:22

    Merci !



    avatar
    wiise
    FémininAge : 25Messages : 50

    le Jeu 16 Fév 2017 - 20:08

    Merciiii Very Happy



    avatar
    _tomo
    FémininAge : 18Messages : 6

    le Lun 27 Fév 2017 - 0:19

    merci!
    avatar
    Hybris
    MasculinAge : 31Messages : 308

    le Mer 1 Mar 2017 - 4:02

    Merci ! **
    avatar
    Nyotengu
    FémininAge : 24Messages : 85

    le Dim 5 Mar 2017 - 15:22

    merci
    avatar
    Crazy-Sweet
    FémininAge : 27Messages : 128

    le Lun 20 Mar 2017 - 9:29

    Merci à toi :)



    What if I need you baby?
    I PROMISE THAT ONE DAY I’LL BE AROUND, I’LL KEEP YOU SAFE ! IT'S SUCH A CRUEL WORLD BUT I FOUND SOMETHING GOOD.. ‘CAUSE IN ALL THIS BITTERNESS YOU STAY SO SWEET ...
    avatar
    Nokomis
    FémininAge : 24Messages : 18

    le Ven 21 Avr 2017 - 22:43

    Merci beaucoup encore une fois ! <3
    avatar
    whowwillfallfirst
    MasculinAge : 19Messages : 54

    le Sam 6 Mai 2017 - 18:09

    Merci beaucoup du partage. :heart:
    avatar
    Kai Parker
    FémininAge : 20Messages : 154

    le Mer 10 Mai 2017 - 23:38

    Jolie !

    avatar
    Jenova
    MasculinAge : 23Messages : 126

    le Jeu 11 Mai 2017 - 16:36

    Merci !



    avatar
    alsayed
    MasculinAge : 44Messages : 75

    le Ven 19 Mai 2017 - 11:44

    merci
    avatar
    Raynold
    MasculinAge : 18Messages : 39

    le Lun 29 Mai 2017 - 2:17

    mrc :/
    avatar
    John:
    MasculinAge : 25Messages : 56

    le Mar 30 Mai 2017 - 3:40

    mrc :3
    Contenu sponsorisé


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