CSS ? Pas CSS ?

Sujet: CSS ? Pas CSS ? Sam 12 Sep 2009, 13:52

Salut !

J'ai une petite question pour vous, est ce que les pages d'accueil comme celle-là sont rédigées avec du CSS ou avec du xHTML ?

Sujet: Re: CSS ? Pas CSS ? Sam 12 Sep 2009, 14:29

Un mélange des deux en fait. La structure du tableau est en HTML ainsi que les liens et le texte, mais les couleurs, les fonds des titres, les effets de survol sont en CSS.

Sujet: Re: CSS ? Pas CSS ? Sam 12 Sep 2009, 15:19

Est ce que le truc au niveau de la rubrique "no z'amis" est en CSS ?

Et si oui, pourrais-je savoir comment faire ça ?
De plus, je sais que ce forum est dédié au CSS, mais est ce que vous pourriez m'expliquer (ou me donner le code) pour faire un tableau comme celui de la page d'accueil de ce forum ?

J'aimerais aussi savoir comment faire pour les fonds des titres, est ce que quelqu'un pourrait se charger de m'expliquer ça ?

Merci d'avance ^^

Sujet: Re: CSS ? Pas CSS ? Sam 12 Sep 2009, 17:41

Tite Mouche a écrit:: Est ce que le truc au niveau de la rubrique "no z'amis" est en CSS ?

Oui, cette rubrique est faite en HTML/CSS

Mais je ne serais pas t'expliquer comment il faut faire :/

Par contre te faire un tableau dans ce genre, je serais te le faire, mais je ne sais pas si on est dans la bonne catégorie.

Sujet: Re: CSS ? Pas CSS ? Dim 13 Sep 2009, 12:06

J'aimerais bien que tu me fasses un tableau du genre, mais quand à savoir si c'est la bonne rubrique Rolling Eyes

Sujet: Re: CSS ? Pas CSS ? Dim 13 Sep 2009, 13:00

Vous pouvez le faire ici pas de problème Wink

Sujet: Re: CSS ? Pas CSS ? Dim 13 Sep 2009, 14:10

Ok, je vais essayer de te réaliser le tableau pour demain, mais je sais pas si je vais avoir le temps (faut que je révise), donc dans le pire des cas ce sera Mardi.

Sujet: Re: CSS ? Pas CSS ? Dim 13 Sep 2009, 14:34

Merci énormément Alex, c'est super gentil de ta part !

Sujet: Re: CSS ? Pas CSS ? Dim 13 Sep 2009, 14:59

Code:: <a href="LIEN" target="_blank" class="infobulle"><img src="IMAGE">
<span>CONTENU DE L'INFOBULLE
Si tu veux mettre un lien dedans, tu dois l'insérer dans une div, comme ceci
<div><a href="LIEN" target="_blank"><b>VISITER;</b></a></div></span></a>

Code:: a.info {
position: relative;
color: #808080;
text-decoration: none;
font-size: 9px;
border-bottom: none;
}
a.info span {
display: none;
}
a.info:hover {
background: none;
z-index: 5;

cursor: defaut;
}
a.info:hover span {
display: inline;
position: absolute;

white-space: nowrap;

top: 2px;
left: 15px;

background: #F3EFF3;
text-decoration: none;

color: #808080;
padding: 3px;

border: 1px solid #808080;
border-left: 1px solid #808080;
font-size: 9px;
}

Sujet: Re: CSS ? Pas CSS ? Dim 13 Sep 2009, 17:23

Re !

Finalement, j'ai eu le temps de le faire ce soir :

Code:: <table width="100%" align="center"><tr><td align="center">
<div align="center" style="color:white;
background-color:rgb(000,000,000);"><b>- VOTRE TEXTE ICI
-</b></div><br>
<a> TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI
TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI

</td></tr></table>

<table width="100%" align="center"><tr>

<td align="left" width="25%" valign="top">
<div align="center" style="color:white;
background-color:#OOOOOO;"><b>- Votre texte
-</b></div><br>
<ul>
<li><a class="postlink" href="http://VOTRE_LIEN">LIEN</a><br>
<li><a class="postlink" href="http://VOTRE_LIEN">LIEN</a><br>

<li><a class="postlink" href="http://VOTRE_LIEN">LIEN</a><br>
<li><a class="postlink" href="http://VOTRE_LIEN">LIEN</a><br></ul>

</td>

<td align="left" width="50%" valign="top">
<div align="center" style="color:white;
background-color:rgb(000,000,000);"><b>- BUT DU FORUM
-</b></div><br>
<div style="margin-right:20px;
margin-left:20px;"><center>TEXTE ICI TEXTE ICI TEXTE ICI TEXTE
ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE
ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE
ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE
ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE
ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE
ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE
ICI
TEXTE ICI <br><br>
</center></div>
</td>

<td align="left" width="25%" valign="top">
<div align="center" style="color:white;
background-color:rgb(000,000,000);"><b>VOTRE
TEXTE</b></div><br>

<li><font color="#913c3c">RPG Makers</font><br></ul><br>
<center>TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI
TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI
TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI
TEXTE ICI TEXTE ICI TEXTE ICI </center>
</td>

</tr></table>

<table width="100%" align="center"><tr>

<td align="left" width="50%" valign="top">

<div align="center" style="color:white;
background-color:rgb(000,000,000);"><b>- TEXTE ICI TEXTE
-</b></div><br>
<ul>
<li>TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI <br>
<li>TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI <br>
<li>TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI <br>
<li>TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI TEXTE ICI </a>

</ul>
</td>
</tr></table>

Voilà, j'espère que ça te conviens Smile

PS: Merci Lilypad pour ton aide, grâce à toi j'ai compris comment ça fonctionnait ^^

Sujet: Re: CSS ? Pas CSS ? Dim 13 Sep 2009, 17:27

Alex" a écrit:: PS: Merci Lilypad pour ton aide, grâce à toi j'ai compris comment ça fonctionnait ^^

Sujet: Re: CSS ? Pas CSS ? Lun 14 Sep 2009, 12:21

Merci beaucoup à tout les deux, vous m'avez été d'une aide très précieuse !

CSS ? Pas CSS ?

CSS ? Pas CSS ?

Partenaires Or