28172 sujets

CSS et mise en forme, CSS3

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:
/* 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
Bonjour,

Quand tu dis que cela fonctionne sur une catégorie, tu parles de la catégorie "angleterre" (qui correspond à ta 1re condition php) ?
Si oui, il y a peut être une erreur dans ton template et ses conditions PHP (donc voir plutôt ça dans le salon "Développement web côté serveur").
Bonjour,

Non l'angleterre et l'italie ne sont pas encore en ligne. La rubrique "on en parle" et "contact" sont des pages.

Les seules css actuellement sont ESPAGNE ET AUSTRALIE.

Australie marche parfaitement : http://jdroadtrip.tv/blog/australie/

Je ne comprend pas pourquoi sur la page d'accueil j'ai les images rouge, elle devrait être bleu, rouge c'est pour l'espagne.