Petites questions d'apparence Bouton_activePetites questions d'apparence Bouton_hoverPetites questions d'apparence Fb-hoverPetites questions d'apparence Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Petites questions d'apparence EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Petites questions d'apparence EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Petites questions d'apparence EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Petites questions d'apparence EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Petites questions d'apparence EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Petites questions d'apparence EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Petites questions d'apparence EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Petites questions d'apparence EmptySam 11 Fév 2023, 06:04 par Krager

-17%
Le deal à ne pas rater :
(Black Friday) Apple watch Apple SE GPS + Cellular 44mm (plusieurs ...
249 € 299 €
Voir le deal

Partagez
 

Petites questions d'apparence

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://master-poke.xooit.com
MP
MP
{ Membre }
{ Membre }

Féminin Messages : 66



Petites questions d'apparence Empty
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 :
  • Petites questions d'apparence Quest010
    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 ?

  • Petites questions d'apparence Quest011
    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 !


Dernière édition par Jellicle le Lun 14 Fév 2011, 03:03, édité 1 fois
MessageSujet: Petites questions d'apparence   Petites questions d'apparence EmptyVen 28 Jan 2011, 19:04
Revenir en haut Aller en bas
http://internationale-lpp.com/
Fire-Fly
Fire-Fly
{ Membre actif }
{ Membre actif }

Féminin Messages : 429



Petites questions d'apparence Empty
Salut Smile!

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
MessageSujet: Re: Petites questions d'apparence   Petites questions d'apparence EmptyVen 28 Jan 2011, 22:48
Revenir en haut Aller en bas
http://master-poke.xooit.com
MP
MP
{ Membre }
{ Membre }

Féminin Messages : 66



Petites questions d'apparence Empty
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
MessageSujet: Re: Petites questions d'apparence   Petites questions d'apparence EmptySam 29 Jan 2011, 06:24
Revenir en haut Aller en bas
http://internationale-lpp.com/
Fire-Fly
Fire-Fly
{ Membre actif }
{ Membre actif }

Féminin Messages : 429



Petites questions d'apparence Empty
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">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="cattitle">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </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 :/!

MessageSujet: Re: Petites questions d'apparence   Petites questions d'apparence EmptySam 29 Jan 2011, 12:30
Revenir en haut Aller en bas
http://master-poke.xooit.com
MP
MP
{ Membre }
{ Membre }

Féminin Messages : 66



Petites questions d'apparence Empty
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) :
Petites questions d'apparence Quest015
- 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 !
MessageSujet: Re: Petites questions d'apparence   Petites questions d'apparence EmptySam 29 Jan 2011, 14:09
Revenir en haut Aller en bas
http://internationale-lpp.com/
Fire-Fly
Fire-Fly
{ Membre actif }
{ Membre actif }

Féminin Messages : 429



Petites questions d'apparence Empty
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:
 <!-- BEGIN disable_viewonline -->
<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!
MessageSujet: Re: Petites questions d'apparence   Petites questions d'apparence EmptySam 29 Jan 2011, 18:16
Revenir en haut Aller en bas
http://master-poke.xooit.com
MP
MP
{ Membre }
{ Membre }

Féminin Messages : 66



Petites questions d'apparence Empty
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 ^^ !
MessageSujet: Re: Petites questions d'apparence   Petites questions d'apparence EmptySam 29 Jan 2011, 19:37
Revenir en haut Aller en bas
http://internationale-lpp.com/
Fire-Fly
Fire-Fly
{ Membre actif }
{ Membre actif }

Féminin Messages : 429



Petites questions d'apparence Empty
Pas de quoi Petites questions d'apparence 512254 et j'espère que quelqu'un pourra t'aider avec les 2 derniers points :/!!
MessageSujet: Re: Petites questions d'apparence   Petites questions d'apparence EmptySam 29 Jan 2011, 21:08
Revenir en haut Aller en bas
http://master-poke.xooit.com
MP
MP
{ Membre }
{ Membre }

Féminin Messages : 66



Petites questions d'apparence Empty
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)
MessageSujet: Re: Petites questions d'apparence   Petites questions d'apparence EmptyDim 30 Jan 2011, 06:18
Revenir en haut Aller en bas
http://internationale-lpp.com/
Fire-Fly
Fire-Fly
{ Membre actif }
{ Membre actif }

Féminin Messages : 429



Petites questions d'apparence Empty
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
MessageSujet: Re: Petites questions d'apparence   Petites questions d'apparence EmptyDim 30 Jan 2011, 09:55
Revenir en haut Aller en bas
http://master-poke.xooit.com
MP
MP
{ Membre }
{ Membre }

Féminin Messages : 66



Petites questions d'apparence Empty
Non, ce n'est pas résolu ^^' !
MessageSujet: Re: Petites questions d'apparence   Petites questions d'apparence EmptySam 05 Fév 2011, 18:55
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Petites questions d'apparence Empty
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.
MessageSujet: Re: Petites questions d'apparence   Petites questions d'apparence EmptyMar 08 Fév 2011, 23:16
Revenir en haut Aller en bas
http://master-poke.xooit.com
MP
MP
{ Membre }
{ Membre }

Féminin Messages : 66



Petites questions d'apparence Empty
Voici mon template index_body :

Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <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>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <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>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </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>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <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>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <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>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

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

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="cattitle">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </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>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <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>
            <!-- END switch_chatbox_popup -->
         </span>
      </td>
   </tr>
   <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<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> &nbsp;</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>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<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>
<!-- END switch_fb_index_login -->

<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 !
MessageSujet: Re: Petites questions d'apparence   Petites questions d'apparence EmptyMer 09 Fév 2011, 13:48
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Petites questions d'apparence Empty
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;
}
MessageSujet: Re: Petites questions d'apparence   Petites questions d'apparence EmptyJeu 10 Fév 2011, 21:24
Revenir en haut Aller en bas
http://master-poke.xooit.com
MP
MP
{ Membre }
{ Membre }

Féminin Messages : 66



Petites questions d'apparence Empty
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 ^^'
MessageSujet: Re: Petites questions d'apparence   Petites questions d'apparence EmptyJeu 10 Fév 2011, 22:12
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Petites questions d'apparence Empty
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)
MessageSujet: Re: Petites questions d'apparence   Petites questions d'apparence EmptyDim 13 Fév 2011, 21:26
Revenir en haut Aller en bas
http://master-poke.xooit.com
MP
MP
{ Membre }
{ Membre }

Féminin Messages : 66



Petites questions d'apparence Empty
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 ^^ !
MessageSujet: Re: Petites questions d'apparence   Petites questions d'apparence EmptyLun 14 Fév 2011, 03:02
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



Petites questions d'apparence Empty
    Je classe alors Wink
MessageSujet: Re: Petites questions d'apparence   Petites questions d'apparence EmptyLun 14 Fév 2011, 03:38
Revenir en haut Aller en bas
Contenu sponsorisé




Petites questions d'apparence Empty
MessageSujet: Re: Petites questions d'apparence   Petites questions d'apparence Empty
Revenir en haut Aller en bas
 

Petites questions d'apparence

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Petites questions
» Petites questions ^^
» Petites questions
» 2 petites questions.
» Petites questions

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit