Fork me on GitHub




(1) 2 3 »


palou34
que faut il chnger pour que le fond soit bleu
#1
Régulier
Inscrit: 09/04/2006 01:57
De france
Messages: 211
salut,

J'ai installé un theme sur mon site et je veux du module article soit d'une autre couleur que le blanc , que faut il changer svp dans le css ?

merci d'avance

voici le theme:

http://demo.xoops-theme.com/?xoops_theme_select=city_reflections

Posté le : 05/10/2008 08:45
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: que faut il chnger pour que le fond soit bleu
#2
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
Bonjour,

ajoutes un background-color à cette classe "itemOuter"

@++

Posté le : 05/10/2008 11:01

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
palou34
Re: que faut il chnger pour que le fond soit bleu
#3
Régulier
Inscrit: 09/04/2006 01:57
De france
Messages: 211
merci d'avoir répondu cependant je ne suis pas trop bon dans tous ça , voila ce que j'ai :

.outer {} .head {     background-color: #E2E2E2;     padding: 2px 5px;     font-weight: bold;     color: #969696;     border-right-width: 1px;     border-bottom-width: 1px;     border-left-width: 1px;     border-top-style: solid;     border-right-style: solid;     border-bottom-style: solid;     border-left-style: solid;     border-top-color: #D1D1D1;     border-right-color: #D7D7D7;     border-bottom-color: #CCCCCC;     border-left-color: #C9C9C9;     border-top-width: 1px; }


Et je veux que le fond de mes articles soit de cette couleur:

#AAD6E3

Si vous pouvez m'aider !

sinon mon css entier :

@import url(blocks.css); @import url(content.css);  html, body {     color: #628AA6;     margin: 0;     padding: 0px;     font-size: 10pt;     font-family:    Verdana, sans-serif, "Lucida Grande";     background:        #FFF; }  table {     width: 100%; }  table td {     padding: 0;     border-width: 0;     vertical-align: top; }  #xo-canvas {     margin:            0px ;     background:        #FFFFFF;     color:            #628AA6; } body.theme-dialog #xo-canvas {     margin:            0px 6px;      }  /* ---------- Banner ---------- */  #xo-headerL {     background-image: url(img/header_01.gif);     background-repeat: no-repeat;     background-position: left top;     height: 196px;     width: 344px; } #xo-headerM {     background-image: url(img/header_02.gif);     background-repeat: repeat-x;     background-position: left top;     height: 196px; } #xo-headerR {     background-image: url(img/header_03.gif);     background-repeat: no-repeat;     background-position: right top;     height: 196px;     width: 328px;     text-align: center;     padding-top: 15px; }  /* ---------- Footer ---------- */   #xo-footer {     text-align:            center;     padding:            .5em;     font-size:            90%;     color:                #EAEAEA;     margin:                0px;     border-top-width: 1px;     border-top-style: solid;     border-top-color: #2683A6;     background-color: #006196; } body.theme-dialog #xo-footer {     padding:            .2em .5em;     font-size:            80%; }  #xo-footer a {     color:    #EAEAEA;     text-decoration: none; }  #xo-footer a:hover {     text-decoration: underline;     color: #FFFFFF; } /* ---------- Content (main) zone ---------- */ #xo-canvas-content {     background:        #FFFFFF;     padding:        12px;      } #xo-page {     padding-top:    0px; } #xo-canvas-rightcolumn { } #xo-content {     clear:            both;     padding:        .5em;     margin:            0px; }  #xo-logger-output {     font-size:            80%; }  .searchBox[type=text] {     height: 14px;     background-color: #b2c9d8;     border: 1px solid #8197a5;     font-size: 90%;     margin-bottom: 4px; } .search { } /* -------------------- Blocks -------------------- */   a {color: #0a426c; text-decoration: underline; font-weight: bold; } a:hover {     color: #00679a;     text-decoration: none; } img {    border:    0px;}   ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;} li { margin-left: 2px; list-style: square inside; color: #055281}  .item {     margin-bottom: 20px;     border-bottom-width: 1px;     border-bottom-style: dashed;     border-bottom-color: #CCCCCC; } .itemHead {     padding: 3px 3px 3px 35px;     color: #6B6B6B;     background-image: url(img/icon_star.gif);     background-repeat: no-repeat;     background-position: left top; }  .itemInfo {     text-align: right;     padding: 3px;     color: #999; } .itemTitle a {     font-weight: bold;     text-decoration: none;     font-family: Tahoma;     color: #084874; } .itemTitle a:hover {     text-decoration: underline;     color: #6B6B6B; } .itemPoster, .itemPostDate, .itemStats {font-size: 90%; color: #999;} .itemBody {    padding: 5px;} .itemText {     margin-top: 1px;     margin-bottom: 1px; } .itemText a , .itemInfo a, .itemFoot a{     color: #999999;     font-weight: normal; } .itemText a:hover .itemInfo a:hover, .itemFoot a:hover {     color: #666666;     text-decoration: none; } .itemText:first-letter {} .itemFoot {     text-align: right;     padding: 3px 3px 10px;     margin-right: 20px;     margin-left: 20px; } .itemAdminLink {font-size: 90%;} .itemPermaLink {font-size: 90%;}   #mainmenu a {     display: block;     margin: 0;     padding: 2px;     font-weight: normal;     border-bottom-width: 1px;     border-bottom-style: solid;     border-bottom-color: #DDDDDD;     border-top-width: 1px;     border-top-style: solid;     border-top-color: #FFFFFF; } #mainmenu a:hover {     color: #5C97C2;     text-decoration: none; } #mainmenu a.menuTop, #mainmenu a.menuMain {padding-left: 8px; } #mainmenu a.menuSub {padding-left: 25px; }  #usermenu a {     display: block;     margin: 0;     padding: 2px;     font-weight: normal;     border-bottom-width: 1px;     border-bottom-style: solid;     border-bottom-color: #DDDDDD;     border-top-width: 1px;     border-top-style: solid;     border-top-color: #FFFFFF; } #usermenu a:hover {    color: #5C97C2;     text-decoration: none; } #usermenu a.menuTop {} #usermenu a.highlight {     background-color: #333333;     color: #CCCCCC; }   .outer {} .head {     background-color: #E2E2E2;     padding: 2px 5px;     font-weight: bold;     color: #969696;     border-right-width: 1px;     border-bottom-width: 1px;     border-left-width: 1px;     border-top-style: solid;     border-right-style: solid;     border-bottom-style: solid;     border-left-style: solid;     border-top-color: #D1D1D1;     border-right-color: #D7D7D7;     border-bottom-color: #CCCCCC;     border-left-color: #C9C9C9;     border-top-width: 1px; }   .head a {color: #838383;    text-decoration: underline; } .head a:hover {text-decoration: none;} .even, tr.even td  {     background-color: #F5F5F5;     padding: 3px 5px;     border-top-width: 1px;     border-right-width: 1px;     border-bottom-width: 1px;     border-left-width: 1px;     border-top-style: solid;     border-right-style: solid;     border-bottom-style: solid;     border-left-style: solid;     border-top-color: #DFDFDF;     border-right-color: #E9E9E9;     border-bottom-color: #EEEEEE;     border-left-color: #D7D7D7;     color: #666666; } .odd, tr.odd td {     background-color: #F2F2F2;     padding: 3px 5px;     border-right-width: 1px;     border-bottom-width: 1px;     border-left-width: 1px;     border-top-style: solid;     border-right-style: solid;     border-bottom-style: solid;     border-left-style: solid;     border-top-color: #DFDFDF;     border-right-color: #E9E9E9;     border-bottom-color: #EEEEEE;     border-left-color: #D7D7D7;     color: #666666; }  #xo-page .xo-blockszone .xo-blockcontent even a, #xo-page .xo-blockszone .xo-blockcontent tr.even td a, #xo-page .xo-blockszone .xo-blockcontent .odd a, #xo-page .xo-blockszone .xo-blockcontent tr.odd td a {color: #0a426c; text-decoration: underline; font-weight: bold;} #xo-page .xo-blockszone .xo-blockcontent .even a:hover, #xo-page .xo-blockszone .xo-blockcontent tr.even td a:hover, #xo-page .xo-blockszone .xo-blockcontent .odd a:hover, #xo-page .xo-blockszone .xo-blockcontent tr.odd td a:hover {color: #00679a; text-decoration: none;}  .foot {padding: 2px;    font-weight: bold;    text-align: center;}  #xo-canvas-content th {     color: #CCCCCC;     background-color: #707070;     padding-right: 5px;     padding-left: 5px;     padding-top: 3px;     padding-bottom: 3px; }  #xo-canvas-content th a{     color: #F9F9F9;  } div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;} div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;} div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;} div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;} div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}   .comTitle {font-weight: bold; margin-bottom: 2px;} .comText {padding: 2px;} .comUserStat {font-size: 10px; color: #0053A6; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;} .comUserStatCaption {font-weight: normal;} .comUserStatus {margin-left: 2px; margin-top: 10px; color: #0053A6; font-weight:bold; font-size: 10px;} .comUserRank {margin: 2px;} .comUserRankText {font-size: 10px;font-weight:bold;} .comUserRankImg {border: 0;} .comUserName {} .comUserImg {margin: 2px;} .comDate {font-weight: normal; font-style: italic; font-size: smaller} .comDateCaption {font-weight: bold; font-style: normal;}

Posté le : 05/10/2008 15:40
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Re: que faut il chnger pour que le fond soit bleu
#4
Guest_
b'soir,

Utilises Firefox et son extension Web Developer : il te permet d'afficher à l'écran le nom des instructions css responsables de l'apparence de tes pages.

Parmi les options les plus utiles, tu disposes du menu Information / Display Id & Class details. Ensuite c'est relativement simple pour modifier ta feuille de style puisque tu disposes du nom de la propriété à modifier.

Selon les indications fournies par Kris tu devrais voir sur ta page de News .itemOuter, propriété présente dans ta feuille style.css.

Tu la trouves et tu y ajoutes :
.itemOuter {
background-color: #AAD6E3;
}

@+

Posté le : 05/10/2008 23:02
Partager Twitter Partagez cette article sur GG+
Rapport Haut
palou34
Re: que faut il chnger pour que le fond soit bleu
#5
Régulier
Inscrit: 09/04/2006 01:57
De france
Messages: 211
Citation :

Burning a écrit:
b'soir,

Utilises Firefox et son extension Web Developer : il te permet d'afficher à l'écran le nom des instructions css responsables de l'apparence de tes pages.

Parmi les options les plus utiles, tu disposes du menu Information / Display Id & Class details. Ensuite c'est relativement simple pour modifier ta feuille de style puisque tu disposes du nom de la propriété à modifier.

Selon les indications fournies par Kris tu devrais voir sur ta page de News .itemOuter, propriété présente dans ta feuille style.css.

Tu la trouves et tu y ajoutes :
.itemOuter {
background-color: #AAD6E3;
}

@+


je vais chercher à ma manière!
vous me parlez d'un truc que je trouve pas!
a vrai dire on est pas trop aidé , j'ai mis le code que j'ai en haut faut juste me dire ou rajouter la ligne c'est tous !je demande pas un miracle.
ce que tu m'explique en haut j'ai rien compris et en bas je cherche ya walou ya deja une couleur mais elle n'apparait pas sure le site!
laisse tombé merci comum!

Posté le : 05/10/2008 23:15
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Re: que faut il chnger pour que le fond soit bleu
#6
Guest_
Pas de quoi
On fera mieux la prochaine fois.

@+


ps : juste une remarque au niveau du timing. Je t'apporte un complément de réponse à 23h en t'indiquant les outils te permettant d'être un peu plus autonome dans la modification de tes feuilles de styles. Ton retour : 15min. plus tard...

Posté le : 05/10/2008 23:34
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Jah
Re: que faut il chnger pour que le fond soit bleu
#7
Semi pro
Inscrit: 19/08/2005 21:01
De 97221
Messages: 1980
Je vais essayer de rester zen, mais tu m'interpelles là.
Burning et Kris t'ont donné toutes les indications nécessaire pour ta demande.
Ce que tu veux en faite, c'est qu'on le fasse a ta place, c'est pas le genre de la maison, ou alors embauches un webmaster.
Ils ont essayé de te faire apprendre quelque chose, de t'instruire, et pour ton bien.
Dis moi, faut il aussi que l'on mange pour toi tes tartines de nutella, ou vas tu apprendre un jour a te sortir les doigts du luc pour apprendre la vie ?

Posté le : 05/10/2008 23:36

Open in new windowOpen in new window
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Re: que faut il chnger pour que le fond soit bleu
#8
Guest_
M'enfin Jah ? Reste poli tout de même

(on peut comprendre qu'on s'énerve après une feuille de style récalcitrante, et ça n'a pas grand chose à voir avec les tartines - pour lesquelles je suis dispo d'ailleurs - ni avec le reste

@+

Posté le : 05/10/2008 23:39
Partager Twitter Partagez cette article sur GG+
Rapport Haut
palou34
Re: que faut il chnger pour que le fond soit bleu
#9
Régulier
Inscrit: 09/04/2006 01:57
De france
Messages: 211
Citation :

Jah a écrit:
Je vais essayer de rester zen, mais tu m'interpelles là.
Burning et Kris t'ont donné toutes les indications nécessaire pour ta demande.
Ce que tu veux en faite, c'est qu'on le fasse a ta place, c'est pas le genre de la maison, ou alors embauches un webmaster.
Ils ont essayé de te faire apprendre quelque chose, de t'instruire, et pour ton bien.
Dis moi, faut il aussi que l'on mange pour toi tes tartines de nutella, ou vas tu apprendre un jour a te sortir les doigts du luc pour apprendre la vie ?


qui t'as sonné toi!
ça fait 24h que je suis dessu et ya rien , j'ai tous changé de A à Z alors tes leçons de moral garde les pour toi! parceque la je suis à bout !
Merci pour votre aide mais ça a rien changé

Je passe à autre chose la parcque je vais me suicidé du rez de chaussé si ça contunie!

Posté le : 05/10/2008 23:49
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Jah
Re: que faut il chnger pour que le fond soit bleu
#10
Semi pro
Inscrit: 19/08/2005 21:01
De 97221
Messages: 1980
N'étant pas de nature a polémiquer, je suis beaucoup plus radical que cela, je ne relèverai pas tes propos plus que cela.

Bon aller, c'est mon jour de bonté.
Si tu es sous la 2.0.18,
Dans Préférences principales »» Paramètres généraux
mets oui à "Actualisation des thèmes et templates pour voir les modifications ?",
effaces tous le contenue de ton dossier template_c sauf index.html grace ton logiciel de FTP, vides le cache de ton navigateur, et actualises.

Ah oui aussi, vas pas te prendre avec un élastique, tu vas te faire une fracture du crane

Posté le : 06/10/2008 00:13

Open in new windowOpen in new window
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant
(1) 2 3 »



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

103 Personne(s) en ligne (86 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 103 | Plus ...