Sujets similaires

Bonjour,

J'ai une question & après avoir fait le tour du forum j'ai pas vu de réponse ( fin je crois oo' ).. Donc j'ose vous demandez.
J'aimerais juste savoir comment on peut mettre en place une sorte de " catégorie", " case" au pied du forum ... ( comme ici & ici) ?
J'ai vu sur le forum un sujet qui disait comment mettre du texte, mais j'aimerais plutôt quelque chose de cadré comme l'exemple donner.

Cordialement,
Merci d'avance.

Comme tu l'as dis c'est exactement le tuto que tu as trouvé sur le forum.
Tu as ton texte, il ne te reste plus que de l'entourer d'une DIV ou l'enfermer dans un tableau selon ce que tu veux faire puis après tu personnalises à ton goût avec le CSS

* Ignorante On *

Mais en fait le css .. j'dois le faire sous quelle balise du coup ? Sous le nom de la " DIV " ? * c'quoi div --'*
C'quoi le plus simple en fait ? Les tableaux j'y comprends rien.

Merci de ta réponse en tout cas, j'crois avoir saisi, j'vais faire des essais.

XD

Code:: <div></div>

est une balise universelle qui n'a pas de sens sémantique
Pour qu'elle ait un intérêt réel tu dois lui attribuer un attribut : class, id ou style.
On va se consacrer plus sur class et style.
L'attribut class te permet de donner un nom au CSS à utiliser.
Par exemple dans ton message tu mets :

Code:: <div class="banane">TEXTE</div>

et dans ta feuille de CSS

Code:: .banane {
border: 1px solid #000000;
width: 50%;
text-align: center;
}

Ce qui donne :

TEXTE

Si tu utilises l'attribut "style" tu mets le CSS directement dans ton message et pas dans la feuille CSS.

Code:: <div style="border: 1px solid #000000; width: 50%; text-align: center;'>TEXTE</div>

Ce qui te donnera le même résultat.

Haaaaaa oui !! Le premier ce fait automatiquement.
Mais donc, j'peux inventer autant de " banane " que je veux ?! * Hmm oo' !!*

D'accord, j'ai TOUT compris là, j'vais tenter ça en personnalisant!
Merciii beaucoup d:

Tu changes le mot par celui que tu veux hein XD
Mais dans le css prend garde à toujours avoir le "." avant le mot =)
Et oui tu peux créer autant de DIV que tu veux mais en sachant qu'une DIV entraîne automatiquement un retour à la ligne

En fait c'pareil pour les titres ... Hhm ! D'accord! < div "titre1"> etc ..

Ca veut dire quoi ça ? Retour à la ligne ? * xD - ça craint d'être débutant ! *

Non non !

Code:: <div class="titre1">

Attention oublie pas la moitié des mots xD

Quand même tu sais ce que c'est un retour à la ligne non ? x)
Au lieu d'avoir cela :

TEXTE

Tu auras ça :

TEXTE

Oui .. mais on sait jamais * rire * .. silent

J'ai suivis tes instructions & tout est PARFAIT. Merci beaucoup, de ta patience..
Mais j'ai un petit pépin, j'veux que mon cadre ne soit pas autant coller au " forum gratuit gnagnagna" - j'dois jouer avec les

Code:: <td></td>

là aussi ? * xD - sort loin *

Montre moi ton code en entier s'il te plaît ^^

J'suis notée ? *sort *

Code:: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
<tr>
   <td>
      <div>
         <div>
            <table>
               <tbody>
                  <tr>
                     <td>

                     <td valign="top" width="{C3SIZE}">
                     <div id="{ID_RIGHT}">
                        
                        {giefmod_index2.MODVAR}
                        
                        <div style="height: {SPACE_ROW}px"></div>
                        
                        
                     </div>
                     </td>
                  </tr>
               </tbody>
            </table>
         </div>
      </div>
      
      <div id="page-footer">
         <div align="center">
            <div class="gen">
               <strong>{ADMIN_LINK}</strong>{U_VERSION_RTL}{U_CREATE_A_FORUM}{U_VERSION} {U_SUPPORT}
               
                 | <a name="bottom" href="/{switch_view_stats.S_STATS}" class="copyright" rel="nofollow">{switch_view_stats.L_STATS}</a>
               
               
                 | <a name="bottom" href="/{switch_view_donation.U_DONATION}" class="copyright" rel="nofollow">{switch_view_donation.L_MAKE_DONATION}</a>
               
               
                 | <a name="bottom" href="/{switch_view_contact.U_CONTACT}" class="copyright" rel="nofollow">{switch_view_contact.L_CONTACT}</a>
               
               {U_ABUSE} {U_BLOG} <div class="banane"> Forum déposé CopyrightFrance.com.
Toute copie du contexte ou du design sont interdites. Le contexte, le Design, appartiennent à leurs créateurs - réalisés & administrés par Lenine Von Schulz & Sjurd Bjørnson.
On vous défie de nous copier .. </div>
            </div>
         </div>
      </div>
      {PROTECT_FOOTER}
   </td>
</tr>
</table>

<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
try{
var pageTracker = _gat._getTracker("{G_ANALYTICS_ID}");
pageTracker._trackPageview();
} catch(err) { }
//]]>
</script>

</body>
</html>

Tout les mots sont coller en plus, c'pas joli joli hm ..

Code:: .banane {
width: 40%;
height: 40%;
text-align: left;
border: 1px dotted #1F1F1F;
background-color: black;
font-size: small;
font-family: "times new roman"}

(Oui j'ai garder "banane" hmmdr )

Code:: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
<tr>
<td>
<div>
<div>
<table>
<tbody>
<tr>
<td>

<td valign="top" width="{C3SIZE}">
<div id="{ID_RIGHT}">

{giefmod_index2.MODVAR}

<div style="height: {SPACE_ROW}px"></div>


</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

<div id="page-footer">
<div align="center">
<div class="gen">
<strong>{ADMIN_LINK}</strong>{U_VERSION_RTL}{U_CREATE_A_FORUM}{U_VERSION} {U_SUPPORT}

| <a name="bottom" href="/{switch_view_stats.S_STATS}" class="copyright" rel="nofollow">{switch_view_stats.L_STATS}</a>


| <a name="bottom" href="/{switch_view_donation.U_DONATION}" class="copyright" rel="nofollow">{switch_view_donation.L_MAKE_DONATION}</a>


| <a name="bottom" href="/{switch_view_contact.U_CONTACT}" class="copyright" rel="nofollow">{switch_view_contact.L_CONTACT}</a>

{U_ABUSE} {U_BLOG} <br /><br /> <div class="banane"> Forum déposé CopyrightFrance.com.<br />
Toute copie du contexte ou du design sont interdites. Le contexte, le Design, appartiennent à leurs créateurs - réalisés & administrés par Lenine Von Schulz & Sjurd Bjørnson.<br />
On vous défie de nous copier .. </div>
</div>
</div>
</div>
{PROTECT_FOOTER}
</td>
</tr>
</table>

<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
try{
var pageTracker = _gat._getTracker("{G_ANALYTICS_ID}");
pageTracker._trackPageview();
} catch(err) { }
//]]>
</script>

</body>
</html>

Voilà ^^ Je t'ai juste rajouté des sauts de ligne

Code:: <br />

Ha oui c'est beaucoup plus clair, & aérer ! Merci beaucoup .. ^^

Avec plaisir =)

Questions -

Questions -

Sujets similaires

Sujets similaires

Partenaires Or