Code PA
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Code PA
Bonsoiiiir encore moi mdr !! c'est que je dois finir le design de mon forum aujourd'hui sinon im dead
Bon, j'ai un tout petit soucis avec le code de ma PA, le voici :
Je vous explique mon problème en image
Je veux que les autres images se collent avec celle qui est toute seule x)
Merci de me sauver le vie
Bon, j'ai un tout petit soucis avec le code de ma PA, le voici :
- Code:
<table>
<center><img src="http://img15.hostingpics.net/pics/354134truuc.png" width="940"></center>
<tr>
<td>
<div style="width: 330px; height: 230px; border: 1px solid #bf9ab0; padding: 5px 10px;" class="fond"><center><img src="http://img15.hostingpics.net/pics/611523truc.png" width="300"></center>
<span style="font-family: century gothic; letter-spacing: -1px; font-size: 18px; color: #80598D;; text-shadow: 0px 0px 1px #80598D;">
</span></br>
♣ New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1
</br>
</br>♣ New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2</div>
</body>
</div>
</br>
<div style="width: 330px; height: 100px; border: 1px solid #bf9ab0; padding: 5px 10px;" class="fond">
<span style="font-family: century gothic; letter-spacing: -1px; font-size: 18px; color: #80598D; text-shadow: 0px 0px 1px #80598D;">
<center>Staff</center>
</span>
<table align="center"><tr><td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/82838744a1.png"/>
<span><b>Admin</b></br>NOM </br></br>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.</br></br><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td><td>
<div class="bullestaff"><img src="http://img15.hostingpics.net/pics/64535778a2.png"/>
<span><b>Admin</b></br>NOM </br></br>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.</br></br><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td><td>
<div class="bullestaff"><img src="http://img15.hostingpics.net/pics/54478261a3.png"/>
<span><b>Admin</b></br>NOM </br></br>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.</br></br><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/32629682a4.png"/>
<span><b>Admin</b></br>NOM </br></br>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.</br></br><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td><td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/14813188a5.png"/>
<span><b>Admin</b></br>NOM </br></br>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.</br></br><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td><td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/48710312a6.png"/>
<span><b>Admin</b></br>NOM </br></br>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.</br></br><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td><td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/72821255a7.png"/>
<span><b>Admin</b></br>NOM </br></br>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.</br></br><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td><td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/96459566a8.png"/>
<span><b>Admin</b></br>NOM </br></br>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.</br></br><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td><td>
</div>
</tr></table>
</div>
</td>
<td>
<div style="width: 370px; height: 260px; border: 1px solid #bf9ab0; padding: 5px 10px;" class="fond"><center><img src="http://img15.hostingpics.net/pics/401253TRUC2.png" width="300"></center>
<span style="font-family: century gothic; letter-spacing: -1px; font-size: 18px; color: #80598d; text-shadow: 0px 0px 1px #80598D;">
</span>
<div style="width: 370px; height: 120px; padding-right: 5px; overflow: auto; font-family: Georgia; color: #80598D; font-size: 12px;" align="justify">♣ "Bienvenue sur notre forum !
Alors, qu'est-ce qui t'amène ici ? Tu es passionné(e) de graphisme et tu veux progresser tout en passant de bons moments ?
Ou tu débutes complètement dans le graph et tu aimerais apprendre à faire de jolies créas ? Peu importe, tu as frappé à la bonne porte !
Graph perle est un forum complet : il se concentre essentiellement sur le graph, mais si tu aimes également la photo, le dessin ou l'écriture, tu trouveras ton bonheur.
Tu pourras également prendre des cours, ouvrir ta galerie ou demander des conseils pour tes créas, tout ça une fois que tu auras fait ta présentation et ton éval, afin que l'on détermine ton rang en graphisme.
Et si tu as envie de te détendre, jeux et blablatages entre membres sont au rendez vous, tout cela dans la bonne ambiance !
Alors, n'hésite pas : viens nous rejoindre !"
xoxo Le Staff.<br><img src="http://aux2.iconpedia.net/uploads/4805383891728087813.png" style="float: right; padding-left: 7px; height: 40px;">
</div>
</div>
</br>
<div style="width: 380px; height: 180px; border: 1px solid #bf9ab0; padding: 5px 10px;" class="fond">
<span style="font-family: century gothic; letter-spacing: -1px; font-size: 18px; color: #80598d; text-shadow: 0px 0px 1px #80598D;">
<center>Partenaires</center>
</span></br>
<marquee direction="left" scrollamount="3" width="380" onmouseover="this.stop()" onmouseout="this.start()">
<a href="http://URL DU FORUM"><img src="http://i49.servimg.com/u/f49/16/99/74/66/sakura11.jpg" style="margin-right: 10px;"/></a><a href="http://URLDUFORUM"><img src="http://i49.servimg.com/u/f49/16/99/74/66/hikaru12.jpg" style="margin-right: 10px;"/></a>
</marquee>
</div>
</td>
</tr>
</table>
Je vous explique mon problème en image
- Spoiler:
Je veux que les autres images se collent avec celle qui est toute seule x)
Merci de me sauver le vie
Dernière édition par jiji98 le Jeu 2 Fév 2012 - 18:02, édité 1 fois
Xibition- ****
-
Messages : 457
Inscrit(e) le : 23/05/2011
Re: Code PA
Up
Je post le css :
Je post le css :
- Code:
.bullestaff {
position : relative;
z-index: 0;
width: 20px;}
.bullestaff:hover{
background-color: transparent;
z-index: 50;}
.bullestaff span{
position: absolute;
background-image: url(http://i40.tinypic.com/mr435.png);
padding: 0px 5px;
visibility: hidden;
color: #80598D;
font-family: Georgia;
text-align: center;}
.bullestaff:hover span{
visibility: visible;
top: 45px;
left: 10px;
width: 150px;
height: 120px;
color: #80598D;
border: 1px dashed #bf9ab0;}
.fond {background-image:url('http://i43.tinypic.com/5xj2bm.png');
}
.navig { text-decoration : none !important;
text-transform : uppercase;
text-align : center;
font-size: 13px;
font-family: century gothic;
font-weight: bold;
letter-spacing: -1px;
color: #80598D;
}
.navig:hover { text-decoration : none !important;
text-transform : uppercase;
text-align : center;
font-size: 13px;
color : #7d7081;
font-weight: bold;
}
Xibition- ****
-
Messages : 457
Inscrit(e) le : 23/05/2011
Re: Code PA
Bonjour,
Comme ceci?
Cordialement.
Comme ceci?
- Code:
<table>
<center>
<img src="http://img15.hostingpics.net/pics/354134truuc.png" width="940" />
</center>
<tr>
<td>
<div style="width: 330px; height: 230px; border: 1px solid #bf9ab0; padding: 5px 10px;" class="fond">
<center>
<img src="http://img15.hostingpics.net/pics/611523truc.png" width="300">
</center>
<span style="font-family: century gothic; letter-spacing: -1px; font-size: 18px; color: #80598D;; text-shadow: 0px 0px 1px #80598D;">
</span><br />
? New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1
<br />
<br />? New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2
</div>
<br />
<div style="width: 330px; height: 100px; border: 1px solid #bf9ab0; padding: 5px 10px;" class="fond">
<span style="font-family: century gothic; letter-spacing: -1px; font-size: 18px; color: #80598D; text-shadow: 0px 0px 1px #80598D;">
<center>Staff</center>
</span>
<table align="center">
<tr>
<td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/82838744a1.png" />
<span><b>Admin</b><br />NOM <br /><br />Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.<br /><br /><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span>
</div> </td>
<td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/64535778a2.png"/>
<span><b>Admin</b><br />NOM <br /><br />Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.<br /><br /><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span>
</div> </td>
<td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/54478261a3.png"/>
<span><b>Admin</b><br />NOM <br /><br />Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.<br /><br /><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td>
<td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/32629682a4.png"/>
<span><b>Admin</b><br />NOM <br /><br />Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.<br /><br /><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td>
<td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/14813188a5.png"/><span><b>Admin</b><br />NOM <br /><br />Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.<br /><br /><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td>
<td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/48710312a6.png"/>
<span><b>Admin</b><br />NOM <br /><br />Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.<br /><br /><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td><td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/72821255a7.png"/>
<span><b>Admin</b><br />NOM <br /><br />Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.<br /><br /><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td><td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/96459566a8.png"/>
<span><b>Admin</b><br />NOM <br /><br />Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.<br /><br /><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td>
</tr></table></div>
</div>
</td>
<td>
<div style="width: 370px; height: 260px; border: 1px solid #bf9ab0; padding: 5px 10px;" class="fond"><center><img src="http://img15.hostingpics.net/pics/401253TRUC2.png" width="300"></center>
<span style="font-family: century gothic; letter-spacing: -1px; font-size: 18px; color: #80598d; text-shadow: 0px 0px 1px #80598D;">
</span>
<div style="width: 370px; height: 120px; padding-right: 5px; overflow: auto; font-family: Georgia; color: #80598D; font-size: 12px;" align="justify">? "Bienvenue sur notre forum !
Alors, qu'est-ce qui t'amène ici ? Tu es passionné(e) de graphisme et tu veux progresser tout en passant de bons moments ?
Ou tu débutes complètement dans le graph et tu aimerais apprendre à faire de jolies créas ? Peu importe, tu as frappé à la bonne porte !
Graph perle est un forum complet : il se concentre essentiellement sur le graph, mais si tu aimes également la photo, le dessin ou l'écriture, tu trouveras ton bonheur.
Tu pourras également prendre des cours, ouvrir ta galerie ou demander des conseils pour tes créas, tout ça une fois que tu auras fait ta présentation et ton éval, afin que l'on détermine ton rang en graphisme.
Et si tu as envie de te détendre, jeux et blablatages entre membres sont au rendez vous, tout cela dans la bonne ambiance !
Alors, n'hésite pas : viens nous rejoindre !"
xoxo Le Staff.<br><img src="http://aux2.iconpedia.net/uploads/4805383891728087813.png" style="float: right; padding-left: 7px; height: 40px;">
</div>
</div>
<br />
<div style="width: 380px; height: 180px; border: 1px solid #bf9ab0; padding: 5px 10px;" class="fond">
<span style="font-family: century gothic; letter-spacing: -1px; font-size: 18px; color: #80598d; text-shadow: 0px 0px 1px #80598D;">
<center>Partenaires</center>
</span><br />
<marquee direction="left" scrollamount="3" width="380" onmouseover="this.stop()" onmouseout="this.start()">
<a href="http://URL DU FORUM"><img src="http://i49.servimg.com/u/f49/16/99/74/66/sakura11.jpg" style="margin-right: 10px;"/></a><a href="http://URLDUFORUM"><img src="http://i49.servimg.com/u/f49/16/99/74/66/hikaru12.jpg" style="margin-right: 10px;"/></a>
</marquee>
</div>
</td>
</tr>
</table>
Cordialement.
Invité- Invité
Re: Code PA
MERCIIII Ca fonctionne parfaitement
Juste une dernière question, est ce que je peux ajouter une image comme fond ? le fond de toute la pa :p
Juste une dernière question, est ce que je peux ajouter une image comme fond ? le fond de toute la pa :p
Xibition- ****
-
Messages : 457
Inscrit(e) le : 23/05/2011
Re: Code PA
Bonjour,
Encadrez votre code avec une div:
Cordialement.
Encadrez votre code avec une div:
- Code:
<div style="background:('Url de l'image');" width="100%" height="100%"> VOTRE CODE DE PA</div>
Cordialement.
Invité- Invité
Re: Code PA
Merci c'est parfait
Xibition- ****
-
Messages : 457
Inscrit(e) le : 23/05/2011
Sujets similaires
» Balise [code] [/code] : Avoir le texte « code » et « sélectionner le contenu » en bleu, plus gros ainsi qu’avoir la même couleur
» La fenêtre ou le code doit apparaître est sur fond blanc et mon code aussi.
» (code css) appliquer un code css permettant de définir la couleur des titres des topics
» Le code popup s'installe dans le code source comment faire svp
» Pas assez de place pour un code couleur de rang et un code dégradé
» La fenêtre ou le code doit apparaître est sur fond blanc et mon code aussi.
» (code css) appliquer un code css permettant de définir la couleur des titres des topics
» Le code popup s'installe dans le code source comment faire svp
» Pas assez de place pour un code couleur de rang et un code dégradé
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum