Sujets similaires

Sujet: Petits tutos pour moi :) Dim 05 Sep 2010, 21:49

Bonjour, a tous, voici ce que je vous demande Smile

Titre provisoire: Image en fond de texte
Détails: J'aimerais savoir comment mettre une image dans le fond d'un text, sans biensur tout deformer alentour :S
Aperçu: https://i.servimg.com/u/f29/15/29/25/73/apercu10.jpg
Autoriser un membre à répondre [X] Oui [] Non

Titre provisoire: Une infobulle personnaliser
Détails: J'aimerais aussi savoir comment faire une infobulle personnaliser, du genre colorer avec les infos pour contacter ou voir une fiche...
Aperçu: https://i.servimg.com/u/f29/15/29/25/73/apercu11.jpg
Autoriser un membre à répondre [X] Oui [] Non

Merci de m'aider Smile

Sujet: Re: Petits tutos pour moi :) Lun 06 Sep 2010, 14:44

Bon, eh bien je vais commencer à t'aider déjà ;p
Pour le texte sur une image, j'imagine que ça ça irai:

Code:: <div style="background-image:url("URL DE TON IMAGE");">TEXTE</div>

Et pour l'infobulle, il te suffit tout simplement de rechercher à infobulle, et tu as un code tout prêt que tu n'as qu'à modifier ._. simple comme bonjour ;p

Bisous~

Sujet: Re: Petits tutos pour moi :) Lun 06 Sep 2010, 15:15

Elles sont ou les infobulles?

Edit: J'ai essayer ton code pour l'image mais elle vien en plusieurs exemplaire, mon texte est long, donc j'ai mit une scroll bar, donc il me faudrais un fon fix :S

Sujet: Re: Petits tutos pour moi :) Lun 06 Sep 2010, 21:40

https://css-actif.forumactif.org/astuces-f33/faire-une-infobulle-t103.htm

Code:: background: url('Lien_de_l'image');

Code:: width:100%

ou en pixel

width : 600px;

Code:: background-color: #CD661D

Code:: <div style="height: 600px; overflow: auto;">

Spoiler:

Sujet: Re: Petits tutos pour moi :) Lun 06 Sep 2010, 21:45

J'ai deja la scrollbar et le fond en image...Le probleme c'est que l'image ce repete, donc j'ai seulement besoin d'un code pour quelle ne se repete pas :S

EDit: J'ai deja poster a l'endroit des infobulles...

Sujet: Re: Petits tutos pour moi :) Lun 06 Sep 2010, 21:49

Puis-je voir ton code ?

D'habitude quand une image se répète c'est que la taille de l'image ou du cadre n'est pas adéquate.

Sujet: Re: Petits tutos pour moi :) Lun 06 Sep 2010, 21:52

Voila mon code complet:

Code:: <table style="width: 80%; border-collapse:collapse; border:2px none #1100A8;">
<tr style="border:2px dotted #ffffff;">
   <td style="border:2px none #12008A;"><td align=left><img src='http://i27.servimg.com/u/f27/14/97/78/56/staff310.jpg'></img></td></td>
   <td style="border:2px none #12008A;"><div style="width:250px;height:254px;overflow:auto;"></div></td>
   <td style="border:2px none #12008A;"><div style="width:250px;height:272px;overflow:auto;"><div style="background-image:url('http://i27.servimg.com/u/f27/14/97/78/56/fond_i10.jpg');">En ce moment, rien ne va plus chez les Cullen, Chrissy souhaite quitter le clan, depuis qu’elle sait que sa mère, Rosalie Hale, aura un autre vampire à sa charge. Au fil des semaines, les tensions augmentent de plus en plus et les Cullen se montent les uns contre les autres à cause des enfants humains présents dans le clan. Carlisle voudrait que ces enfants les quittent pour vivre une meilleure vie auprès des humains, mais il doit faire face aux refus de sa fille Rosalie, surtout que cette dernière a perdu ses deux enfants. Chrissy partie et Liam aussi chez des humains inconnus. Elle n'aime pas celadu tout et aurait preferer les garder pres d'elle. Et cela sans le consentement des Volturi.

D’ailleurs en parlant des Volturi, ceux-ci doivent faire face au départ de l’une de leur membre Emelianne, qui a brusquement quitté son clan pour rejoindre les Cullen, ce qui risque fortement d’augmenter la haine des Volturi envers les Cullen.

De plus, la Famille Cullen devra faire face à la future trahison d’Aidan, fils d’Edward, puisque ce dernier fraternise avec la sadique Jane Volturi, Alec furieux envers sa sœur jumelle, déchire l’invitation au Bal des Vampire et contraint ceux-ci à ramener de force la fugueuse.

Maintenant parlons de notre cher clan Castle, ces derniers tout fraichement amis des Cullen, doivent faire face eux aussi a des problèmes. Marek et Salazia rompirent et le jeune homme quitta le clan pour réfléchir sur son avenir. Adriel, le chef du clan parti à sa recherche, mais au lieu de tomber sur Marek, il rencontra Chrissy Cullen.

Quand aux Silveryn, ils doivent faire face à l’arrivée de la meilleure amie de Rosalie, tout fraîchement transformé par Matthew, mais surtout incontrôlable. Les Silveryn se devront de la protéger contre elle et surtout faire attention de ne pas s’attirer les foudres des Volturi. Peu de temps après, Matthew trahie Marion et elle se rendit chez Rosalie pour que celle-ci l’aide à changer. Quelques heures plus tard, Rose reçoit la visite d’Alissa qui veut devenir végétarienne. Cette trahison provoquera des tensions entre les Silveryn qui n’acceptent pas la décision de leur amie.</div></div></td>
</tr>
<tr style="border:2px dotted #ffffff;">
<td style="border:2px none #12008A;"><div style="border: solid 3px white; height: 100px; width: 100px;"><a href="" class="infobulle"><img src="http://img6.imageshack.us/img6/5255/rosie3o.png">
<span><img src='http://i40.tinypic.com/4ij2ic.gif'>Fondatrice et Admin<a href="http://revolution-twilight.forumotion.com/profile.forum?mode=viewprofile&page_profil=contact&u=1">Contacter</a><a href="LIEN" target="_blank">Voir les Infos</a></span></a></div><div style="border: solid 3px white; height: 100px; width: 100px;"><a href="#" class="infobulle"><img src="http://img255.imageshack.us/img255/7282/marionicone2.png"><span><img src='http://img404.imageshack.us/img404/686/brooke7.gif'>Moderatrice tendre<a href="http://revolution-twilight.forumotion.com/profile.forum?mode=viewprofile&u=29" target="_blank">Voir le profil</a><a href="http://revolution-twilight.forumotion.com/msg.forum?mode=post&u=29" target="_blank">Contacter</a><a href="http://revolution-twilight.forumotion.com/presentations-valides-f23/presentation-de-marion-khan-t94.htm" target="_blank">Voir les infos</a></span></a></td>
   <td style="border:2px none #12008A;"><div style="border: solid 3px White; height: 100px; width: 100px;"><img src='http://img259.imageshack.us/img259/349/edwardicone2.png'></img></div><div style="border: solid 3px white; height: 100px; width: 100px;"><img src='http://img823.imageshack.us/img823/3690/athena2.png'></img></div></td>
   <td style="border:2px none #12008A;"><img src='http://i27.servimg.com/u/f27/14/97/78/56/le_mei10.jpg'>
<img src='http://i27.servimg.com/u/f27/14/97/78/56/img_be11.jpg'></td>
<td style="border:2px none #12008A;"><img src='http://i27.servimg.com/u/f27/14/97/78/56/tops_p10.jpg'></img><span><marquee behavior="scroll" direction="up" scrollamount="2" height="70"><a href="http://eternal-cullen.forumtwilight.com/forum.htm" class="postlink" target="_blank"><img src="http://nsa08.casimages.com/img/2009/09/03/090903034411834522.png" border="0" alt="" /></a> <a href="http://lumospoudlard.xooit.com" class="postlink" target="_blank"><img src="http://img48.xooimage.com/files/6/7/a/100x35.2-1b610a0.png" border="0" alt="" /></a> <a href="http://castle-life.vampire-legend.net/forum.htm" class="postlink" target="_blank"><img src="http://i37.servimg.com/u/f37/14/97/78/56/lvv_bm10.jpg" border="0" alt="" /></a> <a href="http://behind-the-door.forumactif.com/" class="postlink" target="_blank"><img src="http://i46.tinypic.com/2zsbq1d.png" border="0" alt="" /></a> <a href="http://princeton.forums-actifs.net/" class="postlink" target="_blank"><img src="http://img42.xooimage.com/files/c/e/0/boutonprince3-1054c88.gif" border="0" alt="" /></a> <a href="http://www.pub-rpg-design.com/forum.htm" class="postlink" target="_blank"><img src="http://img412.imageshack.us/img412/3107/prdpartenariat0.png" border="0" alt="" /></a> <a href="http://css-actif.forumactif.org/" class="postlink" target="_blank"><img src="http://files.o-side.com/upload/CSSActif/css-actif-10035.gif" border="0" alt="" /></a> <a href="http://createur2forum.forumactif.org/" class="postlink" target="_blank"><img src="http://i28.tinypic.com/zu4jcw.png" border="0" alt="" /></a> <a href="http://yuutou-no-shima.forum-actif.net/forum.htm" class="postlink" target="_blank"><img src="http://img7.hostingpics.net/pics/861251minibannieretopsite_copie.jpg" border="0" alt="" /></a></marquee></span><img src='http://img411.imageshack.us/img411/7329/venezvoter.png'></img>
<span><marquee behavior="scroll" direction="up" scrollamount="2" height="70"><a href="http://www.root-top.com/topsite/winmania/in.php?ID=169" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/rpgtwilight/in.php?ID=352" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/fot/in.php?ID=114" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/low/in.php?ID=158" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a>
<a href="http://www.root-top.com/topsite/twi/in.php?ID=184" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/juicyjude/in.php?ID=106" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/anita/in.php?ID=1120" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/glam/in.php?ID=1737" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a>
<a href="http://www.root-top.com/topsite/topprince/in.php?ID=95" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a></marquee></span></td>
</tr>
<tr style="border:2px dotted #ffffff;">
   <td style="border:2px none #12008A;"></td>
   <td style="border:2px none #12008A;"><a href="http://revolution-twilight.forumotion.com/reglement-et-contexte-f11/le-contexte-t2.htm" class="postlink"target="_blank"><img src='http://i27.servimg.com/u/f27/14/97/78/56/contex11.jpg'></a> <a href="http://revolution-twilight.forumotion.com/reglement-et-contexte-f11/le-reglement-t1.htm" class="postlink" target="_blank"><img src='http://i27.servimg.com/u/f27/14/97/78/56/reglem10.jpg'></a><a href="http://revolution-twilight.forumotion.com/postes-vacants-f13/" class="postlink" target="_blank"><img src='http://i27.servimg.com/u/f27/14/97/78/56/postes10.jpg'></a></td>
   <td style="border:2px none #12008A;"><a href="http://revolution-twilight.forumotion.com/reglement-et-contexte-f11/les-credits-t273.htm" class="postlink" target="_blank"><img src='http://i27.servimg.com/u/f27/14/97/78/56/credit10.jpg'></a><a href="http://revolution-twilight.forumotion.com/graphisme-f38/" class="postlink" target="_blank"><img src='http://i27.servimg.com/u/f27/14/97/78/56/graphi11.jpg'></a></td>
   <td style="border:2px none #12008A;"><a href="http://revolution-twilight.forumotion.com/partenariats-f16/" class="postlink" target="_blank"><img src='http://i27.servimg.com/u/f27/14/97/78/56/parten11.jpg'></a></td>
</tr>
</table>
<html><head>
<style type="text/css">
.mycss
{
font-weight:normal;font-variant:small-caps;color:#ffffff;letter-spacing:1pt;word-spacing:2pt;font-size:11px;text-align:center;font-family:arial, helvetica, sans-serif;line-height:1;
}
</style>
</head>
<body>
<p class="mycss">(c) La nouvelle vie des Cullen / Reproduction totale ou partielle totalement Interdite !</p>
</body>

L'image je l'ai fait sur mesure avec la grandeur du tableau...

Edit: C'est le code complet de ma PA...

Sujet: Re: Petits tutos pour moi :) Lun 06 Sep 2010, 22:01

Je vois le soucis , tente avec ça x)

Note : Le code doit être revenu c'est vraiment mal organisé

Spoiler:

Code:: <table style="width: 80%; border-collapse:collapse; border:2px none #1100A8;">
<tr style="border:2px dotted #ffffff;">
<td style="border:2px none #12008A;"><td align=left><img src='http://i27.servimg.com/u/f27/14/97/78/56/staff310.jpg'></img></td></td>
<td style="border:2px none #12008A;"><div style="width:250px;height:272px;overflow:auto;"></div></td>
<td style="border:2px none #12008A;"><div style="width:250px;height:272px;background-image:url('http://i27.servimg.com/u/f27/14/97/78/56/fond_i10.jpg');height:272px;overflow:auto;">En ce moment, rien ne va plus chez les Cullen, Chrissy souhaite quitter le clan, depuis qu’elle sait que sa mère, Rosalie Hale, aura un autre vampire à sa charge. Au fil des semaines, les tensions augmentent de plus en plus et les Cullen se montent les uns contre les autres à cause des enfants humains présents dans le clan. Carlisle voudrait que ces enfants les quittent pour vivre une meilleure vie auprès des humains, mais il doit faire face aux refus de sa fille Rosalie, surtout que cette dernière a perdu ses deux enfants. Chrissy partie et Liam aussi chez des humains inconnus. Elle n'aime pas celadu tout et aurait preferer les garder pres d'elle. Et cela sans le consentement des Volturi.

D’ailleurs en parlant des Volturi, ceux-ci doivent faire face au départ de l’une de leur membre Emelianne, qui a brusquement quitté son clan pour rejoindre les Cullen, ce qui risque fortement d’augmenter la haine des Volturi envers les Cullen.

De plus, la Famille Cullen devra faire face à la future trahison d’Aidan, fils d’Edward, puisque ce dernier fraternise avec la sadique Jane Volturi, Alec furieux envers sa sœur jumelle, déchire l’invitation au Bal des Vampire et contraint ceux-ci à ramener de force la fugueuse.

Maintenant parlons de notre cher clan Castle, ces derniers tout fraichement amis des Cullen, doivent faire face eux aussi a des problèmes. Marek et Salazia rompirent et le jeune homme quitta le clan pour réfléchir sur son avenir. Adriel, le chef du clan parti à sa recherche, mais au lieu de tomber sur Marek, il rencontra Chrissy Cullen.

Quand aux Silveryn, ils doivent faire face à l’arrivée de la meilleure amie de Rosalie, tout fraîchement transformé par Matthew, mais surtout incontrôlable. Les Silveryn se devront de la protéger contre elle et surtout faire attention de ne pas s’attirer les foudres des Volturi. Peu de temps après, Matthew trahie Marion et elle se rendit chez Rosalie pour que celle-ci l’aide à changer. Quelques heures plus tard, Rose reçoit la visite d’Alissa qui veut devenir végétarienne. Cette trahison provoquera des tensions entre les Silveryn qui n’acceptent pas la décision de leur amie.</div></div></td>
</tr>
<tr style="border:2px dotted #ffffff;">
<td style="border:2px none #12008A;"><div style="border: solid 3px white; height: 100px; width: 100px;"><a href="" class="infobulle"><img src="http://img6.imageshack.us/img6/5255/rosie3o.png">
<span><img src='http://i40.tinypic.com/4ij2ic.gif'>Fondatrice et Admin<a href="http://revolution-twilight.forumotion.com/profile.forum?mode=viewprofile&page_profil=contact&u=1">Contacter</a><a href="LIEN" target="_blank">Voir les Infos</a></span></a></div><div style="border: solid 3px white; height: 100px; width: 100px;"><a href="#" class="infobulle"><img src="http://img255.imageshack.us/img255/7282/marionicone2.png"><span><img src='http://img404.imageshack.us/img404/686/brooke7.gif'>Moderatrice tendre<a href="http://revolution-twilight.forumotion.com/profile.forum?mode=viewprofile&u=29" target="_blank">Voir le profil</a><a href="http://revolution-twilight.forumotion.com/msg.forum?mode=post&u=29" target="_blank">Contacter</a><a href="http://revolution-twilight.forumotion.com/presentations-valides-f23/presentation-de-marion-khan-t94.htm" target="_blank">Voir les infos</a></span></a></td>
<td style="border:2px none #12008A;"><div style="border: solid 3px White; height: 100px; width: 100px;"><img src='http://img259.imageshack.us/img259/349/edwardicone2.png'></img></div><div style="border: solid 3px white; height: 100px; width: 100px;"><img src='http://img823.imageshack.us/img823/3690/athena2.png'></img></div></td>
<td style="border:2px none #12008A;"><img src='http://i27.servimg.com/u/f27/14/97/78/56/le_mei10.jpg'>
<img src='http://i27.servimg.com/u/f27/14/97/78/56/img_be11.jpg'></td>
<td style="border:2px none #12008A;"><img src='http://i27.servimg.com/u/f27/14/97/78/56/tops_p10.jpg'></img><span><marquee behavior="scroll" direction="up" scrollamount="2" height="70"><a href="http://eternal-cullen.forumtwilight.com/forum.htm" class="postlink" target="_blank"><img src="http://nsa08.casimages.com/img/2009/09/03/090903034411834522.png" border="0" alt="" /></a> <a href="http://lumospoudlard.xooit.com" class="postlink" target="_blank"><img src="http://img48.xooimage.com/files/6/7/a/100x35.2-1b610a0.png" border="0" alt="" /></a> <a href="http://castle-life.vampire-legend.net/forum.htm" class="postlink" target="_blank"><img src="http://i37.servimg.com/u/f37/14/97/78/56/lvv_bm10.jpg" border="0" alt="" /></a> <a href="http://behind-the-door.forumactif.com/" class="postlink" target="_blank"><img src="http://i46.tinypic.com/2zsbq1d.png" border="0" alt="" /></a> <a href="http://princeton.forums-actifs.net/" class="postlink" target="_blank"><img src="http://img42.xooimage.com/files/c/e/0/boutonprince3-1054c88.gif" border="0" alt="" /></a> <a href="http://www.pub-rpg-design.com/forum.htm" class="postlink" target="_blank"><img src="http://img412.imageshack.us/img412/3107/prdpartenariat0.png" border="0" alt="" /></a> <a href="http://css-actif.forumactif.org/" class="postlink" target="_blank"><img src="http://files.o-side.com/upload/CSSActif/css-actif-10035.gif" border="0" alt="" /></a> <a href="http://createur2forum.forumactif.org/" class="postlink" target="_blank"><img src="http://i28.tinypic.com/zu4jcw.png" border="0" alt="" /></a> <a href="http://yuutou-no-shima.forum-actif.net/forum.htm" class="postlink" target="_blank"><img src="http://img7.hostingpics.net/pics/861251minibannieretopsite_copie.jpg" border="0" alt="" /></a></marquee></span><img src='http://img411.imageshack.us/img411/7329/venezvoter.png'></img>
<span><marquee behavior="scroll" direction="up" scrollamount="2" height="70"><a href="http://www.root-top.com/topsite/winmania/in.php?ID=169" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/rpgtwilight/in.php?ID=352" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/fot/in.php?ID=114" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/low/in.php?ID=158" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a>
<a href="http://www.root-top.com/topsite/twi/in.php?ID=184" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/juicyjude/in.php?ID=106" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/anita/in.php?ID=1120" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/glam/in.php?ID=1737" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a>
<a href="http://www.root-top.com/topsite/topprince/in.php?ID=95" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a></marquee></span></td>
</tr>
<tr style="border:2px dotted #ffffff;">
<td style="border:2px none #12008A;"></td>
<td style="border:2px none #12008A;"><a href="http://revolution-twilight.forumotion.com/reglement-et-contexte-f11/le-contexte-t2.htm" class="postlink"target="_blank"><img src='http://i27.servimg.com/u/f27/14/97/78/56/contex11.jpg'></a> <a href="http://revolution-twilight.forumotion.com/reglement-et-contexte-f11/le-reglement-t1.htm" class="postlink" target="_blank"><img src='http://i27.servimg.com/u/f27/14/97/78/56/reglem10.jpg'></a><a href="http://revolution-twilight.forumotion.com/postes-vacants-f13/" class="postlink" target="_blank"><img src='http://i27.servimg.com/u/f27/14/97/78/56/postes10.jpg'></a></td>
<td style="border:2px none #12008A;"><a href="http://revolution-twilight.forumotion.com/reglement-et-contexte-f11/les-credits-t273.htm" class="postlink" target="_blank"><img src='http://i27.servimg.com/u/f27/14/97/78/56/credit10.jpg'></a><a href="http://revolution-twilight.forumotion.com/graphisme-f38/" class="postlink" target="_blank"><img src='http://i27.servimg.com/u/f27/14/97/78/56/graphi11.jpg'></a></td>
<td style="border:2px none #12008A;"><a href="http://revolution-twilight.forumotion.com/partenariats-f16/" class="postlink" target="_blank"><img src='http://i27.servimg.com/u/f27/14/97/78/56/parten11.jpg'></a></td>
</tr>
</table>
<html><head>
<style type="text/css">
.mycss
{
font-weight:normal;font-variant:small-caps;color:#ffffff;letter-spacing:1pt;word-spacing:2pt;font-size:11px;text-align:center;font-family:arial, helvetica, sans-serif;line-height:1;
}
</style>
</head>
<body>
<p class="mycss">(c) La nouvelle vie des Cullen / Reproduction totale ou partielle totalement Interdite !</p>
</body>

Sujet: Re: Petits tutos pour moi :) Lun 06 Sep 2010, 22:07

Euh...Chaque fois que je veux le copier il disparait a cause du spoiler... :S

Merci de m'aider quand meme xD

Sujet: Re: Petits tutos pour moi :) Lun 06 Sep 2010, 22:09

Voilà ma chère

Code:: <table style="width: 80%; border-collapse:collapse; border:2px none #1100A8;">
<tr style="border:2px dotted #ffffff;">
<td style="border:2px none #12008A;"><td align=left><img src='http://i27.servimg.com/u/f27/14/97/78/56/staff310.jpg'></img></td></td>
<td style="border:2px none #12008A;"><div style="width:250px;height:272px;overflow:auto;"></div></td>
<td style="border:2px none #12008A;"><div style="width:250px;height:272px;background-image:url('http://i27.servimg.com/u/f27/14/97/78/56/fond_i10.jpg');height:272px;overflow:auto;">En ce moment, rien ne va plus chez les Cullen, Chrissy souhaite quitter le clan, depuis qu’elle sait que sa mère, Rosalie Hale, aura un autre vampire à sa charge. Au fil des semaines, les tensions augmentent de plus en plus et les Cullen se montent les uns contre les autres à cause des enfants humains présents dans le clan. Carlisle voudrait que ces enfants les quittent pour vivre une meilleure vie auprès des humains, mais il doit faire face aux refus de sa fille Rosalie, surtout que cette dernière a perdu ses deux enfants. Chrissy partie et Liam aussi chez des humains inconnus. Elle n'aime pas celadu tout et aurait preferer les garder pres d'elle. Et cela sans le consentement des Volturi.

D’ailleurs en parlant des Volturi, ceux-ci doivent faire face au départ de l’une de leur membre Emelianne, qui a brusquement quitté son clan pour rejoindre les Cullen, ce qui risque fortement d’augmenter la haine des Volturi envers les Cullen.

De plus, la Famille Cullen devra faire face à la future trahison d’Aidan, fils d’Edward, puisque ce dernier fraternise avec la sadique Jane Volturi, Alec furieux envers sa sœur jumelle, déchire l’invitation au Bal des Vampire et contraint ceux-ci à ramener de force la fugueuse.

Maintenant parlons de notre cher clan Castle, ces derniers tout fraichement amis des Cullen, doivent faire face eux aussi a des problèmes. Marek et Salazia rompirent et le jeune homme quitta le clan pour réfléchir sur son avenir. Adriel, le chef du clan parti à sa recherche, mais au lieu de tomber sur Marek, il rencontra Chrissy Cullen.

Quand aux Silveryn, ils doivent faire face à l’arrivée de la meilleure amie de Rosalie, tout fraîchement transformé par Matthew, mais surtout incontrôlable. Les Silveryn se devront de la protéger contre elle et surtout faire attention de ne pas s’attirer les foudres des Volturi. Peu de temps après, Matthew trahie Marion et elle se rendit chez Rosalie pour que celle-ci l’aide à changer. Quelques heures plus tard, Rose reçoit la visite d’Alissa qui veut devenir végétarienne. Cette trahison provoquera des tensions entre les Silveryn qui n’acceptent pas la décision de leur amie.</div></div></td>
</tr>
<tr style="border:2px dotted #ffffff;">
<td style="border:2px none #12008A;"><div style="border: solid 3px white; height: 100px; width: 100px;"><a href="" class="infobulle"><img src="http://img6.imageshack.us/img6/5255/rosie3o.png">
<span><img src='http://i40.tinypic.com/4ij2ic.gif'>Fondatrice et Admin<a href="http://revolution-twilight.forumotion.com/profile.forum?mode=viewprofile&page_profil=contact&u=1">Contacter</a><a href="LIEN" target="_blank">Voir les Infos</a></span></a></div><div style="border: solid 3px white; height: 100px; width: 100px;"><a href="#" class="infobulle"><img src="http://img255.imageshack.us/img255/7282/marionicone2.png"><span><img src='http://img404.imageshack.us/img404/686/brooke7.gif'>Moderatrice tendre<a href="http://revolution-twilight.forumotion.com/profile.forum?mode=viewprofile&u=29" target="_blank">Voir le profil</a><a href="http://revolution-twilight.forumotion.com/msg.forum?mode=post&u=29" target="_blank">Contacter</a><a href="http://revolution-twilight.forumotion.com/presentations-valides-f23/presentation-de-marion-khan-t94.htm" target="_blank">Voir les infos</a></span></a></td>
<td style="border:2px none #12008A;"><div style="border: solid 3px White; height: 100px; width: 100px;"><img src='http://img259.imageshack.us/img259/349/edwardicone2.png'></img></div><div style="border: solid 3px white; height: 100px; width: 100px;"><img src='http://img823.imageshack.us/img823/3690/athena2.png'></img></div></td>
<td style="border:2px none #12008A;"><img src='http://i27.servimg.com/u/f27/14/97/78/56/le_mei10.jpg'>
<img src='http://i27.servimg.com/u/f27/14/97/78/56/img_be11.jpg'></td>
<td style="border:2px none #12008A;"><img src='http://i27.servimg.com/u/f27/14/97/78/56/tops_p10.jpg'></img><span><marquee behavior="scroll" direction="up" scrollamount="2" height="70"><a href="http://eternal-cullen.forumtwilight.com/forum.htm" class="postlink" target="_blank"><img src="http://nsa08.casimages.com/img/2009/09/03/090903034411834522.png" border="0" alt="" /></a> <a href="http://lumospoudlard.xooit.com" class="postlink" target="_blank"><img src="http://img48.xooimage.com/files/6/7/a/100x35.2-1b610a0.png" border="0" alt="" /></a> <a href="http://castle-life.vampire-legend.net/forum.htm" class="postlink" target="_blank"><img src="http://i37.servimg.com/u/f37/14/97/78/56/lvv_bm10.jpg" border="0" alt="" /></a> <a href="http://behind-the-door.forumactif.com/" class="postlink" target="_blank"><img src="http://i46.tinypic.com/2zsbq1d.png" border="0" alt="" /></a> <a href="http://princeton.forums-actifs.net/" class="postlink" target="_blank"><img src="http://img42.xooimage.com/files/c/e/0/boutonprince3-1054c88.gif" border="0" alt="" /></a> <a href="http://www.pub-rpg-design.com/forum.htm" class="postlink" target="_blank"><img src="http://img412.imageshack.us/img412/3107/prdpartenariat0.png" border="0" alt="" /></a> <a href="http://css-actif.forumactif.org/" class="postlink" target="_blank"><img src="http://files.o-side.com/upload/CSSActif/css-actif-10035.gif" border="0" alt="" /></a> <a href="http://createur2forum.forumactif.org/" class="postlink" target="_blank"><img src="http://i28.tinypic.com/zu4jcw.png" border="0" alt="" /></a> <a href="http://yuutou-no-shima.forum-actif.net/forum.htm" class="postlink" target="_blank"><img src="http://img7.hostingpics.net/pics/861251minibannieretopsite_copie.jpg" border="0" alt="" /></a></marquee></span><img src='http://img411.imageshack.us/img411/7329/venezvoter.png'></img>
<span><marquee behavior="scroll" direction="up" scrollamount="2" height="70"><a href="http://www.root-top.com/topsite/winmania/in.php?ID=169" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/rpgtwilight/in.php?ID=352" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/fot/in.php?ID=114" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/low/in.php?ID=158" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a>
<a href="http://www.root-top.com/topsite/twi/in.php?ID=184" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/juicyjude/in.php?ID=106" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/anita/in.php?ID=1120" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/glam/in.php?ID=1737" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a>
<a href="http://www.root-top.com/topsite/topprince/in.php?ID=95" class="postlink" target="_blank"><img src="http://img80.imageshack.us/img80/3788/topsite.gif" border="0" alt="" /></a></marquee></span></td>
</tr>
<tr style="border:2px dotted #ffffff;">
<td style="border:2px none #12008A;"></td>
<td style="border:2px none #12008A;"><a href="http://revolution-twilight.forumotion.com/reglement-et-contexte-f11/le-contexte-t2.htm" class="postlink"target="_blank"><img src='http://i27.servimg.com/u/f27/14/97/78/56/contex11.jpg'></a> <a href="http://revolution-twilight.forumotion.com/reglement-et-contexte-f11/le-reglement-t1.htm" class="postlink" target="_blank"><img src='http://i27.servimg.com/u/f27/14/97/78/56/reglem10.jpg'></a><a href="http://revolution-twilight.forumotion.com/postes-vacants-f13/" class="postlink" target="_blank"><img src='http://i27.servimg.com/u/f27/14/97/78/56/postes10.jpg'></a></td>
<td style="border:2px none #12008A;"><a href="http://revolution-twilight.forumotion.com/reglement-et-contexte-f11/les-credits-t273.htm" class="postlink" target="_blank"><img src='http://i27.servimg.com/u/f27/14/97/78/56/credit10.jpg'></a><a href="http://revolution-twilight.forumotion.com/graphisme-f38/" class="postlink" target="_blank"><img src='http://i27.servimg.com/u/f27/14/97/78/56/graphi11.jpg'></a></td>
<td style="border:2px none #12008A;"><a href="http://revolution-twilight.forumotion.com/partenariats-f16/" class="postlink" target="_blank"><img src='http://i27.servimg.com/u/f27/14/97/78/56/parten11.jpg'></a></td>
</tr>
</table>
<html><head>
<style type="text/css">
.mycss
{
font-weight:normal;font-variant:small-caps;color:#ffffff;letter-spacing:1pt;word-spacing:2pt;font-size:11px;text-align:center;font-family:arial, helvetica, sans-serif;line-height:1;
}
</style>
</head>
<body>
<p class="mycss">(c) La nouvelle vie des Cullen / Reproduction totale ou partielle totalement Interdite !</p>
</body>

Sujet: Re: Petits tutos pour moi :) Lun 06 Sep 2010, 22:12

Merci beaucoup c'est parfait Smile

Saurais-tu ce qui cloche avec les infobulles? :S

Sujet: Re: Petits tutos pour moi :) Lun 06 Sep 2010, 22:13

Oui xD en plus du fait que c'est vraiment énorme ce que tu as mis - Dans le mauvais sens ><- j'arrive difficilement à m'y retrouver , donc je vais te refaire le code de cette partie x) si j'arrive à comprendre comment tu as mit tout ça ><

Sujet: Re: Petits tutos pour moi :) Lun 06 Sep 2010, 22:15

Gomenasai...C'est la premiere fois que je fais du codage...*pas tapper :S*

Je voudrais le premiere modele, celui de Rosalie, j'avais essayer un autre pour Marion mais ca a encore moins marcher...

Desoler de tout ca :S

Sujet: Re: Petits tutos pour moi :) Lun 06 Sep 2010, 22:25

Voila ton nouveau code , il te suffira juste de remplacer les images qui sont bien distincte pour chaque infobulle ainsi que les textes... Le code marche très bien je viens de le tester , pour la taille du cadre , la couleur , la position il faut éditer ton css ^^

Pour les espacer tu met autant de

Code:: &-nbsp;

que tu veux entre deux infobulles [Enlève le - & et le n ]

Code:: <a href="#" class="infobulle"><img src="http://img6.imageshack.us/img6/5255/rosie3o.png">
<span>Texte<br><br><img src="http://i40.tinypic.com/4ij2ic.gif"><div><br><a href="Rien">Texte Texte</a></span></a><a href="Rien" target="_blank"> </a></div></span></a>

<a href="#" class="infobulle"><img src="http://img6.imageshack.us/img6/5255/rosie3o.png">
<span>Texte<br><br><img src="http://i40.tinypic.com/4ij2ic.gif"><div><br><a href="Rien">Texte Texte</a></span></a><a href="Rien" target="_blank"> </a></div></span></a>

<br>
<a href="#" class="infobulle"><img src="http://img6.imageshack.us/img6/5255/rosie3o.png">
<span>Texte<br><br><img src="http://i40.tinypic.com/4ij2ic.gif"><div><br><a href="Rien">Texte Texte</a></span></a><a href="Rien" target="_blank"> </a></div></span></a>

<a href="#" class="infobulle"><img src="http://img6.imageshack.us/img6/5255/rosie3o.png">
<span>Texte<br><br><img src="http://i40.tinypic.com/4ij2ic.gif"><div><br><a href="Rien">Texte Texte</a></span></a><a href="Rien" target="_blank"> </a></div></span></a>

Sujet: Re: Petits tutos pour moi :) Lun 06 Sep 2010, 22:28

Et pour les lien pour "contacter" "voir les infos" "et envoyer un MP" je met ca ou dans l'infobulle?

Sujet: Re: Petits tutos pour moi :) Lun 06 Sep 2010, 22:31

Suffit de lire le code ><

Pour ne nom tu remplace le [Texte] entre les deux images

Pour les MP tu met les liens dans [Rien] juste avant les Texte Texte

Et Voir Info à la place de Texte2 Texte2 Et le lien dans [Rien] Juste avant

Tu vois ?

Code:: <a href="#" class="infobulle"><img src="http://img6.imageshack.us/img6/5255/rosie3o.png">
<span>Texte<br><br><img src="http://i40.tinypic.com/4ij2ic.gif"><div><br><a href="Rien">Texte Texte</a></span></a><a href="Rien" target="_blank"> Texte2 Texte2</a></div></span></a>  

<a href="#" class="infobulle"><img src="http://img6.imageshack.us/img6/5255/rosie3o.png">
<span>Texte<br><br><img src="http://i40.tinypic.com/4ij2ic.gif"><div><br><a href="Rien">Texte Texte</a></span></a><a href="Rien" target="_blank"> Texte2 Texte2</a></div></span></a>

<br>
<a href="#" class="infobulle"><img src="http://img6.imageshack.us/img6/5255/rosie3o.png">
<span>Texte<br><br><img src="http://i40.tinypic.com/4ij2ic.gif"><div><br><a href="Rien">Texte Texte</a></span></a><a href="Rien" target="_blank">Texte2 Texte2 </a></div></span></a>

<a href="#" class="infobulle"><img src="http://img6.imageshack.us/img6/5255/rosie3o.png">
<span>Texte<br><br><img src="http://i40.tinypic.com/4ij2ic.gif"><div><br><a href="Rien">Texte Texte</a></span></a><a href="Rien" target="_blank"> Texte2 Texte2</a></div></span></a>

Sujet: Re: Petits tutos pour moi :) Lun 06 Sep 2010, 22:34

Ok, mais ca m'aide pas, les texte texte son en dehors de l'infobulle et tu me la rapetisser alors que ca je n'avais pas demander, la grosseur etait celle que je voulait, j'ai mit que celle de rosalie pour le moment...

Sujet: Re: Petits tutos pour moi :) Lun 06 Sep 2010, 22:39

vraiment je comprend rien , je viens de faire le teste sur mon forum avec ce code et ton css , tout est dans l'infobulle...

Et je ne comprend ce que tu dis en disant la grosseur comme Rosalie [A ce que je sache c'est toi Rosalie o_o ]

Peut tu mieux m'expliquer ?

Sujet: Re: Petits tutos pour moi :) Lun 06 Sep 2010, 22:45

Voici l'infobulle de Rosalie avec le code donner:

Spoiler:

Et celle de Marion pas encore changer:

Spoiler:

N'oubli pas que j'ai internet explorer et peut-etre que je ne voit pas la meme chose que toi...

Sujet: Re: Petits tutos pour moi :) Lun 06 Sep 2010, 22:52

Je viens de revoir mon code , il y a quelques fautes dedans aussi

je vais voir ce que je peux faire sous IE x)

Sujet: Re: Petits tutos pour moi :) Lun 06 Sep 2010, 22:53

Ok merci

Edit: Si tu pourrais essayer d'arranger un truc pour que l'ecriture commence en haut et qu'elle ne suive pas l'image qui est en bas, ca m'aiderais, la les choses n'entre pas faute de place a coter de l'image :S

Sujet: Re: Petits tutos pour moi :) Mer 08 Sep 2010, 22:20

Je ne postes donc pas mon boulot , vu que tu viens de faire une commande complète , cela ne servirait à rien , si toutefois tu veux comprendre le tout , fais moi signe par Mp ^^

Bonne chance.

Sujet: Re: Petits tutos pour moi :) Mer 08 Sep 2010, 22:22

Merci beaucoup :S

Petits tutos pour moi :)

Petits tutos pour moi :)

Sujets similaires

Sujets similaires

Partenaires Or