Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Surlignage ou fond uniquement pour ma partie "forum"

0 appréciations
Hors-ligne
Bonjour,
J'ai encore un petit probleme sur mon
nouveau blog [lien]
En effet, lorsque j'arrive sur mon forum déja
il est souvent décalé vers le bas, en dessous de "statistiques, ou autre, le dernier "truc" du menu, en dessous" mais ca je pense que ce n'est pas grave que c'est temporaire, suivant le navigateur ou autre, donc je passe
Voici mon probleme alors :
C'est que j'ai uniquement quelques petits articles a mettre sur ce blog, donc j'ai decider de ne pas mettre de couleur de fond en contenu, j'ai donc laisser # tout seul (sans l'enlever, car j'avait déja fait cette connerie lol de ne rien mettre dans cette partie au diz perso resultat aprés on pouvais plus le changer" Mais le probleme c'est que du coup pour mes quelques articles j'ai tout surligner.
MAIS il y a un probleme ... POUR LE FORUM
Impossible de surligner ? Impossible de mettre un fond
uniquement pour les pages du forum? Obligé de mettre un fond partout? Je me demande s'il y a pas un moyen, si quelqu'un peut m'aider parceque j'ai regarder un peu sur le diztest mais je ne comprend pas trop avec le css je ne comprend qu'avec l'aide du diz perso.
Bonne soirée et merci
tony
Je ne sait pas si ca peut aider mais
voici mon css :
* {margin: 0; padding: 0;}

body
{
background : #;
background-image : url(http://www.evolutionmaison.net/Photo/brique%20Pastorale.jpg);
background-repeat : repeat;
color : #3300FF;
font-size : 10pt;
font-family : Comic sans MS;
text-align : center;
background-attachment : fixed;
}
#cadre
{
background : #996633;
background-image : url(http://rapidechange.com/fichiers/url/53652/yigdb/Sans_titre.bmp);
background-repeat : repeat;
width : 1005px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
text-align : left;
margin : auto;
border : 1px solid #000000;
position : relative;
background-attachment : fixed;
}
#haut
{
background : #;
background-image : url(http://);
background-repeat : no-repeat;
height : 480px;
padding-top : 1px;
border-width : 10px;
border-style : dotted;
border-color : #660033;
text-align : center;
background-attachment : fixed;
}
#haut h1 a
{
text-decoration : none;
font-size : 4pt;
font-family : Comic sans Ms;
}
a
{
color : #CCFFFF;
text-decoration : overline;
}
a:hover
{
color : #000000;
text-decoration : none;
}
#barre
{
width : 0px;
height : 0px;
margin-top : 5px;
}
#barre ul
{
list-style-type : none;
}
#barre li
{
float : left;
}
#barre a
{
background : #CC33FF;
color : #009900;
text-decoration : overline;
width : 1px;
height : 1px;
margin-left : 2px;
border-width : 1px;
border-style : solid;
border-color : #99FF33;
text-align : center;
display : block;
}
#barre a:hover
{
background : #00FFFF;
border : 1px solid #004000;
}
#menu
{
width : 215px;
float : left;
}
#menu ul
{
list-style-type : none;
}
#menu ul li
{
background : #;
width : 155px;
margin-top : -1px;
border-width : 6px;
border-style : solid;
border-color : #;
}
#menu ul li a
{
background : #FFFF00;
color : #3300FF;
width : 160px;
font-size : 12pt;
font-family : Palatino Linotype;
line-height : 25px;
}
#menu ul li a:hover
{
background : #00FF33;
color : #FF0000;
text-decoration : overline;
}
#menu h2
{
background : #CCFFFF;
color : #FF3300;
width : 170px;
height : 35px;
font-size : 25px;
border-width : 6px;
border-style : solid;
border-color : #663300;
text-align : center;
}
#contenu
{
background : #;
color : #3333FF;
width : 820px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
margin-top : 5px;
margin-left : 200px;
font-size : 11pt;
font-family : fisedsys;
}
#contenu h3
{
background : #FF0000;
color : #663300;
width : 160px;
height : 100px;
padding-left : 15px;
padding-right : 50px;
margin-top : 10px;
margin-left : 10px;
margin-right : 10px;
margin-bottom : 15px;
font-size : 20px;
font-family : Vladimir Script;
}
#contenu ul
{
list-style-type : square;
margin-left : 15px;
}
#contenu a
{
background : #FFEFBD;
color : #003366;
text-decoration : overline;
font-size : 14pt;
font-family : Monotype Corsiva;
}
#contenu a:hover
{
background : #00FF33;
color : #FF0000;
text-decoration : blink;
}
#bas
{
background : #EBEDAB;
margin : auto;
}
#spacer
{
height : 1000px;
clear : both;
}
hr { margin:5px; height:1px; background-color:#3300FF;}
fieldset { border:0; }
* html #menu h2{width: 217px;}
#contenu ol {list-style-type: decimal;margin-left:25px;}

128 appréciations
Hors-ligne
:b1: Tony

Pour le fond du forum, tu peux essayer de créer cette règle dans ton CSS :

#contenu td
{
background-color: #000;
color: #FFF;
}

J'ai mis noir et blanc, tu changeras après, essaies déjà comme ça.

Le Forum n'est pas géré séparément, il est dans le contenu, c'est pour cette raison que j'ai mis la suggestion de pouvoir créer du style pour chaque module avec un ID (identifiant)

En effet, lorsque j'arrive sur mon forum déja
il est souvent décalé vers le bas, en dessous de "statistiques, ou autre, le dernier "truc" du menu, en dessous" mais ca je pense que ce n'est pas grave que c'est temporaire, suivant le navigateur ou autre, donc je passe


Ton menu 215px + contenu 820px = 1035px
et le cadre qui les contient fait 1005px plus il y a des marges je crois.
Diminues la largeur du contenu déjà à 750px après tu regardes le résultat et tu modifies en conséquence.

J'ai remarqué également que tu as mis un spacer à une hauteur de 1000px, en principe c'est 20px. C'est un espace vide qui repousse le bas de page après l'allongement du menu.
C'est pour cette raison que tuas un grand vide en bas des page.

Voilà à toi de jouer maintenant.

Bonne soirée


0 appréciations
Hors-ligne
ok merci
Pour le vide en bas de la page c'est pour ... repousser la pub ^^
Pour ce qui est du decalage forum/page je sait pas ce qui s'est passer j'ai pas eu besoin de diminuer la largeur page c'est redevenu normal dés que j'ai poster un article donc tant mieux
Aprés, Merci beaucoup j'ai réussis a creer ce code comme tu me l'a donner, c'est génial.
Sinon, existe t il aussi un identifiant
pour les modules newsletter et sondage ?
Si oui, si j'ai bien compris il suffit de je rajoute des regles en changeant l'id "td" qui
signifierais forum, en un autre?
Ya t il un site avec la liste des identifiants pour chaques modules de b4e?

128 appréciations
Hors-ligne
:b0: Tony

Sinon, existe t il aussi un identifiant
pour les modules newsletter et sondage ?
Si oui, si j'ai bien compris il suffit de je rajoute des regles en changeant l'id "td" qui
signifierais forum, en un autre?
Ya t il un site avec la liste des identifiants pour chaques modules de b4e?


Non!!! lis ce que j'écris, td ce n'est pas un identifiant... je suggère de mettre des identifiants ID c'est le # en CSS, comme #menu ou #cadre, il y en a qu'un dans une page.

Ce que je t'ai fait faire, c'est une astuce provisoire, si tu as d'autres tableaux dans ton contenu ils seront également modifiés.

Dans suggestion j'ai mis ce sujet, tout le monde réclame, mais personne appuie ma demande, à part toi et Master Chief.
Peut-être que je me suis mal exprimé ???

A plus

0 appréciations
Hors-ligne
slt
Non pas du tout tu ne t'es pas mal exprimé
c'est moi qui a du mal a comprendre ...

Ce matin, je me suis réveiller, et j'ai
vu que ce css a la fin du code, que j'avais ajouter
A DISPARU ?
Comment est ce possible ? Est juste un bug,
blog4ever qui censure ce qui n'est pas de lui (on sait jamais lol) ou quelqu'un d'autre qui a accés a ma gestion (aie) ?

En tout cas c'est vraix que blog4ever c'est vraiment génial mais ca fait trop longtemp que ca n'a pas changer d'un poil, ce serait quand même bien que des suggestions de ce genre commencent enfin a se mettre en place !

0 appréciations
Hors-ligne
HELP !!!
Ca a encore disparu !!!
là je n'y comprend plus rien !!!
je n'ais pas était deconnecté de mon espace de gestion, donc personne n'y est rentrer !

Je fait en sorte d'avoir cela :

* {margin: 0; padding: 0;}

body
{
background : #;
background-image : url(http://www.full-wallpaper.com/manga/Detective_conan/Detective_conan2078wp1_1024.jpg);
background-repeat : repeat;
color : #3300FF;
font-size : 9pt;
font-family : Comic sans MS;
text-align : center;
background-attachment : fixed;
}
#cadre
{
background : #996633;
background-image : url(http://rapidechange.com/fichiers/url/53652/yigdb/Sans_titre.bmp);
background-repeat : repeat;
width : 1010px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
text-align : left;
margin : auto;
border : 1px solid #000000;
position : relative;
background-attachment : fixed;
}
#haut
{
background : #;
background-image : url(http://);
background-repeat : no-repeat;
height : 480px;
padding-top : 1px;
border-width : 10px;
border-style : dotted;
border-color : #660033;
text-align : center;
background-attachment : fixed;
}
#haut h1 a
{
text-decoration : none;
font-size : 4pt;
font-family : Comic sans Ms;
}
a
{
color : #CCFFFF;
text-decoration : overline;
}
a:hover
{
color : #000000;
text-decoration : none;
}
#barre
{
width : 0px;
height : 0px;
margin-top : 5px;
}
#barre ul
{
list-style-type : none;
}
#barre li
{
float : left;
}
#barre a
{
background : #CC33FF;
color : #009900;
text-decoration : overline;
width : 1px;
height : 1px;
margin-left : 2px;
border-width : 1px;
border-style : solid;
border-color : #99FF33;
text-align : center;
display : block;
}
#barre a:hover
{
background : #00FFFF;
border : 1px solid #004000;
}
#menu
{
width : 215px;
float : left;
}
#menu ul
{
list-style-type : none;
}
#menu ul li
{
background : #00FF00;
width : 155px;
margin-top : -1px;
border-width : 0.4px;
border-style : solid;
border-color : #;
}
#menu ul li a
{
background : #FFFF00;
color : #3300FF;
width : 160px;
font-size : 12pt;
font-family : Palatino Linotype;
line-height : 25px;
}
#menu ul li a:hover
{
background : #;
color : #FF0000;
text-decoration : overline;
}
#menu h2
{
background : #CCFFFF;
color : #FF3300;
width : 160px;
height : 35px;
font-size : 28px;
border-width : 3px;
border-style : solid;
border-color : #663300;
text-align : center;
}
#contenu
{
background : #;
color : #3333FF;
width : 825px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
margin-top : 5px;
margin-left : 200px;
font-size : 11pt;
font-family : fisedsys;
}
#contenu h3
{
background : #FF0000;
color : #663300;
width : 160px;
height : 100px;
padding-left : 15px;
padding-right : 50px;
margin-top : 10px;
margin-left : 10px;
margin-right : 10px;
margin-bottom : 15px;
font-size : 20px;
font-family : Vladimir Script;
}
#contenu ul
{
list-style-type : square;
margin-left : 15px;
}
#contenu a
{
background : #FFEFBD;
color : #003366;
text-decoration : overline;
font-size : 14pt;
font-family : Monotype Corsiva;
}
#contenu a:hover
{
background : #00FF33;
color : #FF0000;
text-decoration : blink;
}
#bas
{
background : #EBEDAB;
margin : auto;
}
#spacer
{
height : 800px;
clear : both;
}
hr { margin:5px; height:1px; background-color:#3300FF;}
fieldset { border:0; }
* html #menu h2{width: 217px;}
#contenu ol {list-style-type: decimal;margin-left:25px;}
#contenu td
{
background-color: #003399;
color: #FF0000;
}



ET QUELQUES MINUTES PLUS TARD ca revient avec le dernier "contenu td" retiré :

et j'arrive a ca:

* {margin: 0; padding: 0;}

body
{
background : #;
background-image : url(http://www.full-wallpaper.com/manga/Detective_conan/Detective_conan2078wp1_1024.jpg);
background-repeat : repeat;
color : #3300FF;
font-size : 9pt;
font-family : Comic sans MS;
text-align : center;
background-attachment : fixed;
}
#cadre
{
background : #996633;
background-image : url(http://rapidechange.com/fichiers/url/53652/yigdb/Sans_titre.bmp);
background-repeat : repeat;
width : 1010px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
text-align : left;
margin : auto;
border : 1px solid #000000;
position : relative;
background-attachment : fixed;
}
#haut
{
background : #;
background-image : url(http://);
background-repeat : no-repeat;
height : 480px;
padding-top : 1px;
border-width : 10px;
border-style : dotted;
border-color : #660033;
text-align : center;
background-attachment : fixed;
}
#haut h1 a
{
text-decoration : none;
font-size : 4pt;
font-family : Comic sans Ms;
}
a
{
color : #CCFFFF;
text-decoration : overline;
}
a:hover
{
color : #000000;
text-decoration : none;
}
#barre
{
width : 0px;
height : 0px;
margin-top : 5px;
}
#barre ul
{
list-style-type : none;
}
#barre li
{
float : left;
}
#barre a
{
background : #CC33FF;
color : #009900;
text-decoration : overline;
width : 1px;
height : 1px;
margin-left : 2px;
border-width : 1px;
border-style : solid;
border-color : #99FF33;
text-align : center;
display : block;
}
#barre a:hover
{
background : #00FFFF;
border : 1px solid #004000;
}
#menu
{
width : 215px;
float : left;
}
#menu ul
{
list-style-type : none;
}
#menu ul li
{
background : #00FF00;
width : 155px;
margin-top : -1px;
border-width : 0.4px;
border-style : solid;
border-color : #;
}
#menu ul li a
{
background : #FFFF00;
color : #3300FF;
width : 160px;
font-size : 12pt;
font-family : Palatino Linotype;
line-height : 25px;
}
#menu ul li a:hover
{
background : #;
color : #FF0000;
text-decoration : overline;
}
#menu h2
{
background : #CCFFFF;
color : #FF3300;
width : 160px;
height : 35px;
font-size : 28px;
border-width : 3px;
border-style : solid;
border-color : #663300;
text-align : center;
}
#contenu
{
background : #;
color : #3333FF;
width : 825px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
margin-top : 5px;
margin-left : 200px;
font-size : 11pt;
font-family : fisedsys;
}
#contenu h3
{
background : #FF0000;
color : #663300;
width : 160px;
height : 100px;
padding-left : 15px;
padding-right : 50px;
margin-top : 10px;
margin-left : 10px;
margin-right : 10px;
margin-bottom : 15px;
font-size : 20px;
font-family : Vladimir Script;
}
#contenu ul
{
list-style-type : square;
margin-left : 15px;
}
#contenu a
{
background : #FFEFBD;
color : #003366;
text-decoration : overline;
font-size : 14pt;
font-family : Monotype Corsiva;
}
#contenu a:hover
{
background : #00FF33;
color : #FF0000;
text-decoration : blink;
}
#bas
{
background : #EBEDAB;
margin : auto;
}
#spacer
{
height : 800px;
clear : both;
}
hr { margin:5px; height:1px; background-color:#3300FF;}
fieldset { border:0; }
* html #menu h2{width: 217px;}
#contenu ol {list-style-type: decimal;margin-left:25px;}

Ca peut quand même pas disparaitre tout seul !!!
Ais-je oublier quelque chose?
Fallait-il le mettre a un endroit specifique ???
svp, je suis un peu perdu la car pourtant juste aprés avoir ajouter le contenu td la, ba ca marchait, yavait un fond bleu sur rouge a mon forum !

0 appréciations
Hors-ligne
Autant pour moi, apparement ce n'est que lorsque je modifie un pti peu mon diz perso, que les codes a part que j'ajoute au css disparaissent parceque ca n'enregistre sur le diz perso sinon. Un peu compliquer tout ca, domage que le diz perso n'est pas prevu d'être ameliorer dans les suggestion a etudier. S'il n'y a vraiment rien a faire pour que le fond forum ne disparaisse pas sans arret, tu peu fermer
:b2: bokou
Ce sujet est fermé, vous ne pouvez pas y répondre.
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Année 2009.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6061 autres membres