- Statut : non résolu
- Ce sujet contient 19 réponses, 5 participants et a été mis à jour pour la dernière fois par
pierre2503, le il y a 14 années et 8 mois.
-
AuteurMessages
-
25 juillet 2008 à 17 h 35 min #461471
Bonjour,
Ma configuration WP actuelle
– Version de WordPress :2.5
– Thème utilisé :3itheme
– Plugins en place : aucun
– Nom de l’hebergeur : 000webhost
– Adresse du site :www.bloganews.net76.netProblème(s) rencontré(s) :
bonjour, voila enfait si vous allez voir mon site, vous voyer que l’ image du backround que j’aimerais mettre ne descend pas jusqu’en bas de la page.aprés pour ce qui est de la partie bleu, il faut choisir une couleur en code html
moi ce que je voudrais faire, c que l’image aille jusqu’ en bas.
je voudrais savoir si cela est possible en trifouillant la feuille de style ou autre …merci de vos réponses.
25 juillet 2008 à 18 h 47 min #638864Je suppose que c’est toi qui a rajouté ça dans le fichier CSS :
#page {
background: url(images/backg.jpg) no-repeat center top;
}1. Le bleu est une image ; elle se situe dans la balise body ( background: #1b3b90 url(images/html-bg.gif) repeat-x; )
2. Remplace l’image de body par la tienne (et seulement l’image !) ;
3. Je n’interviens plus tant que tu n’auras pas fait l’effort d’apprendre le minimum indispensable comme indiqué dans tes précédents posts !25 juillet 2008 à 21 h 54 min #638865C’est insupportable, ce côté égoïste que tu as, Gzyg… 😋
Pierre, sinon, pour t’aider à choisir les couleurs en général, et surtout trouver leur code, il y a ça, tout simple, ça tombe bien. Pour t’aider à choisir tout le reste… C’est comme Gzyg t’a dit !!25 juillet 2008 à 22 h 11 min #638866merci maitre mô, j’ai reussi a regler mon probleme ^^
mais Gzyg a raison, je doit aprendre les bases du xhtml css…25 juillet 2008 à 22 h 25 min #638867je viens de ravoir un problème :
comment changer la couleur de fond des catégories ? (voir photo)
[img]http://bloganews.net76.net/wp-content/themes/i3theme-1-6-midnightblue/images/Capturer.JPG[/img]
voila si quelqu’un peux m’aider ?
merci.
26 juillet 2008 à 3 h 51 min #638868Ce ne sont pas des catégories, ce sont les éléments contenus dans ta sidebar, divisée en sidebar left et sidebar right.
Il se peut que ton thème comporte une option permettant de modifier les couleurs: vérifie ça d’abord (admin/apparence/thème ou options de ton thème.
Si non, presque tout ce qui est mise en forme, donc notamment les couleurs utilisées dans tes colonnes, figure dans ton fichier style.css (feuille de style).
Sauvegarde-le.
Puis cherche /*Sidebar*/ : les codes en desssous sont ceux qui régissent les contenus de tes colonnes, soit h2 et h3, soit sidebar right et sidebar left, par exemple.
CHERCHE, teste (comme tu as sauvegardé tu peux revenir au départ si problème) et modifie. Ici, un indice : la commande de ta couleur blanche actuelle de fond des widgets est probablement white, ou #fff.26 juillet 2008 à 5 h 54 min #638869Et corrige cette vilaine faute d’orthographe dans ton sous-titre ! (toute sans s !!)
26 juillet 2008 à 6 h 11 min #638870Et puisque mon camarade t’en parle… Il est redondant, ton sous-titre: l’actualité, c’est forcément « du moment »; si c’est d’un autre moment que le moment présent, ce n’est plus « l’actualité », tu me suis ? Donc, ce doit être « Toute l’actualité »; ou bien « Toutes les actualités », si tu veux te battre avec Gzyg; ou bien « Toute l’actualité d’un autre moment que maintenant », si tu parles d’un autre moment que maintenant, ce qui ne voudrait plus rien dire, mais aurait l’avantage d’être drôlatique.
26 juillet 2008 à 7 h 14 min #638871Tu installes Forefox, si tu ne l’utilises pas déjà.
Tu installes Firebug.
Tu lis la doc de Firebug
Tu utilises Firebug pour pour quels sont les CSS qui s’appliquent à ces éléments.
Tu essaies de les modifier
Si ça ne marche pas, tu expliques pourquoi ça ne marche pas, et on t’aide26 juillet 2008 à 10 h 32 min #638872je viens de trouver /*Sidebar*/ dans la feuille de style :
/*
Theme Name: i3Theme 1.6 Midnight Blue (Center Edition)
Theme URI: http://www.mangoorange.com
Description: WordPress theme designed by <a href="http://www.ndesign-studio.com">N.Design Studio</a>, customized by <a href="http://www.mangoorange.com">MangoOrange™</a>, sponsored by <a href="http://www.web-hosting-top.com/">Web Hosting Reviews & Free Coupons</a> and <a href="http://www.b4udecide.com/">Web Hosting</a>. Traduction <a href="http://www.niss.fr">(niss.fr)</a>.
Version: 1.6
Author: Mickey Cheong
Author URI: http://www.mangoorange.com/about/
This theme was designed by Nick La, customized by Mickey Cheong Kah Meng.
By downloading and using this theme, you agree to the following terms:
– You may NOT resell this theme
– A link back to N.Design Studio and MangoOrange™ must be retained in the footer (either modified or unmodified)
– You may use this theme for personal or commercial projects
– You may modify, translate or distribute
Sponsored by
* Web Hosting Reviews & Free Coupons (http://www.web-hosting-top.com/)
* Web Hosting (http://www.b4udecide.com/)
Changelog
Version 1.6
* Site Admin link available in Meta [with icon modified from famfamfam’s silk icons (http://famfamfam.com/)]
* 4 New Colours available: Grassy Green, Midnight Blue, Ruby Red, Snazzy Pink
* Original i3Theme has been renamed to i3Theme Classic
* Quote icon available for blockquoted text
* Enable coloured bullet points for List
* BUG-FIXED: Layout error when display non-exist post
* BUG-FIXED: Wrong CSS element [ol li] name
Version 1.5
* SEO-friendly header title
* Enable hierarchical structure for category’s sidebar (for Widgets, use the ‘Categories’ widget)
* BUG-FIXED: (Only in IE6) Information overflow in the sidebar destroy the layout
* BUG-FIXED: Next/Previous link display the same [special thanks to Jamie(http://www.jessfortress.com/)]
* BUG-FIXED: Category icons missing when using Widgets’ categories
* BUG-FIXED: Unable to work in WordPress 2.2 or lower [special thanks to mat(http://www.ekstasis.net/)]
Version 1.4
* Availability of author credential of each post
* Improved blog header title with better navigation information
* Newly Support Plugins (means fully tested)
* Paged Comments (http://www.keyvan.net/code/paged-comments/)
* BUG FIXED: Unable to display more than one row of sub navigation bar
* BUG FIXED: Wrong function name used, bloginfo() instead of get_bloginfo() [original iTheme code]
* BUG TEMP-FIXED: Temporary increase the length of the list to 2 times (over 2000px in height).
Version 1.3.1
* BUG FIXED: Sub-navigation bar will be display regardless whether there are sub-categories
Version 1.3
* Optimised codings
* Fully tested on Internet Explorer 7, Firefox 2, Safari 3 and Opera 9
* Works on the latest Wordpress v2.3 release
* Newly Support Plugins (means fully tested)
* Inline Adsense (http://philhord.com/phord/adsense-inline-with-wordpress-blog-posts/)
* Secure Contact Form (http://blue-anvil.com/archives/secure-accessible-contact-form-for-wordpress-multi-user-version)
* BUG UNFIXED:
* IE7 unable to display the toggle button in Wordpress 2.2.3
* SOLUTION: Upgrade to Wordpress 2.3
Version 1.2
* Bug Fixed: Unable to display sub-navigation bar when using Widgets Plugin by Automattic
* Left and Right Edition made available.
Version 1.1
* Support Widgets Plugin by Automattic.
* Support Recent Posts and Recent Comments widgets.
* Links sorted according to alphabetical order by default.
*/
body {
background: #b9b9b9 url() repeat-x;
font: 75%/170% Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;
color: #333333;
}
a {
color: #3363a3;
text-decoration: none;
}
a:visited {
color: #3363a3;
}
a:hover {
text-decoration: underline;
}
p {
margin: 0px 0px 15px;
}
img {
border: none;
}
ul {
margin: 5px 0px 15px;
padding-left: 10px;
}
ul li {
margin: 0px;
list-style: none;
background: url(images/bullet-orange.gif) no-repeat;
padding-left: 20px;
}
ol {
margin: 5px 0px 15px;
padding-left: 20px;
}
ol li {
margin: 0px;
}
form {
margin: 0px;
padding: 0px;
}
small {
font-size: 90%;
}
blockquote{
background: url(images/blockquote.gif) no-repeat left top;
color: #777;
font-style: italic;
padding: 10px 5px 5px 36px;
}
#page {
background: url(images/backround_title.jpg) no-repeat center top;
}
#wrapper {
width: 985px;
margin: 0px auto;
position: relative;
}
/* ————————————- header area */
#header {
height: 120px;
}
/* site title */
h1 {
position: absolute;
top: 40px;
left: 25px;
color: #FFFFFF;
margin: 0px;
padding: 0px;
font: normal 30px/100% « Trebuchet MS », Arial, sans-serif;
}
h1 a, h1 a:visited {
color: #FFFFFF;
text-decoration: none;
}
h1 a:hover {
color: #000000;
text-decoration: none;
}
.description {
position: absolute;
top: 77px;
left: 25px;
color: #ccc;
font: 12px Arial, Helvetica, sans-serif;
}
/* search form */
#searchform {
position: absolute;
top: 0px;
right: 0px;
background: url(images/searchform-bg.png) no-repeat right bottom;
height: 37px;
width: 210px;
}
#searchform #s{
background: #ffffff url(images/form-field-bg.gif) no-repeat ;
height: 17px;
width: 148px;
margin: 6px 5px 0px 10px;
padding: 3px 7px 2px 5px;
color: #999999;
border: none;
}
#searchform #searchsubmit {
background: url(images/search-btn.png) no-repeat left top;
height: 24px;
width: 24px;
border: none;
text-indent: -999%;
line-height: 1px;
margin-top: 6px;
}
/* ————————————- main content area */
#left-col {
width: 545px;
float: left;
margin-top: 11px;
}
/* main menu */
#nav {
background: url(images/content-top-bg.png) no-repeat left top;
height: 26px;
}
#nav ul{
list-style: none;
margin: 0px 0px 0px 25px;
padding: 0px;
font: bold 12px/100% Arial, Helvetica, sans-serif;
}
#nav ul li{
margin: 0px 1px 0px 0px;
padding: 0px;
float: left;
background: none;
}
#nav ul li a{
padding: 5px 7px 6px 7px;
text-decoration: none;
color: #000000;
display: block;
}
#nav li a:visited{
text-decoration: none;
color: #000000;
}
#nav li a:hover, #nav .current_page_item a, #nav .current_page_item a:visited{
text-decoration: none;
background: #2e91c6 url(images/nav-item-hover.gif) repeat-x;
color: #ffffff;
}
/* sub menu */
#subnav {
background: #ecebeb;
}
#subnav ul {
margin: 0px;
padding: 3px 5px 5px 5px;
list-style: none;
font: 11px/100% Arial, Helvetica, sans-serif;
}
#subnav li {
border-right: 1px solid #D8D8D8;
padding: 0px 7px;
margin: 0 0 5px;
display:inline;
line-height: 18px;
background: none;
}
#subnav li a, #subnav li a:visited, #subnav .page_item {
text-decoration: none;
color: #333333;
}
#subnav .current_page_item a, #subnav .current_page_item a:visited {
color: #3b9acc;
}
#subnav li a:hover {
text-decoration: none;
color: #3b9acc;
}
/* content */
#content {
padding: 25px 25px 15px 25px;
width: 495px;
background: #ffffff;
clear: both;
overflow: hidden;
}
.post {
padding: 0px;
clear: both;
overflow: hidden;
}
.post .date {
height: 50px;
width: 45px;
background: url(images/calendar.gif) no-repeat;
font: normal 22px Arial, Helvetica, sans-serif;
color: #666666;
text-align: center;
padding: 0px 2px 0 0;
line-height: 100%;
float: left;
}
.post .date span {
height: 16px;
display: block;
font: normal 11px Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: center;
padding-top: 5px;
}
.post .title {
float: left;
margin-left: 10px;
width: 438px;
}
.postdata {
font-size: 90%;
color: #999999;
}
.postdata a, .postdata a:visited {
color: #999999;
text-decoration: none;
}
.postdata a:hover {
color: #3363a3;
text-decoration: none;
}
.postdata .category{
background: url(images/mini-category.gif) no-repeat;
padding-left: 18px;
float: left;
}
.postdata .comments{
background: url(images/mini-comment.gif) no-repeat;
padding-left: 18px;
float: right;
}
.mini-add-comment {
background: url(images/mini-down-arrow.gif) no-repeat left center;
padding-left: 12px;
float: right;
}
.entry {
padding: 10px 0px 5px;
clear: both;
}
.entry p.submeta{
font-size: 11px;
}
/* post title */
h2 {
color: #333333;
margin: 3px 0 2px;
padding-bottom: 4px;
font: normal 150%/100% « Lucida Grande », Arial, sans-serif;
border-bottom: dotted 1px #CCCCCC;
}
h2 a, h2 a:visited {
color: #333333;
text-decoration: none;
}
h2 a:hover {
color: #3363a3;
text-decoration: none;
}
h3 {
color: #666666;
margin: 5px 0px 5px;
font: bold 110%/110% « Lucida Grande », Arial, sans-serif;
}
/* next & previous page navigation */
.page-nav {
clear: both;
background: url(images/navigation-bg.gif) no-repeat left center;
height: 21px;
}
.page-nav a, .page-nav a:visited {
color: #ffffff;
text-decoration: none;
}
.page-nav a:hover {
color: #000000;
text-decoration: none;
}
.previous-entries a {
float: left;
padding-left: 10px;
margin-left: 10px;
background: url(images/navigation-left.gif) no-repeat left center;
}
.next-entries a {
float: right;
padding-right: 10px;
margin-right: 10px;
background: url(images/navigation-right.gif) no-repeat right center;
}
/* next & previous post navigation */
.post-nav {
clear: both;
padding-bottom: 35px;
margin-top: -15px;
font-size: 95%;
}
.post-nav a, .post-nav a:visited {
color: #999999;
text-decoration: none;
}
.post-nav a:hover {
color: #000000;
text-decoration: none;
}
.post-nav .previous a {
float: left;
padding-left: 20px;
background: url(images/post-nav-previous.gif) no-repeat left center;
}
.post-nav .next a {
float: right;
padding-right: 20px;
text-align: right;
background: url(images/post-nav-next.gif) no-repeat right center;
}
/* ————————————- comment area */
h3#comments {
background: url(images/comments.gif) no-repeat;
padding-left: 22px;
font: normal 140%/120% Arial, Helvetica, sans-serif;
clear: both;
}
h3#respond {
background: url(images/respond.gif) no-repeat;
padding-left: 22px;
font: normal 140%/120% Arial, Helvetica, sans-serif;
margin: 20px 0px 0px;
clear: both;
}
/* commentform */
#commentform {
margin-top: 10px;
}
#commentform label {
font-weight: bold;
color:#666;
font-size: 100%;
padding-left: 5px;
}
#commentform small {
color: #999999;
font-size: 90%;
}
#commentform input {
font: 110% Arial, Helvetica, sans-serif;
width: 220px;
padding: 5px 3px 3px 7px;
background: url(images/form-field-bg.gif) no-repeat;
border-top: 1px solid #e6e6e6;
border-right: 1px solid #E2E2E2;
border-bottom: 1px solid #E2E2E2;
border-left: 1px solid #e6e6e6;
}
#commentform textarea {
font: 110% Arial, Helvetica, sans-serif;
width: 480px;
height: 140px;
background:url(images/form-field-bg.gif) no-repeat;
border: solid 1px #e6e6e6;
padding: 5px 3px 3px 7px;
}
#commentform #submit {
font: 12px/100% Arial, Helvetica, sans-serif;
color: #000000;
background: url(images/submit-btn.gif) no-repeat top left;
border: none;
width: 135px;
height: 25px;
padding-bottom: 6px;
margin-left: 355px;
}
#commentform #submit:hover {
background: url(images/submit-btn.gif) no-repeat bottom left;
}
#commentform textarea:focus, #commentform input[type= »text »]:focus {
border: solid 1px #3b9acc;
}
/* comment list */
.commentlist {
margin: 10px 0px;
padding-left: 45px;
line-height: 130%;
}
.commentlist li{
padding: 5px 10px;
}
.commentlist .alt {
background: #F4F4F4;
}
.commentlist cite {
font-weight: bold;
font-style: normal;
font-size: 110%;
color: #669900;
}
.commentlist cite a, .commentlist cite a:visited {
color: #669900;
}
.commentlist small {
margin-bottom: 5px;
display: block;
font-size: 87%;
}
.commentlist small a, .commentlist small a:visited{
color: #999999;
}
/* ————————————- footer area */
#footer {
background: url(images/content-bottom-bg.png) no-repeat;
padding: 12px 0px 0px 10px;
font-size: 87%;
color: #282828;
line-height: 15px;
}
#footer a, #footer a:visited {
text-decoration: none;
color: #000000;
}
#footer a:hover {
text-decoration: underline;
}
/* ————————————- sidebar area */
[b]/* sidebar */
#sidebar-right{
float:right;
margin-left: 10px;
}
#sidebar-left {
float: left;
margin-right: 10px;
}
#sidebar-right,
#sidebar-left {
width: 210px;
color: #666666;
line-height: 160%;
}
#sidebar-right p,
#sidebar-left p {
margin: 0px 0px 15px;
}
#sidebar-right h3,
#sidebar-left h3 {
font: bold 12px/100% Arial, Helvetica, sans-serif;
color: #666666;
}
#sidebar-right h3 a, #sidebar-right h3 a:visited,
#sidebar-left h3 a, #sidebar-left h3 a:visited {
color: #666666;
}
#sidebar-right h3 img,
#sidebar-left h3 img {
vertical-align: middle;
}
#sidebar-right a, #sidebar-right a:visited,
#sidebar-left a, #sidebar-left a:visited {
color: #000000;
text-decoration:none;
}
#sidebar-right a:hover, #sidebar-right a:focus, #sidebar-right a:active,
#sidebar-left a:hover, #sidebar-left a:focus, #sidebar-left a:active {
text-decoration:underline;
}
#sidebar-right ul,
#sidebar-left ul {
list-style: none;
margin: 0 ;
padding: 0 ;
}
#sidebar-right ul li,
#sidebar-left ul li {
background: url(images/bullet-orange.gif) no-repeat;
padding-left: 18px ;
}
#sidebar-right ul li ul li,
#sidebar-left ul li ul li {
background: url(images/bullet-grey.gif) no-repeat;
padding-left: 12px ;
}
[/b]
/* ————————————- widget styles */
/* archives widget */
#archives ul li {
background: url(images/mini-archive.gif) no-repeat;
}
/* recent comments widget */
#recent-comments ul li {
background: url(images/mini-comment.gif) no-repeat;
}
/* category widget */
#categories ul li,
#categories-1 ul li,
#categories-2 ul li,
#categories-3 ul li,
#categories-4 ul li,
#categories-5 ul li,
#categories-6 ul li,
#categories-7 ul li,
#categories-8 ul li,
#categories-9 ul li {
background: url(images/mini-category.gif) no-repeat;
}
/* recent posts widget */
#recent-posts ul li {
background: url(images/mini-page.gif) no-repeat;
}
/* links widget */
#links ul li {
background: url(images/mini-blogroll.gif) no-repeat;
}
/* meta */
#meta .site_admin {
background: url(images/cog.gif) no-repeat;
}
#meta .rss {
background: url(images/mini-rss.gif) no-repeat;
}
#meta .login {
background: url(images/mini-user.gif) no-repeat;
}
#meta .check {
background: url(images/mini-check.gif) no-repeat;
}
#meta .wordpress {
background: url(images/mini-wp.gif) no-repeat;
}
/* calendar */
#calendar table {
margin: 0px auto;
}
#calendar td {
padding: 0px 4px;
}
/* alignments */
.center {
text-align: center;
}
img.center, img[align= »center »] {
display: block;
margin-left: auto;
margin-right: auto;
}
.left {
float: left;
}
img.left, img[align= »left »] {
float:left;
margin: 2px 10px 5px 0px;
}
.right {
float: right;
}
img.right, img[align= »right »] {
float:right;
margin: 2px 0px 5px 10px;
}
.clear {
clear:both;
}
hr.clear {
clear:both;
visibility: hidden;
margin: 0px;
padding: 0px;
}
.hidden {
clear: both;
visibility: hidden;
}
/* MangoOrange.com footer (must be included, but can be modified) */
div#footer span.mangoorange{
color: #fff;
}
div#footer span.mangoorange a,
div#footer span.mangoorange a:visited{
color: #fff;
font-weight: bold;
text-decoration: none;
}
div#footer span.mangoorange a:hover{
text-decoration: underline;
}mais la après, j’ai essayé de changer les couleurs qui sont dans /*Sidebar*/ se ne me changera que les couleur de fond vue que la couleur de fond des éléments contenus dans ma sidebar sont rayés !
comment changer ces rayures en en couleur blanche ?
merci.
26 juillet 2008 à 10 h 50 min #638873Ce n’est pas la peine de copier toute la feuille de style, elle est lisible depuis ton thème directement.
As tu regardé ton site avec Firebug ?
Nb : tu as posé beaucoup de questions, pour un site que tu laisses apparemment tomber maintenant avec un seul post, pour faire un autre blog.
Qu’est ce que tu veux, ça décourage les bonnes volontés26 juillet 2008 à 12 h 02 min #638874je viens de télécharger firebug mais après je fait quoi ??
26 juillet 2008 à 12 h 36 min #638875Vraiment sympa cette Lumière de lune.. Normal, lorsqu’on aime le Maroc !
26 juillet 2008 à 13 h 01 min #638876oui ^^
26 juillet 2008 à 13 h 28 min #638877autrement j’ai encore un probleme, je voudrais savoir comment mettre le blog « actégories » au dessus de wp-cumulus par default a chaque fois que qqn ira visiter mon site ?
merci.
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.