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! |
|  Ikø' 
Pika'Ghøst
~ Maîtresse des pelles ~
 Messages : 3193
 | Bonjour bonsoir bonne nuit bon aprèm tout le monde =D Je dois probablement avoir la réponse sous mon nez, mais comme j'oublie souvent les trucs simples... Bref. J'aimerais savoir comment faire pour retirer le fond de la page d'accueil. http://ktrash-test.forumactif.com/forum.htm Voici mon forum test. Dans la page d'accueil, il y a un fond noir qui m'importune, et j'aimerais beaucoup l'enlever, sans toutefois devoir retirer le fond de mes catégories~ parce que si on passe par les couleurs ça se fait bien je crois. Pourtant je ne sais pas comment ._. Voici mon CSS si vous en avez besoin~ il y a des class vides parce que je n'ai pas encore fini de coder, mais c'est temporaire x) - Spoiler:
- Code:
-
/* Corps forum */
body {
cursor: crosshair;
background-image: URL("http://i480.photobucket.com/albums/rr163/Ikotai/Fond-2.png");
background-attachment: fixed;
background-position: top-left;
background-repeat: repeat;
}
a:hover {
cursor: crosshair
}
a.forumlink:link, a.forumlink:visited {
}
a.forumlink:hover, a.forumlink:hover:visited {
}
.bodyline {
-moz-border-radius:20px;
border:7px solid #FFFFFF;
}
.forumline{
color: #000000;
-moz-border-radius: 14px 14px 14px 14px;
border-bottom: 3px solid ;
border-top: 1px solid;
border-right: 6px solid ;
border-left: 6px solid ;
}
a.mainmenu {
}
a.mainmenu:hover {
}
/* Messages */
tr.post span.gensmall {
display: none;
}
/* PA */
.onglet {
text-align: left;
display:inline-block;
margin-left:3px;
margin-right:10px;
padding:5px 40px 0px 5px;
border:1px inset #000000;
-moz-border-radius: 5px 25px 0px 0px;
background-color: #000000;
color: #FFFFFF;
font-size: 200%;
font-family: georgia, verdana, "times new roman", serif;
font-variant: small-caps;
position: left;
}
.onglet_0 {
background:#474747;
border-bottom:0px solid #000000;
padding-bottom: 4px;
}
.onglet_1 {
background:#000000;
background-image: URL("http://i480.photobucket.com/albums/rr163/Ikotai/Fond-2.png");
border-bottom:0px solid #000000;
padding-bottom:4px;
}
.contenu_onglet {
background-color: #000000;
background-image: URL("http://i480.photobucket.com/albums/rr163/Ikotai/Fond-2.png");
border: 1px inset #000000;
-moz-border-radius: 10px 10px 10px 10px;
margin-top:-1px;
padding:5px;
display:none;
}
ul {
margin-top:0px;
margin-bottom:0px;
margin-left:-10px
}
.background {
color: #000000;
background-color: #FFFFFF;
-moz-border-radius: 10px;
padding: 4px;
font-size: 12px;
font-family: georiga, verdana, "times new roman", serif;
font-variant: small-caps;
filter:alpha(opacity=60);
opacity:0.6;
}
.infos {
color: #FFFFFF;
text-transform: uppercase;
}
.infos:before {
content: "►";
color: #000000;
margin: 3px;
}
Merci de votre aide, et frappez-moi si c'est hyper simple x) *câlin d'avance* | | |
|  | | Imari 
{ Membre hyper-actif }
Messages : 1538
| Alors j'ai 2 options pour toi ^^ Soit c'est ça : - Code:
-
/* PA */
.onglet {
text-align: left;
display:inline-block;
margin-left:3px;
margin-right:10px;
padding:5px 40px 0px 5px;
border:1px inset #000000;
-moz-border-radius: 5px 25px 0px 0px;
background-color: #000000; /* à enlever ou remplacer par le gris du forum */
color: #FFFFFF;
font-size: 200%;
font-family: georgia, verdana, "times new roman", serif;
font-variant: small-caps;
position: left;
} OU ceci : - Code:
-
.background {
color: #000000; /* à enlever ou remplacer par le gris du forum */
background-color: #FFFFFF;
-moz-border-radius: 10px;
padding: 4px;
font-size: 12px;
font-family: georiga, verdana, "times new roman", serif;
font-variant: small-caps;
filter:alpha(opacity=60);
opacity:0.6;
} Après, je peux pas dire avec certitude si c'est bien une seule de ces deux solutions qui est bonne x) | | |
| | | | Ikø'
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| C'est aucun des deux ._. la class onglet sert à faire les onglets de la PA, et la class background c'est pour un fond blanc où je met du texte dans la PA
Moi je crois qu'il faut modifier une des class de Forumactif pour changer la couleur de fond noire de la page d'acceuil, mais je ne suis pas super sûre et je ne sais même pas C'est laquelle en plus x_x
Mais merci de m'aider Imari c'est gentil =D | | |
| | | | Illadon
{ Membre }
 Messages : 126
| Je pense que la pseudo classe first-child peut t'aider \o/ Donc: - Code:
-
div.mainmenu + div + style + div + table.forumline td.row1{
background-color:#FFFFFF;
}
Va changer le fond en blanc par contre tu dois éditer la classe .forumline pour que les bords aient aussi la couleur voulue. p.s: Vérifie que ça ne change pas la couleur sur les sous forum mais normalement ça devrait fonctionner. | | |
| | | | Invité Invité
| Coucou,
J'ai aussi eu ce problème, il y avait un cadre et un fond qui n'allais pas du tout avec le contenu. Du coup j'ai mis ma PA dans le template Index Body ^^. | | |
| | | | Ikø'
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| Merci à tous les deux~
J'ai testé le code d'Illadon, puis l'option d'Edelweiss. Le problème avec le premier code c'est que je devais choisir un peu entre un fond "transparent" et plus de bordures arrondies, ou des bordures arrondies et un fond pas transparent. N'empêche qu'il marchait O_O je le garde dans mon CSS pour le futur =D
L'option d'Edelweiss me mettait la PA dans le bas, finalement j'ai trouvé un endroit où la mettre dans le template overall_header_new, et par le fait même ça a réglé mon problème des onglets centrés o__o
Donc merci beaucoup à vous deux, et à Imari également~
Je classe le sujet =D | | |
| | | | Contenu sponsorisé
| | | | | |
Sujets similaires | |
|
| | Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
