- Statut : non résolu
- Ce sujet contient 4 réponses, 2 participants et a été mis à jour pour la dernière fois par
zep3, le il y a 16 années et 9 mois.
-
AuteurMessages
-
14 mai 2008 à 15 h 59 min #459532
Bonjour,
Ma configuration WP actuelle
– Version de WordPress : 2.5.1
– Thème utilisé : Videographer de WordPress Tuto
– Plugins en place : wp-youtube
– Nom de l’hebergeur : infomaniak
– Adresse du site : http://video.tomdu18.com/Problème(s) rencontré(s) :
Je voudrais rajouter un background ou une image derrière chaque titre de sidebar pour bien les différencier.
Merci de votre aide
14 mai 2008 à 16 h 19 min #630088Pour mettre une image différente derrière chaque titre de sidebar, tu met une balise sur chaque titre et ensuite dans ton css, tu indique l’image.
Sinon en plus simple, tu retire le titre de ta sidebar et tu met une image a la place.
Exemple:
<ul class="sidebarfeed"><img src="/images/feedburner.jpg » /></ul>
Bonne chance
14 mai 2008 à 16 h 54 min #630089Merci pour ton aide mais je comprend pas tout car le CSS du thème est vraiment simplifier … Et « tu met une balise sur chaque titre » mais ou ?
Voici mon sidebar.php :
Vidéos relatives
-
<?php $current_cat=get_the_category();
- <a href=" »>
$current_category = $current_cat[0]->cat_name; ?>ID, ‘sb_links’, true); ?>
Dernières vidéos
- <?php wp_get_archives('type=postbypost&limit=10&format=custom&before=
- &after=
‘); ?>
Et mon CSS :
/*
Theme Name: Videographer
Theme URI: http://www.thiswickedlife.com
Description: A two column theme. Traduction française par WordPress tuto.
Version: 1.0
Author: Zoomstart
Author URI: http://www.zoomstart.com
*//******* Basics and Typography *******/
body { background: #fff; font-size: 95%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; text-align: center; }
* { padding: 0; margin: 0; }p { font-size: 0.875em; line-height: 1.5em; margin: 0 0 1.5em 0; }
ol, ul { font-size: 0.875em; line-height: 1.5em; margin: 0 0 1em 3em; padding: 0; }
ol li, ul li { padding: 0 0 0.5em 0; }
* html #content, * html #sidebar { overflow: hidden; /* For IE */ }/*
Headlines
*/h1, h2 { margin: 0 0 1.1em 0; font-family: Arial, Verdana, Helvetica, sans-serif; }
h3, h4, h5, h6 { margin: 0 0 1.1em 0; font-family: Arial, Verdana, Helvetica, sans-serif; }
h1 { font-size: 1.5em; color: #546371; }
h2 { font-size: 1.2em; color: #546371; line-height: 1.2em; font-weight: lighter; }
h3 { font-size: 1.2em; color: #7B8691; }
h4 { font-size: 1.2em; color: #7B8691; }.indextitle { margin: 0; width: 100%; color: #105CB6; font-size: 1em; font-weight: bold; overflow: auto; }
.indextitle a { float: left; padding: 0; }
.indextitle a:link, .indextitle a:visited { color: #105CB6; }
.indextitle a:hover, .indextitle a:active { color: #000033; }.posttitle { margin: 0 0 0.6em 0; width: 100%; color: #546371; font-size: 1.5em; font-weight: bold; overflow: auto; }
.posttitle a { float: left; padding: 0; }
.posttitle a:link, .posttitle a:visited { color: #546371; }
.posttitle a:hover, .posttitle a:active { color: #000033; }/*
Elements
*/a { text-decoration: none; }
a:link { color: #0078DC; }
a:visited { color: #0078DC; }
a:hover, a:active { color: #000033; text-decoration: underline; }input, textarea, select { border: 1px solid #C1C7CD; padding: 3px; background-color: #FFF; color: #333; font-size: 1em;
font-family: Arial, Verdana, Helvetica, sans-serif; }
blockquote { margin: 0em 0em 1em 1.5em; padding: 1em; font-size: 1em; line-height: 1.5em; background: #eee; border: 1px solid #eee; }
code { font-family: monospace; color: #555; }
alt { padding: 6px; }
img#wpstats { width: 0px; height: 0px; margin: 0px; padding: 0px; border: none; overflow: hidden; display: none; }
form, img {margin: 0px; padding: 0px; border: 0px; }
img.center { position: relative; padding: 6px; margin: auto; border: 1px solid #999; display: block; }
img.left { position: relative; padding: 6px; margin: 0 20px 20px 0; border: 1px solid #999; display: inline; }
img.right { position: relative; padding: 6px; margin: 0px 0px 20px 20px; border: 1px solid #999; display: inline; }
.center { float: center; }
.left { float: left; }
.right { float: right; }
.off { padding: 0 !important; border: none !important; }
.clearboth { clear: both; }
.small { font-size: 1em; color: #999; }
.vid { padding-bottom: 20px; }/*
Layout
*/#headerwrap { height: 160px; width: 940px; padding: 0; margin: 0px auto; }
#header { height: 100px; width: 350px; padding: 0; margin: 5px 0px 0px 10px; float: left; text-align: left; }
.header { margin-top: 20px; font-size: 22px; }
.description { margin-top: 5px; font-size: 12px; }
#wrapper { margin: 10px auto 0px auto; padding: 0px; width: 940px; text-align: left; }#navwrap { background: #000 url(images/film.jpg) center left repeat-x; }
.navborder { height: 1px; margin: 1px 0px 1px 0px; padding: 0px; background: #000; overflow: hidden; }
#navigation { font-weight: normal; margin: 0px auto; padding: 0px; overflow: hidden; width: 940px; position: relative; text-align: center; }
#navigation ul { margin: 0px 0px 0px 10px; }
#navigation ul li { float: left; margin: 0px 0px 0px 100px; padding: 0px; list-style-type: none; }
#navigation ul li a { padding: 5px 0 5px 0 ; display: block; color: #FFFFFF; text-decoration: none; }
#navigation ul li a:hover { color: #4096EE; }
#navigation ul li a:active { }
#ledge { height: 65px; background: url(images/ledge.jpg) repeat-x top left; }/*
Content
*/#mainbody { width: 940px; background: #fff; overflow: auto; }
#content { float: left; margin: 0px 0px 0px 10px; width: 565px; display: inline; /* IE double margin bug fix */ }
#contentsingle { float: left; margin: 0px 45px 0px 10px; width: 520px; display: inline; /* IE double margin bug fix */ }
.postmeta { margin: 0 0 1.25em 0; font-size: 0.8em; color: #999; }
.postfeedback { margin-top: -1.5em; font-size: 0.875em; }
.postfeedbacksingle { height: 40px; font-size: 0.875em; }
.commentslink { font-size: 0.9em; padding: 0 0 0 17px; background: url(images/commentslink.gif) no-repeat center left; }
.pagenavigation { display:block; font-size: 0.875em; margin-bottom: 10px; }
.alignleft { float:left; text-align:left; width: 40%; min-height: 50px;; }
.alignright { float:right; text-align:right; width: 40%; min-height: 50px; margin-right: 10px; }.window { width: 563px; height: 107px; margin-bottom: 50px; }
.paneleft { padding: 5px; width: 130px; height: 97px; float: left; border: 1px solid #ddd; background: #f3f3f3; }
.paneright { padding: 5px; width: 405px; float: left; }/*
Sidebar
*/#sidebar { float: left; margin: 0px 0px 0px 10px; padding: 0px; width: 340px; display: inline; }
#sidebar h2 { font-weight:lighter; margin: 0 0 10px 0; padding: 0 10px 0px 0px; color: #333; }
#sidebar ul { list-style: none; font-size: 0.8em; margin: 0 0 1em 0; padding: 0 10px 0 0; }
#sidebar ul li { padding: 0 0 1em 0; }
#sidebarleft { width: 165px; float: left; }
#sidebarright { width: 165px; float: left; margin-left: 5px; }
table#wp-calendar{ width: 80%; }/*
Comments
*/.comments { padding: 0; margin: 0; }
.comments .list ol { padding: 0; margin: 0; }
.comments .list li { position: relative; padding: 15px 0px; margin: 0px; list-style-type: none; }
.alt { background-color: #fff !important; }
.commentnumber { color:#C1C7CD; position: absolute; top: 15px; font-size: 18px; line-height: 14px; font-weight: normal;
width: 40px; height: 15px; margin-left: 480px; padding: 0; text-align: right; }
.commenttitle { margin: 0px; padding: 0 45px 0 0; font-size: 1em; }
.commentmeta { margin: 0px; padding: 0; font-size: 0.8em; }
.commentmeta a { color:#999; text-decoration: none; }
.commentbody { border-top: solid 1px #CCC; font-size: 1.1em; padding-top: 10px; }
#formblock { margin: 0px 0px 20px 0px; padding: 10px 20px 10px 20px; background: #F0F0F0; border: 1px solid #CCC; }
#formblock p { margin: 0 0 0.5em 0; }
.button { background: #546371; }
.button:hover { background: #7B8691; cursor:pointer; }
label {font-size: 12px; color: #7B8691; }
#comment { width: 98%; }
#author { width: 98%; }
#email { width: 98%; }
#url { width: 98%; }
#submit, #contactsubmit { color: #fff; padding: 5px; }/*
Footer
*/#footer { overflow: hidden; margin: 0px; padding: 0px; }
#footerwrap { color: #aaa; font-size: 14px; margin: 0; width: 900px; padding: 0; margin: 0px auto; border-top: 1px dotted #aaa; }
#footcontent { text-align: center; height: 80px; margin: 0px auto; padding-top: 15px; }
#footcontent a { color: #888; }/*
Search Bar
*/#s { color: #546371; background-color: #fff; font-size: 14px; height: 18px; width: 165px; padding: 0px; margin: 0px 0px 15px 0px; }
/*
Contact Form (Customized plugin)
*/.contactform { position: static; overflow: hidden; }
.contactleft { width: 20%; text-align: right; clear: both; float: left; display: inline; padding: 4px; margin: 8px 0; }
.contactright { font-size: 14px; width: 75%; text-align: left; float: right; display: inline; padding: 4px; margin: 5px 0; }
.contacterror { border: 2px solid #ff9900; }
.contactsubmit { }/*
Ad Blocks
*/#adheader { width: 500px; height: 150px; margin: 4px 80px 0px 0px; float: right; text-align: right; }
#adsidebar { width: 336px; margin: 0px 0px 20px 0px; }
#adsinglepage { width: 468px; margin: 0px 0px 20px 0px; }#wp-admin-bar {align:center; margin:0; padding:5px; background:#f9f9f9; border:1px solid #666; clear:both; text-align:center}
#wp-admin-bar ul {margin:0; padding:0}
#wp-admin-bar ul li {list-style-type:none; display:inline; margin:0 10px; padding:0}Merci
14 mai 2008 à 17 h 23 min #630090Non enfaite j’ai trouvé !
Merci14 mai 2008 à 19 h 23 min #630091LoL de rien, grace a moi?
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.