Déjà inscrit au forum ? ( Mot de passe perdu / Mail de validation non reçu ) :


Surlignage ou fond uniquement pour ma partie "forum"
xlove59-boy


Site/blog

126 messages

posté le 2009-03-24 à 19:00:34

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;}

PapyClic


Site/blog

6935 messages

posté le 2009-03-24 à 21:41:48

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



xlove59-boy


Site/blog

126 messages

posté le 2009-03-24 à 22:58:20

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?

PapyClic


Site/blog

6935 messages

posté le 2009-03-25 à 10:29:18

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


xlove59-boy


Site/blog

126 messages

posté le 2009-03-25 à 12:23:41

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 !

xlove59-boy


Site/blog

126 messages

posté le 2009-03-25 à 12:51:18

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 !

xlove59-boy


Site/blog

126 messages

posté le 2009-03-25 à 17:31:09

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
bokou

Ce sujet est fermé, vous ne pouvez pas y répondre

Il faut être membre de ce forum pour ajouter un nouveau sujet ou répondre à un sujet, dans cette catégorie



Cliquez sur la carte :
dashboard ===> Nombre d'utilisateurs en ligne===> Nombre de personnes sur chaque page
lecteurs ===> Une liste des pages les plus consultées, avec le nombre de visiteur sur chaque page.
cartes ===>Le mode normal vous montre d'où viennent les visiteurs. Les cibles clignotent pour les personnes qui viennent de se connecter.
Historique :
lines => 24 h day ===>Un graphique des visiteurs durant les dernières 24 heures.

Recommander ce blog | Contacter l'auteur | Reporter un abus | S'abonner au blog Flux RSS du blog | Espace de gestion | Annuaire des blogs