Infobulle

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Infobulle

Message par Alexandra59 le Mar 12 Avr 2011 - 19:14

Bonjour,

Sur ma page d'accueil j'ai placé des info bulles, mais depuis mes images du staff ne sont plus centrer dans le tableau. Comment puis-je faire ?

Ensuite j'aimerais changer le style de mon info bulle. Je voudrais qu'elle soit blanche avec un petit bord bleu l'entourant. Voici mon forum test.


Dernière édition par Alexandra59 le Mer 13 Avr 2011 - 19:07, édité 1 fois

Alexandra59
****

Féminin
Messages : 230
Inscrit(e) le : 25/03/2011

http://forumtestcss.forumgratuit.org/
Alexandra59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle

Message par Izumi375 le Mer 13 Avr 2011 - 17:06

Bonsoir,

Difficile de faire quoi que ce soit sans votre css et sans le html de la page d'accueil concerné. Wink

Cordialement,

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle

Message par Alexandra59 le Mer 13 Avr 2011 - 18:32

Bonjour, alors j'ai réussis à mettre les info bulles, par contre je n'arrive pas à centrer mes images du staff.

Voici ma PA :

Code:
<span class="genmed"><table class="forumline table1 bg3" cellspacing="1" width="100%"><tbody><th colspan="1" rowspan="1" class="thTop forabg" width="28%">Un petit clic, please !</th><th colspan="1" rowspan="1" class="thTop forabg" width="43%">Bienvenue chez les Fous !</th><th colspan="1" rowspan="1" class="thTop forabg" width="29%">Liens Utiles</th>
</tr>

<span class="postbody"></span></td>

<td class="row3" colspan="1" rowspan="1" align="center" valign="top"><span class="postbody">
<img src="http://nsa26.casimages.com/img/2011/04/12/110412045252826409.gif" border="0" alt="" /><img src="http://nsa26.casimages.com/img/2011/04/12/110412045252826409.gif" border="0" alt="" /></span></td>


<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">TON TEXTE.
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><SELECT onChange=
      "document.location=this.options[this.selectedIndex].value">
      <OPTION VALUE="#" SELECTED>Elfheim</OPTION>
      <OPTION VALUE="http://elfheim.forumgratuit.org/t7-avant-comment-ca-avant-en-cours">Le Contexte</OPTION>
      <OPTION VALUE="222.html">OPTION 2</OPTION>
  <OPTION VALUE="http://elfheim.forumgratuit.org/f7-les-predefinis">Les Prédéfinis</OPTION>
  <OPTION VALUE="http://elfheim.forumgratuit.org/t14-listes-des-pouvoirs">Les Pouvoirs</OPTION>
    </SELECT>
  </FORM></div>
</span></td>

<tr><th class="thTop forabg" colspan="1" rowspan="1">Nos Amis</th>
<th class="thTop forabg" colspan="1" rowspan="1">Les Dieux
<br></th><th class="thTop forabg" colspan="1" rowspan="1">Crédits
<br></th></tr>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><img src="http://nsa26.casimages.com/img/2011/04/12/110412051230574498.png" border="0" alt="" /> <img src="http://nsa26.casimages.com/img/2011/04/12/110412051230574498.png" border="0" alt="" /> <img src="http://nsa26.casimages.com/img/2011/04/12/110412051230574498.png" border="0" alt="" /> <img src="http://nsa26.casimages.com/img/2011/04/12/110412051230574498.png" border="0" alt="" />
<br>VOUS ? ● LES AUTRES
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><div class="infobulle"><img src="http://nsa25.casimages.com/img/2011/04/12/110412070614709222.png"  class="transparence" /><span>Fondateur<div><img src="http://nsa26.casimages.com/img/2011/03/26/11032603210262621.png" /></div>Crowley<div><a href="#">Mp</a></div>

</span></div><div class="infobulle"><img src="http://nsa25.casimages.com/img/2011/04/12/110412070654129298.png"  class="transparence" /><span>Codeuse<div><img src="http://nsa26.casimages.com/img/2011/03/26/110326031732978263.png" /></div>Ryôfu Itô<div><a href="#">Mp</a></div>
</span></div><div class="infobulle"><img src="http://nsa26.casimages.com/img/2011/04/12/110412070720475430.png"  class="transparence" /><span>Grapheuse<div><img src="http://nsa25.casimages.com/img/2011/03/26/110326032746127532.png" /></div>Gabrielle Venus<div><a href="#">Mp</a>
</div>
</span></div><div class="infobulle"><img src="http://nsa25.casimages.com/img/2011/04/12/110412070750618934.png"  class="transparence" /><span>Modératrice<div><img src="http://nsa26.casimages.com/img/2011/03/26/110326031053270704.png" /></div>Eikyuu Hakumei<div><a href="#">Mp</a>
</div>
</span></div><div class="infobulle"><img src="http://nsa25.casimages.com/img/2011/04/12/110412070822462389.png"  class="transparence" /><span>Modératrice<div><img src="http://nsa25.casimages.com/img/2011/03/26/110326032355108475.png" /></div>Setsuna<div><a href="#">Mp</a></div>
</span></td>

<td class="row3" colspan="1" rowspan="1" align="justify"><span class="postbody">@ Codage de la PA : Ryôfu Itô @ Concept & thème : Crowley & Gabrielle Venus @ Codage & Templates : Ryôfu Itô. Merci de respecter notre travail.
</span></td>
</table>

Alexandra59
****

Féminin
Messages : 230
Inscrit(e) le : 25/03/2011

http://forumtestcss.forumgratuit.org/
Alexandra59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle

Message par Izumi375 le Mer 13 Avr 2011 - 18:49

Voilà j'ai mis tout ça dans un tableau centré. Mr. Green

Code:
<span class="genmed"><table class="forumline table1 bg3" cellspacing="1" width="100%"><tbody><th colspan="1" rowspan="1" class="thTop forabg" width="28%">Un petit clic, please !</th><th colspan="1" rowspan="1" class="thTop forabg" width="43%">Bienvenue chez les Fous !</th><th colspan="1" rowspan="1" class="thTop forabg" width="29%">Liens Utiles</th>
</tr>

<span class="postbody"></span></td>

<td class="row3" colspan="1" rowspan="1" align="center" valign="top"><span class="postbody">
<img src="http://nsa26.casimages.com/img/2011/04/12/110412045252826409.gif" border="0" alt="" /><img src="http://nsa26.casimages.com/img/2011/04/12/110412045252826409.gif" border="0" alt="" /></span></td>


<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">TON TEXTE.
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><SELECT onChange=
      "document.location=this.options[this.selectedIndex].value">
      <OPTION VALUE="#" SELECTED>Elfheim</OPTION>
      <OPTION VALUE="http://elfheim.forumgratuit.org/t7-avant-comment-ca-avant-en-cours">Le Contexte</OPTION>
      <OPTION VALUE="222.html">OPTION 2</OPTION>
  <OPTION VALUE="http://elfheim.forumgratuit.org/f7-les-predefinis">Les Prédéfinis</OPTION>
  <OPTION VALUE="http://elfheim.forumgratuit.org/t14-listes-des-pouvoirs">Les Pouvoirs</OPTION>
    </SELECT>
  </FORM></div>
</span></td>

<tr><th class="thTop forabg" colspan="1" rowspan="1">Nos Amis</th>
<th class="thTop forabg" colspan="1" rowspan="1">Les Dieux
<br></th><th class="thTop forabg" colspan="1" rowspan="1">Crédits
<br></th></tr>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><img src="http://nsa26.casimages.com/img/2011/04/12/110412051230574498.png" border="0" alt="" /> <img src="http://nsa26.casimages.com/img/2011/04/12/110412051230574498.png" border="0" alt="" /> <img src="http://nsa26.casimages.com/img/2011/04/12/110412051230574498.png" border="0" alt="" /> <img src="http://nsa26.casimages.com/img/2011/04/12/110412051230574498.png" border="0" alt="" />
<br>VOUS ? ● LES AUTRES
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><table style="text-align: left; margin-left: auto; margin-right: auto;">
<tbody>
<tr><td style="text-align: center;"><div class="infobulle"><img src="http://nsa25.casimages.com/img/2011/04/12/110412070614709222.png"  class="transparence" /><span>Fondateur<div><img src="http://nsa26.casimages.com/img/2011/03/26/11032603210262621.png" /></div>Crowley<div><a href="#">Mp</a></div>

</span></div></td><td style="text-align: center;"><div class="infobulle"><img src="http://nsa25.casimages.com/img/2011/04/12/110412070654129298.png"  class="transparence" /><span>Codeuse<div><img src="http://nsa26.casimages.com/img/2011/03/26/110326031732978263.png" /></div>Ryôfu Itô<div><a href="#">Mp</a></div>
</span></div></td><td style="text-align: center;"><div class="infobulle"><img src="http://nsa26.casimages.com/img/2011/04/12/110412070720475430.png"  class="transparence" /><span>Grapheuse<div><img src="http://nsa25.casimages.com/img/2011/03/26/110326032746127532.png" /></div>Gabrielle Venus<div><a href="#">Mp</a>
</div>
</span></div></td><td style="text-align: center;"><div class="infobulle"><img src="http://nsa25.casimages.com/img/2011/04/12/110412070750618934.png"  class="transparence" /><span>Modératrice<div><img src="http://nsa26.casimages.com/img/2011/03/26/110326031053270704.png" /></div>Eikyuu Hakumei<div><a href="#">Mp</a>
</div>
</span></div></td><td style="text-align: center;"><div class="infobulle"><img src="http://nsa25.casimages.com/img/2011/04/12/110412070822462389.png"  class="transparence" /><span>Modératrice<div><img src="http://nsa25.casimages.com/img/2011/03/26/110326032355108475.png" /></div>Setsuna<div><a href="#">Mp</a></div>
</span></td></tr></tbody></table></td>

<td class="row3" colspan="1" rowspan="1" align="justify"><span class="postbody">@ Codage de la PA : Ryôfu Itô @ Concept & thème : Crowley & Gabrielle Venus @ Codage & Templates : Ryôfu Itô. Merci de respecter notre travail.
</span></td>
</table>

Sinon pour le design des infobulles avez vous encore besoin d'aide, ou vous avez réussi à faire ce que vous vouliez?

Viel Glück!

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle

Message par Alexandra59 le Mer 13 Avr 2011 - 19:07

Merci beaucoup !

Pour les infos bulles tout est bon, j'ai compris comment changer l'affichage de celles-ci. Je met le sujet en résolu.

Alexandra59
****

Féminin
Messages : 230
Inscrit(e) le : 25/03/2011

http://forumtestcss.forumgratuit.org/
Alexandra59 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum