Bonjour,
Je voudrais actuellement créer un couleur par catégorie. J'ai un blog wordpress avec le thème mystique et j'ai réussi à créer ce que je souhaitais en créant un CSS pour chaque catégorie. J'ai rajouté une petite ligne de code pour que ces css soit appelés.
Le css:
Le code :
Cela fonctionne sur UNE CATÉGORIE mais le reste bug. Ca apparait sur la page d'accueil et je ne comprend pas pourquoi.
Avez-vous une solution ?
Merci
Jenny
Je voudrais actuellement créer un couleur par catégorie. J'ai un blog wordpress avec le thème mystique et j'ai réussi à créer ce que je souhaitais en créant un CSS pour chaque catégorie. J'ai rajouté une petite ligne de code pour que ces css soit appelés.
Le css:
/* AUSTRALIE */
/* links */
.category-australie a{color:#0071bb;outline:none;}
.category-australie a:hover{color:#FFAD26;text-decoration:none;}
/* post */
.category-australie .post, .page{margin:1em 0 2em 0;padding:0 0 .6em;display:block;background:transparent url(images/dot.gif) repeat-x left bottom;}
.category-australie .post.preview-title{background:none;}
.category-australie body.single-page .page, body.single-post .post{background: none;margin:0;padding:0;}
.category-australie .post.asides{
border: 4px solid #eee;
background-color: #fff;
background-image: none;
padding: 5px 10px;
}
.category-australie .post.sticky{
/* needs redesigned */
}
.category-australie h2.title{
font-weight: bold;
font-size: 180%;
margin:0 0 .2em 0;
padding:.2em 0 0 0;
text-shadow: #fff 1px 1px 1px;
}
.category-australie .post.asides h2.title{
font-size: 130%;
font-style: italic;
letter-spacing: -0.02em;
}
.category-australie .post.sticky h2.title{
font-size: 300%;
}
.category-australie .title {text-decoration:none;color:#FFAD26;}
.category-australie h2.title a{text-decoration:none;color:#FFAD26;}
.category-australie h2.title a:hover{color:#FFAD26;text-decoration:none;}
.category-australie h3.title{font-size:140%;font-weight:bold;margin:1em 0 0 0;padding:0;}
.category-australie h3.title a{text-decoration:none;color:#4e4e4e;}
.category-australie h3.title a:hover{color:#FFAD26;text-decoration:none;}
/** barre d'info**/
.category-australie .post-thumb img{border:4px solid #eee;}
.category-australie .post-info{background:transparent url(images/australie/info-bar-australie.png) no-repeat right top;height:42px;margin-left:11px;color:#bbb;text-shadow:#fff 1px 1px 1px;}
.category-australie .post-info a{font-weight:bold;color:#999;}
.category-australie .post-info a:hover{color:#FFAD26;}
.category-australie .post-info p.author{padding: 0 0 0 6px;margin:0;line-height:32px;}
.category-australie .post-info p.comments{padding: 0 12px 0 0;margin:0;line-height:32px;}
.category-australie .post-info p.comments a.comments{background:transparent url(images/icons.png) no-repeat 0px -49px;padding-left:20px;}
.category-australie .post-info p.comments a.no.comments{background-position:0px 1px;}
.category-australie .post-date{background:transparent url(images/australie/info-bar-australie.png) no-repeat left -75px;padding-left:11px;float:left;text-transform:uppercase;font-weight:bold;}
.category-australie .post-date p.day{background:transparent url(images/australie/info-bar-australie.png) no-repeat right -42px;height:33px;padding:0 16px 0 0;margin:0;line-height:31px;color:#fff;}
.category-australie .post-info{direction:rtl;}
/** bloque image à droite **/
.category-australie .block h3.title,.block h3.title span,.block .block-div,.block .block-div-arrow{background-image:url(images/australie/block-title.png)}
.category-australie .search-form #searchfield,.search-form input.submit{background-image:url(images/blue/search.png);}
.category-australie li.comment .comment-head{background-image:url(images/australie/comment-head.png);}
.category-australie li.comment .comment-head.comment-author-admin,li.comment .comment-head.bypostauthor{background-color:#FFAD26;}
.category-australie .tabs-wrap{background-image:url(images/australie/tabs-bg.png);}
.category-australie .tabs li{background-image:url(images/australie/tabs-c.png);}
.category-australie .tabs li a{background-image:url(images/australie/tabs.png);}
#site-title p.headline{color:#ffc76a;}
.category-australie .altText{color:#FFAD26;}
.category-australie .tag-cloud a:hover,.block-widget_tag_cloud a:hover{background-color:#ffc76a;}
/* pagination */
.category-australie .body.col-3-left .page-navigation, body.col-3-left .comment-navigation{float: right;}
.category-australie .page-navigation a, .page-navigation span.current, .page-navigation span.extend,
.comment-navigation a, .comment-navigation span.current, .comment-navigation span.dots{
padding: 3px 5px 4px 5px;
margin: 2px;
float: left;
}
.category-australie .page-navigation a, .comment-navigation a{
text-decoration: none;
border: 1px solid #ddd;
background-color: #fff;
}
.category-australie .page-navigation a:hover, .comment-navigation a:hover{
border: 1px solid #FFAD26;
color: #fff;
background-color: #FFAD26;
}
.category-australie .page-navigation span.current, .comment-navigation span.current{
border: 1px solid #FFAD26;
color: #fff;
background-color: #FFAD26;
}
.category-australie .page-navigation a{color:#FFAD26;outline:none;}
.category-australie .comment-navigation a.loading{border:0;padding:3px 8px;border:0;background:transparent url(images/loader-white.gif) no-repeat center center;}
.category-australie .clearFieldActive{color:#FFAD26;font-weight:bold;}
.category-australie .post-meta a{color:#FFAD26;text-decoration:underline;}
.category-australie .post-meta a:hover{color:#FFAD26;text-decoration:none;}
.category-australie .post-meta a.control:hover, .post-meta a.control:hover a{background-color:#FFAD26;text-shadow:#666 1px 1px 1px;color:#fff;}
/* info */
.category-australie .block-info{font-size: 150%;font-weight:bold;text-align:center;padding: .3em .7em;background-color:#eee;text-shadow:#fff 1px 1px 1px;border:1px solid #fff;}
Le code :
<?php if(in_category(188)) { ?>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_url');?>/angleterre.css"/>
<?php } ?>
<?php if(is_category(9)) { ?>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_url');?>/angleterre.css"/>
<?php } ?>
<?php if(in_category(1)) { ?>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_url');?>/australie.css"/>
<?php } ?>
<?php if(in_category(451)) { ?>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_url');?>/australie.css"/>
<?php } ?>
<?php if(in_category(37)) { ?>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_url');?>/espagne.css"/>
<?php } ?>
<?php if(in_category(10)) { ?>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_url');?>/espagne.css"/>
<?php } ?>
<?php if(in_category(443)) { ?>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_url');?>/espagne.css"/>
<?php } ?>
<?php if(in_category(419)) { ?>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_url');?>/espagne.css"/>
<?php } ?>
<?php if(in_category(442)) { ?>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_url');?>/espagne.css"/>
<?php } ?>
<?php if(in_category(46)) { ?>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_url');?>/italie.css"/>
<?php } ?>
<?php if(in_category(45)) { ?>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_url');?>/italie.css"/>
<?php } ?>
Cela fonctionne sur UNE CATÉGORIE mais le reste bug. Ca apparait sur la page d'accueil et je ne comprend pas pourquoi.
Avez-vous une solution ?
Merci
Jenny