AJOUTER UN MEMBRE DU STAFF SUR LA PA

Duo du mois

Aylin & Aëlynn

Rp du mois

Aylin & Aëlynn

Le Deal du moment :
Cartes Pokémon 151 : où trouver le ...
Voir le deal


 :: Dead for Love :: Present yourself
Ajouter le sujet à ses favoris

AJOUTER UN MEMBRE DU STAFF SUR LA PA

AJOUTER UN MEMBRE DU STAFF SUR LA PAVen 19 Juin - 11:51
Admin
Admin
Admin
Messages : 62
Date d'inscription : 12/04/2018
Localisation : Par ici.

https://inparadise.forumactif.com
dans le HTML.

Cette partie définit les slides.
Code:
<ul id="slides">
    
 <li class="slide">
          <table><tr><td valign="top"><img src="https://media2.giphy.com/media/II9UtrhZihIeQ/source.gif" class="staffimg" /></td><td><div class="staffname">Aëlynn Stuart</div><div class="staffname2">Pseudo ici</div><center><table><tr><td><a href="url" target="_blank" class="lienstaff">mp</a></td><td><a href="url" target="_blank" class="lienstaff">profil</a></td></tr></table></center></td></tr>
            <tr><td><div class="bordure"></div></td><td><div class="dcstaff">DC : pseudo</div></td></tr></table>
 </li>
    
 <li class="slide">
          <table><tr><td valign="top"><img src="https://66.media.tumblr.com/47d6ff4900ca4f4f6f2bbf625a58e241/tumblr_o4v6dfMs0q1uyoktjo1_400.gif" class="staffimg" /></td><td><div class="staffname">Alayna March</div><div class="staffname2">Pseudo ici</div><center><table><tr><td><a href="url" target="_blank" class="lienstaff">mp</a></td><td><a href="url" target="_blank" class="lienstaff">profil</a></td></tr></table></center></td></tr>
                  <tr><td><div class="bordure"></div></td><td><div class="dcstaff">DC : pseudo</div></td></tr></table>
 </li>
    
 <li class="slide">
          <table><tr><td valign="top"><img src="https://66.media.tumblr.com/a2fbc7147e87f341dbc2b003f5629d18/tumblr_o1mnpu5Deo1r7n87no7_250.gif" class="staffimg" /></td><td><div class="staffname">Aylin Stuart</div><div class="staffname2">Pseudo ici</div><center><table><tr><td><a href="url" target="_blank" class="lienstaff">mp</a></td><td><a href="url" target="_blank" class="lienstaff">profil</a></td></tr></table></center></td></tr>
                  <tr><td><div class="bordure"></div></td><td><div class="dcstaff">DC : pseudo</div></td></tr></table>
 </li>

</ul>

Cette partie définit UNE slide.
Code:
<li class="slide">
          <table><tr><td valign="top"><img src="https://66.media.tumblr.com/a2fbc7147e87f341dbc2b003f5629d18/tumblr_o1mnpu5Deo1r7n87no7_250.gif" class="staffimg" /></td><td><div class="staffname">Aylin Stuart</div><div class="staffname2">Pseudo ici</div><center><table><tr><td><a href="url" target="_blank" class="lienstaff">mp</a></td><td><a href="url" target="_blank" class="lienstaff">profil</a></td></tr></table></center></td></tr>
                  <tr><td><div class="bordure"></div></td><td><div class="dcstaff">DC : pseudo</div></td></tr></table>
 </li>

Il suffit donc de la C/C avant le < /ul> du premier code.

Dans le CSS, chercher
Code:
.slide:nth-of-type(1) {
    background: #9ad0c0;
}
.slide:nth-of-type(2) {
    background: #9ad0c0;
}
.slide:nth-of-type(3) {
    background: #9ad0c0;
}

Et ajouter
Code:
.slide:nth-of-type(4) {
    background: #9ad0c0;
}
Re: AJOUTER UN MEMBRE DU STAFF SUR LA PADim 21 Juin - 19:56
Admin
Admin
Admin
Messages : 62
Date d'inscription : 12/04/2018
Localisation : Par ici.

https://inparadise.forumactif.com
TEMPLATE overall_header, chercher
Code:
<a name="top"></a>
{JAVASCRIPT}

<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">

et remplacer par
Code:
<a name="top"></a>
{JAVASCRIPT}
            <div class="boite"><div class="imageboite"></div><h1>Duo du mois</h1><h2>Prénom et Prénom</h2><div class="bordboite" style="margin-bottom:5px"></div><div class="imageboite"></div><h1>Rp du mois</h1><h2><a href="url">Prénom et Prénom</a></h2><div class="bordboite"></div></div>
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">

LE CSS
Code:
.boite {width:150px;border:#ffffff 10px solid;background-color:#ffffff;position:absolute;left:10px;top:40px;text-align:center;}
.imageboite {background-image:url('https://www.syfy.com/sites/syfy/files/styles/1170xauto/public/tlk25.gif');
  width:150px;height:60px;background-size:100%;}
.boite h1 {background-color:#9ad0c0;color:#ffffff;font-family: jost;
    font-size: 10px;letter-spacing: 1px;margin-bottom: 5px;text-align: center;text-transform: lowercase;font-weight:600;padding: 2px;}
.boite h2, .boite h2 a {margin:0px;font-family:jost;color: #bc8b43;text-transform:uppercase;font-size:10px;}
.bordboite {border-bottom: #9ad0c0 3px dashed;}
Re: AJOUTER UN MEMBRE DU STAFF SUR LA PAJeu 2 Juil - 14:38
Admin
Admin
Admin
Messages : 62
Date d'inscription : 12/04/2018
Localisation : Par ici.

https://inparadise.forumactif.com
MODIF PA AVEC LES ICONES

dans le HTML de la page d'accueil, tu colles
Code:
<table>
       <tr>
         <td>
        <div class="groupe1" style="background-image:url('https://www.zupimages.net/up/20/27/rqjl.png?fbclid=IwAR2DQ0PUJPudzbc6noeudK8nMUXmuBAnl8cEx-nvd0FxLK5bWNI1oCY8L48')">
          
          <span class="gtexte">00</span>
        </div>
         </td>
         <td>
        <div class="groupe1" style="background-image:url('https://www.zupimages.net/up/20/27/3wdk.png?fbclid=IwAR0RZAbqQoIm-HeVggPRGmAB90C9QJZCLuFZKiI0LDjENOQP1_oYcj04rZs')">
          
          <span class="gtexte">40</span>
        </div>
         </td>
         <td>
        <div class="groupe1" style="background-image:url('https://www.zupimages.net/up/20/27/8vn0.png?fbclid=IwAR0iV2TBNRYfIK7rD9tbwq6Pd0hGoKPq7tAUrcBYRXwM_CTPsLdVQf5ba6w')">
          
          <span class="gtexte">75</span>
        </div>
         </td>
         <td>
        <div class="groupe1" style="background-image:url('https://www.zupimages.net/up/20/27/208p.png?fbclid=IwAR1bRR1fYs5UYVsvD74Z1b7Ijl-QddBgro5GVu-EIN8oBO5MrCJA0QM77tM')">
          
          <span class="gtexte">4682</span>  
        </div>
         </td>
         <td>
        <div class="groupe1" style="background-image:url('https://www.zupimages.net/up/20/27/bgik.png?fbclid=IwAR1JMVIgEKqamt9agc_whRIfc9p6jycRAEWNEQOS7kFQlyOZ6LzApnvZvlA')">
          
          <span class="gtexte">25462</span>  
        </div>
         </td>
       </tr>
      </table>
tout en bas, juste au-dessus du JS, entre
Code:
</tr>
       </tbody></table>
et
Code:
</div>
        </center>


Puis dans le CSS de ta PA tu colles

Code:
/***html des logos de races***/
            .groupe1 {
          width:33px;
          height:33px;
          overflow:hidden;
          text-align:justify;
          padding:6px;
          color:#000000;
          line-height:100%;
          font-size:11px;
          font-family:jost;
          -webkit-transition: 1s;
          transition: 1s;
          margin:10px;
          background-size:100%;
          }
          
          .groupe1 span.gtexte {background-color:#ffffff;
color:#000000;
-webkit-transition: 1s;
transition: 1s;
margin-left:0px;
margin-top:0px;
position:absolute;
height: 18px;
width:29px;
          overflow:hidden;
opacity: 0 ;
          padding:2px;
          padding-top:13px;
          text-align:center;
}
          
        
          
          .groupe1:hover span.gtexte {
opacity: 1;
margin-left:0px;
          transition:1s;
          -webkit-transition: 1s;
}
Re: AJOUTER UN MEMBRE DU STAFF SUR LA PA
Contenu sponsorisé

Sujets surveillés
Ajouter le sujet à ses favoris
Aller en hautAller en bas