Sujets similaires

Sujet: Petites questions d'apparence Ven 28 Jan 2011, 19:04

Bonsoir,

Tout d'abord, je tiens à remercier l'immense travail fourni sur ce forum et la qualité des tutoriels mis à disposition. Etant du genre à aimer bidouiller et à vouloir comprendre comment fonctionne l'Html et le CSS, je n'arrête pas de tester les différents codes pouvant être trouvés sur CSS Actif. Ainsi, sur mon forum de test, les choses prennent forme. Toutefois, j'ai quelques petites questions dont je ne suis pas parvenue à trouver les réponses - peut-être que mes mots-clés de recherche ne sont pas les bons...

Voici donc mon forum de test.

Mes questions sur les suivantes :

1. Comment retirer le trait bleu clair disgracieux, qui sépare brusquement la barre bleue foncé contenant le titre de ma partie accueil ? Et ce, sans devoir le mettre de la même couleur que le reste de la barre, car cela constituerait le reste du cadre séparant la description de la partie et les derniers messages, et je n'en veux pas.

2. De plus, comment supprimer l'intitulé "Derniers messages" sans pour autant supprimer la colonne ?
3. Comment faire pour augmenter l'écart entre la ligne des sous-forums et le titre du forum de dessous ? Je trouve ça trop serré ^^' !

4. Enfin, de manière générale, quel est l'élément correspondant aux liens des sous-forums afin de lui attribuer du CSS, comme ici, mettre la ligne "Contexte, Règles, Aides" en small-caps ?

En remerciant par avance les personnes se penchant sur mes petites questions Smile

!

Sujet: Re: Petites questions d'apparence Ven 28 Jan 2011, 22:48

Salut

!

1. Pour enlever les la ligne en générale qui sépare les forums, tu trouve ce code ci:

Code:: <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

dans ton index-box, et à cellspacing tu changes sa valeur pour 0.

2. Pour supprimer le titre, tu restes dans index-box et tu supprimes cette partie:

Code:: <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>

mais tu enlèves seulement le:

Code:: {L_LASTPOST}

car si tu enlèves toute la ligne, ça déformera ta colone.

3 et 4. Le code des sous-forums, toujours dans index-box, est ici:

Code:: {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

Tu peux facilement l'encadrer d'une div, et si tu veux mettre un espace en dessous, soit tu fais juste mettre un

Code:: <br/>

qui le suit, ou quand tu lui donneras une class, tu lui met un margin-bottom.

Voilà, j'espère que ça répond à tes questions Petites questions d'apparence 306373

Sujet: Re: Petites questions d'apparence Sam 29 Jan 2011, 06:24

Merci beaucoup, c'est parfait ! Toutefois, j'ai deux nouvelles questions, en rapport avec les précédentes.

Désormais, j'ai ceci :
Petites questions d'apparence Quest012

1. Il y a-t-il une astuce, pour que le titre de la catégorie soit centré ?

2. Concernant les liens des sous-forums, j'ai intégré une class, comme ceci :

Code:: <div class="sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><br/>

Et dans mon CSS, j'y renseigne ces éléments :

Code:: .sousforum {
font-variant: small-caps;
font-size: 14px;}

Seulement, si le fait de mettre les liens en petites majuscules marche, l'augmentation de la taille de police, elle, ne fonctionne pas. Ai-je mal fait quelque chose ?

Enfin, sans aucun rapport :

3. Comme vous pouvez le voir sur mon forum de test, j'ai réussi à arrondir les "barres" comprenant les titres des catégories, avec ce code-ci :

Code:: /*Arrondir les angles des titres de catégories*/
th[width="150"] {
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;}
.secondarytitle{
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;}

J'aimerais faire même avec les barres de titre de Qui est en ligne et la Chatbox.
Petites questions d'apparence Quest013

Seulement, je ne sais pas à quels éléments attribuer ce code.

Enfin,
Petites questions d'apparence Quest014

4. Je souhaiterais savoir comment, sans que cela fasse le contour de toutes les cellules, je peux faire apparaitre une barre permettant de distinguer deux forums ?

5. Et pour finir (désolée mais j'ai beau chercher, je trouve pas >.<) comment mettre une ligne, au-dessus des liens indiquant les sous-forums ? J'ai tenté de mettre quelque chose comme "border-top" dans le CSS de ma classe .sousforum (cf. ma question 2) mais rien n'apparait.

En vous remerciant Smile

Sujet: Re: Petites questions d'apparence Sam 29 Jan 2011, 12:30

Mmh.

Ok, donc commençons par le début.

1. Pour le titre des catégories centré c'est un peu compliquer car comparé à sa cellule, il est centré. La façon la plus simple je crois c'est de lui mettre un padding, donc j'irais directement dans ta configuration de forums et catégories, tu mets une div et une class autour des titres, puis tu lui mets un padding-left.

Je n'ai jamais essayé, je ne peux pas te dire si ça fonctionne ou non donc essaie et donne moi des nouvelles! Sinon on ira dans les templates!

2. J'ignore si c'est quelque chose de mal, mais tu as essayé de changer la valeur? Des fois la différence est tellement minime qu'on voit quasiment pas la différence, généralement ce que je fais c'est que je met, par exemple, 40px, donc si ça change pas, et bien on le voit tout de suite.

Si ça fonctionne toujours pas, essaie de le mettre directement dans ta balise en faisant:

Code:: <div class="sousforum" style="font-size: Xpx;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><br/>

Des fois ça fonctionne mieux là que dans ta feuille.

3. Pour arrondir ton qeel et la tchatbox, autant t'avertir que je suis pas super bonne en matière d'arrondir les coins, mais ce code là dans ton index-body

Code:: <tr>
   <td class="catHead" colspan="2" height="28">
   
   <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
   

   
   <span class="cattitle">{L_WHO_IS_ONLINE}</span>
   
   </td>
</tr>

Je l'entourais d'une div et lui mettrait des valeurs pour l'arrondir.

Ou sinon, je fais un test on verra bien:

Code:: .cattitle, .cathead {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

Essaie les 2 en espérant que l'un marche!

Pour la tchatbox, c'est une bonne question. Toutes mes tchatbox sont désactivés des mes forums, donc je n'ai jamais eu à jouer avec, et je ne suis pas assez certaine, je vais devoir tester :/ Désolée!

4. On peut essayer quelque chose même si j'ignore si ça va fonctionner.

rajoute ça dans ton css:

Code:: td {
border-bottom: 1px solid #000000;
}

5. Si ça ne fonctionne pas directement sur la feuille CSS, eh bien met le dans le templates comme j'ai dit plus haut (on verra bien!). Je te recopie celui d'en haut avec des modifications.

Code:: <div class="sousforum" style="font-size: Xpx; border-top: 1px solid #000000;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><br/>

Je dois dire que je trouve quand même ça étrange que ça fonctionne pas comme pour moi, j'ai carrément tout changer mon tableau et mes sousforums ne m'ont jamais occasionner de problème.

Je vais donc te remettre ton css, juste pour être certaine qu'on fasse la même chose.

Code:: .sousforum {
font-variant: small-caps;
font-size: 14px;
border-top: 1px solid #000000;
}

Voilà! Désolée si je suis aussi peu certaine des mes affaires là-dessus :/!

Sujet: Re: Petites questions d'apparence Sam 29 Jan 2011, 14:09

Déjà, merci beaucoup de prendre le temps de me répondre Fire-Fly, c'est vraiment très gentil à toi ! Smile

1. Ca marche Smile

! Pour centrer, j'ai mis un padding-left de 150px et ça fonctionne.

2. Ca ne marche pas, je me rends compte que quand j'augmente considérablement la taille, la taille des liens ne change pas, mais celle des virgules entre les liens, oui. Sans doute qu'il y a une astuce pour qualifier précisément les liens, mais je n'y connais rien...

3. Pour le QEEL, c'est ok :3 ! Pour la Chatbox... je maintiens ma question, si quelqu'un qui a l'habitude des chatbox passe par là ^^' !

4 & 5. En fait, j'ai réalisé que dans mon CSS j'avais mis "border-top border-top: 1px solid #000000;", avec une répétition qui a faussé la donnée. Donc maintenant, la barre au-dessus des liens, ça marche ! Mais je reste intéressée par une barre qui distingue les forums, car en faisant :

Code:: td {
border-bottom: 1px solid #000000;
}

Cela souligne absolument tout. Donc je pense qu'il faut préciser le "td" ?

Et petite nouvelle question, pour la route ( Embarassed

) :

- Comment supprimer le fin trait noir qui encadre la barre de titre Qui est en ligne ? & Chatbox ?
- Et comment "combler" l'espace entre la barre de titre Chatbox et la bordure ?

Une nouvelle fois, encore merci, Fire-Fly, tu m'es d'une très grande aide !

Sujet: Re: Petites questions d'apparence Sam 29 Jan 2011, 18:16

2. Essaie avec un a:

Code:: a.sousforum {
font-variant: small-caps;
font-size: 14px;
}

4. Malheureusement, comme c'est un tableau je doute que ce soit possible sans refaire le template en entier. Le mieux que j'ai à proposer c'est d'entourer chaque élément d'une div et de lui mettre un border bottom.
Pour les images:

Code:: <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />

Pour la colone du centre, fait juste mettre un border-bottom à ton sous-forum, pour la dernière colone:

Code:: <td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>

Si il y en a un de capricieux qui ne veut rien savoir, on y va avec la solution simple: tu ajoutes

Code:: <br/>______________________________

après chacun.

Le hic avec ça que j'ai bien peur c'est que les lignes ne soient pas égales partout, mais vraiment, je doute qu'il existe d'autres solutions...

Nouvelle petite question Razz

:

Bon, comme je t'ai dit, les contours ronds et moi on fait pas bon ménage, et la tchatbox non plus, donc là c'est doublement moins sure que ça fonctionne ce que je vais dire :/

Pour le qeel, essaie ça:

Code:: 
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

et met 0 à la place de cellspacing.

Je sais pas si celui là va marcher, mais j'ai été voir sur ton forum test et il m'a l'air correcte, non?

Bref, pour la tchatbox (*soupir*) je suis désolée mais je suis à cours de solution, vraiment, je ne la connais pas assez bien pour risquer de changer quoi que ce soit :S Jmexcuse!

J'espère que pour les autres ça va fonctionner!

Sujet: Re: Petites questions d'apparence Sam 29 Jan 2011, 19:37

Merci merci et merci ! Décidément, j'ai l'impression de t'exploiter x) ! Aloors...

2. Ca ne marche toujours pas :/ En ajoutant le a. rien ne bouge.

4. J'ai fait ce que tu m'as dit, mais ce n'est pas trèèès esthétique. Du coup, je pense que je m'en passerai. Après réflexion, la barre de distinction au-dessus des liens des sous-forums est déjà très bien. Merci du coup de main ! :p

5. Pour le trait noir, j'ai effectivement trouvé par moi-même en bidouillant tous les cellspacing que j'ai pu trouver. Cela a marché pour ça, mais l'espace entre la bordure et la barre de la chatbox, lui, est toujours là, et impossible de savoir d'où il vient.

Merci donc pour tout tes coups de main, effectivement, mon forum de test est de plus en plus correcte ^^ !

Je me permets de rappeler mes deux petits soucis toujours d'actualité :

1. Comment augmenter la taille des liens des sous-forums - ceux en small-caps - sans augmenter la police de quoique ce soit d'autre.

2. Comment "combler" l'espace entre la barre avec le titre chatbox et sa bordure ?

(cf. http://testswyn.actifforum.com/)

Merci énormément Fire-Fly ! Et merci d'avance à qui se penchera sur ces questions ^^ !

Sujet: Re: Petites questions d'apparence Sam 29 Jan 2011, 21:08

Pas de quoi Petites questions d'apparence 512254

et j'espère que quelqu'un pourra t'aider avec les 2 derniers points :/!!

Sujet: Re: Petites questions d'apparence Dim 30 Jan 2011, 06:18

Finalement, une personne a su me renseigner pour ma première question. On n'était pas loin du tout Fire-Fly x) ! Il fallait attribuer le CSS à .sousforum a, comme ceci :

Code:: /*Modifier les liens des sous-forums*/
.sousforum a{font-variant: small-caps;
font-size: 14px !important;}

Et là, ça marche :p ! Donc plus qu'un point à résoudre, j'y crois !

- Comment "combler" l'espace entre la barre avec le titre chatbox et sa bordure ? (cf. http://testswyn.actifforum.com)

Sujet: Re: Petites questions d'apparence Dim 30 Jan 2011, 09:55

Aah! Eh bien tu vois, c'est la première fois que je le vois écrit ainsi, mais l'important c'est que ça marche Petites questions d'apparence 306373

Non, ce n'est pas résolu ^^' !

Je ne crois pas que ça soit possible. Du moins, pas sans modifier les templates x_x Parce qu'en fait, dans le template index_body, la chatbox est appelée par la variable {CHATBOX_BOTTOM} (du moins, quand elle est placée en bas), ce qui est vachement difficile à personnaliser, tu le conçois.

Il faudrait du coup remplacer cette variable par le code "en dur" de la chatbox. C'est chiant, mais c'est possible. Il me faudrait ton template index_body pour tenter le coup.

Voici mon template index_body :

Code:: {JAVASCRIPT}

<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>
   <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>


<tr>
   <td class="row1" rowspan="3" align="center" valign="middle">
   <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
   </td>
</tr>

</table>



<form action="{S_LOGIN_ACTION}" method="post" name="form_login">

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td class="row1" align="center">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="genmed">{L_USERNAME}:</span> </td>
               <td><input class="post" type="text" size="10" name="username"/> </td>
               <td>
                  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                  <span class="gensmall">{L_AUTO_LOGIN}</span>
               </td>
            </tr>

            <tr>
               <td><span class="genmed">{L_PASSWORD}:</span> </td>
               <td><input class="post" type="password" size="10" name="password"/> </td>
               <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
            </tr>
         </table>
      </td>
   </tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td valign="top" width="100%" class="row1" align="center">
         <table width="100%">
            <tr>
               <td width="55%" valign="middle" align="right">
                  <table class="right">
                     <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                           <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                           <span class="gensmall">{L_AUTO_LOGIN}</span>
                        </td>
                     </tr>

                     <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                     </tr>
                  </table>
               </td>
               <td width="10%" align="center" valign="middle">
                  <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
               </td>
               <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

</form>


{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td width="50%" valign="top">
      
      <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
      
      
      <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
      
      </span>
   </td>
   <td width="50%" align="right">
      <span class="gensmall">
         <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
         <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
         <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
         
            
            <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            
         
      </span>
   </td>
</tr>
</table>


<form action="{S_LOGIN_ACTION}" method="post" name="form_login">

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td class="row1" align="center">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="genmed">{L_USERNAME}:</span> </td>
               <td><input class="post" type="text" size="10" name="username"/> </td>
               <td>
                  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                  <span class="gensmall">{L_AUTO_LOGIN}</span>
               </td>
            </tr>

            <tr>
               <td><span class="genmed">{L_PASSWORD}:</span> </td>
               <td><input class="post" type="password" size="10" name="password"/> </td>
               <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
            </tr>
         </table>
      </td>
   </tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td valign="top" width="100%" class="row1" align="center">
         <table width="100%">
            <tr>
               <td width="55%" valign="middle">
                  <table class="right">
                     <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                           <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                           <span class="gensmall">{L_AUTO_LOGIN}</span>
                        </td>
                     </tr>

                     <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                     </tr>
                  </table>
               </td>
               <td width="10%" align="center" valign="middle">
                  <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
               </td>
               <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

</form>



<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td class="catHead" colspan="2" height="28">
   
   <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><center>{L_WHO_IS_ONLINE}</center></a></span>
   

   
   <span class="cattitle">{L_WHO_IS_ONLINE}</span>
   
   </td>
</tr>
<tr>
   <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
   <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
   {TOTAL_USERS}<br />
   {NEWEST_USER}</span></td>
</tr>
<tr>
   <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
   {RECORD_USERS}<br />
   <br />
   {LOGGED_IN_USER_LIST}</span></td>
</tr>
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
<tr>
   <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
</tr>

<tr>
   <td class="row1">
      <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />
         
         <div id="chatbox_popup"></div>
         <script type="text/javascript">
         //<![CDATA[
         insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
         //]]>
         </script>
         
      </span>
   </td>
</tr>

</table>

{CHATBOX_BOTTOM}
<br clear="all" />

<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
   <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NEW_POSTS}</span></td>
   <td></td>
   <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
   <td>  </td>
   <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
   <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>


{AUTO_DST}


<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true
});
//]]>
</script>


<html><head>
<style type="text/css">
.mycss
{
font-weight:normal;font-variant:small-caps;color:#000000;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) S.W.Y.N / Reproduction Interdite !</p>
</body>

Mais si c'est trop dur ou éprouvant, ne t'en fais pas, je survivrais sans cette modification !

Non, je ne résouds pas encore ton souci (des emmerdes me sont tombées sur le coin du nez sans prévenir), je viens juste de revenir voir, et en fait, je voulais te demander deux choses :
- Est-ce que je pourrais avoir ton CSS ? ^^'
- Que viennent faire ces lignes de code en bas du document ?

Code:: <html><head>
<style type="text/css">
.mycss
{
font-weight:normal;font-variant:small-caps;color:#000000;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) S.W.Y.N / Reproduction Interdite !</p>
</body>

Pour information, quand tu crées une page HTML, il y a une structure précise à respecter, <*html><*head><*/head> <*body><*/body> <*/html> Or, ces éléments sont déjà remplis via les templates overall_header et overall_footer. Ton code est donc incorrect et pourrait très bien faire planter un navigateur un peu tatillon @_@

En attendant ton CSS, voici par quoi remplacer cette horreur XD

Code:: <p class="credits-swyn">(c) S.W.Y.N / Reproduction Interdite !</p>

Code:: .credits-swyn
{
font-weight:normal;
font-variant:small-caps;
color:#000000;
word-spacing:2pt;
font-size:11px;
text-align:center;
font-family:arial, helvetica, sans-serif;
line-height:1;
}

Alors là, je n'ai aucune idée de ce que ça fait là, mais pour être honnête si c'est là, ça ne vient pas de moi. N'étant pas experte je me contente de copier/coller des codes trouvés par-ci par-là, ou parfois d'ajouter deux/trois balises d'alignement ou d'effets de police mais rien de plus ^^' !

Merci de la correction en tout cas, je modifie !

Voici mon CSS :

Code:: /*Supprimer bordure du forum*/
.bodyline{border: none;}
.forumline{border: none;}

/*Retirer soulignement pseudos*/
a{text-decoration: none;}

/*Liens avec changement de couleur au survol*/
a:hover {color:#bed86f;
text-decoration: none !important;}

.textarea {background-color:#000000;
border:2px solid #bdd86e;
-moz-border-radius: 7px;}

/*Justifier le contenu du forum*/
.postbody, td.row1 span.gensmall {
text-align: justify !important;
display: block;
margin-left:15px;
margin-right:15px;}

/*Supprimer images de barre de navigation*/
a.mainmenu img {display:none;}
a.mainmenu{padding-left:4px;padding-right:4px;}

/*Champ de titre de message arrondi*/
input.post {background-color:#ffffff;-moz-border-radius:10px;-webkit-border-radius: 10px;}

/*Bordure des catégories arrondie*/
.forumline{background-color: #bbba9a;
-moz-border-radius: 15px ;
border: 5px #202126 solid;}

/*Avatar centré*/
.postdetails.poster-profile a img {
margin: auto;
display: block;
margin-bottom: -10px;}

/*Enlever dernière modification...*/
tr.post span.gensmall { display: none; }

/*CHATBOX : Couleur nom + liens archive, connexion...*/
#chatbox_header .catBottom .cattitle {background-coloer:none; color:#becc7a;}
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {color:#becc7a;}

/*CHATBOX : Couleur de fond*/
body.chatbox {
background-color:#bbba9a;}

/*Enlever les marges en haut et en bas du forum*/
body { margin : 0 ; }

/*Modifier les liens des sous-forums*/
.sousforum a{font-style: bold;
font-family: Arial;
font-variant: small-caps;
font-size: 11px !important;}

/*Modifier les sous-forums*/
.sousforum {border-top: 2px solid #bed86f;}

/*Arrondir les angles des titres de catégories*/
.forumline tr:last-child .row1:not([valign]) {
-moz-border-radius: 7px;}
td.row1[valign="middle"] {
-moz-border-radius: 7px;}
.catHead:not([colspan]) {
-moz-border-radius: 7px;}
th[width="150"] {
-moz-border-radius-topright: 7px;}
.secondarytitle{
-moz-border-radius-topleft: 7px;}

/*Titre catégorie centré (sans derniers messages)*/
.titrecate {padding-left: 150px;}

/*CSS en-tete*/
*/opacité staff */
.staff {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;}

.staff:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;}

.complet{
text-align:center;
color:#66625A;}

.complet a{
color:#66625A;
text-decoration:none;}

.context{
padding-left:20px;
padding-right:20px;
font-size:14px;}

.titrebas{
color: #202126 ;
background-color:#bed86f;
text-align: center;
font-variant: small-caps;
-moz-border-radius:10px;
font-size:12px;
margin-bottom:5px;}

.bas{
background-color:#202126;
-moz-border-radius:10px;
padding:5px;}

.navig{
margin-left:15px;
margin-right:15px;
margin-bottom:1px;
background-color:#b3cd64;
display:block;
border-left:5px solid #47474c;
border-right:5px solid #47474c;
-moz-border-radius:3px;}

.navig:hover{
border-left:5px solid #ababb0;
border-right:5px solid #ababb0;}

.textscroll{
overflow:auto;
padding:2px;
text-align: justify;
width:295px;
height: 130px;}

.textscroll2{
overflow:auto;
padding:2px;
text-align: justify;
width:295px;
height: 95px;}

.block{
padding-bottom:15px;
-moz-border-radius:5px;}

.logo{padding-bottom:20px;}

.titre {
color: #bed86f;
background-color: #202126;
text-align: center;
font-variant: small-caps;
-moz-border-radius:10px;
font-size:12px;
font-style: bold;}

.top {
border: 1px solid #66625A;
background-color: #202126;
padding:4px;}

a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid;}

a.imginfo span {
display: none;}

a.imginfo:hover {
background: none;
z-index: 999;
cursor: help;}
/*FIN CSS en-tete*/

/*Mettre un ascenceur*/
.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 50px; /*--- On le place à 50 px du haut de l'écran ---*/
left: 0px; /*--- On le place à 0px de la gauche de l'écran ---*/
background-color: #bbba9a; /*--- On donne une couleur au fond ---*/
-moz-border-radius: 0px 27px 27px 0px; /*--- On arrondit les bords ---*/
-webkit-border-radius: 0px 27px 27px 0px;
border-radius: 0px 35px 35px 0px;}

/*Apparence Code*/
.code {
background-color: #ffffff;
border:none;
border-right:5px #a60200 solid;
border-left:5px #a60200 solid;
font-family: courier new;
font-size: 12px;
-webkit-box-shadow: 0px 0px 5px #000;
-moz-box-shadow: 0px 0px 5px #000;
box-shadow: 0px 0px 5px #000;
color: #a60200;
padding: 5px;
margin: 5px;}

/*Apparence Quote*/
.quote {
background-color: #ffffff;
border:none;
border-right:5px #202126 solid;
border-left:5px #202126 solid;
color: #202126;
-webkit-box-shadow: 0px 0px 5px #000;
-moz-box-shadow: 0px 0px 5px #000;
box-shadow: 0px 0px 5px #000;
font-family: arial;
font-size: 11px;
padding: 5px;
margin: 5px;}

/*Apparence Spoiler*/
.spoiler_closed{background-color: #202126;
border:#202126}
.spoiler_content{font-family: arial;
font-size: 11px;
background-color: #e4e4d7;
border:2px #202126 solid;
border-right:5px #202126 solid;
border-left:5px #202126 solid;
color: #64666e;
padding: 5px;
margin: 5px;}
/*CSS barre de navigation en haut */
.navi {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
z-index: 999;
width: 100%;
font-variant: small-caps;
background-color: #202126;
border-bottom: 2px solid #bdd86e;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
height:23px;}

/*Copyright*/
.credits-swyn
{
font-weight:normal;
font-variant:small-caps;
color:#000000;
word-spacing:2pt;
font-size:11px;
text-align:center;
font-family:arial, helvetica, sans-serif;
line-height:1;
}

Ah je viens de trouver, c'est un code indiqué ici : http://www.css-actif.com/t7756-mettre-votre-copyright-dans-le-footer-de-votre-forum ^^'

Hum. Après m'être longuement battue inutilement, avoir essayé des méthodes trop compliquées et totalement hors sujet, m'être plantée 50 fois, j'ai fini par trouver une solution facile et simple XD

Dans ton template index_body, repère la ligne suivante :

Code:: {CHATBOX_BOTTOM}

Et remplace là par

Code:: <div id="la-chatbox">{CHATBOX_BOTTOM}</div>

Puis dans le CSS, rajoute ceci :

Code:: #la-chatbox .forumline tr .row1 {
background:#202126; /*même couleur que les bordures*/
}

Ca marche chez moi (enfin ToT)

Woh, ça marche parfaitement ! C'est vraiment sympa de ta part de t'être penché sur le problème. Merci beaucoup !

Je peux donc dire que mes problèmes sont résolus, c'est génial ^^ !

Petites questions d'apparence

Petites questions d'apparence

Sujets similaires

Sujets similaires

Partenaires Or