|
|
couleur d un arcticle , juste la barre |
|
Semi pro  
Inscrit: 16/12/2008 16:38
|
boujour
sur mon site je vais avoir deux sorte article
article médicale et article diverse
je voudrais deja enlever la petite barre qui du dessus que je trouve vilaine et qui se termine par ok
et je voudrais différentier mes articles, les un avec la barre bleu d origine par exemple et les autre une autre couleur
merci
Posté le : 14/01/2009 09:28
|
|
|
|
|
Re: couleur d un arcticle , juste la barre |
|
Semi pro 
Inscrit: 04/08/2005 14:16
De Quelque part dans les étoiles...
|
C'est possible d'avoir un lien pour voir déjà ce que tu as ? 
Posté le : 14/01/2009 11:10
|
|
Il n'y a qu'une chose que vous pouvez changer dans l'Univers : c'est Vous-Même !
|
|
|
Re: couleur d un arcticle , juste la barre |
|
|
Guest_
|
b'jour, Quel thème utilises-tu pour ton site ? Si c'est basé sur morphogenesis tu as déjà cette instruction dans theme.html Citation :
<div id="xo-canvas-content" class="<{$xoops_dirname}>">
Tu transforme cette instruction en : Citation :
<div id="xo-canvas-content" class="<{$xoops_dirname}>-<{$storytopic}>">
Et dans ta feuille de style tu crées des class supplémentaires : Citation :
#xo-canvas-content .news-1 {
/* mise en forme pour le topic 1 */
}
#xo-canvas-content .news-2 {
/* mise en forme pour le topic 2 */
}
#xo-canvas-content .news-3 {
/* mise en forme pour le topic 3 */
}
...etc
Pas certain que cela fonctionne... mais c'est le principe. Si tu n'utilises pas un gabarit morphogenesis, tu peux encapsuler le code de ton fichier theme.html dans une div : Citation :
<div class="<{$xoops_dirname}>-<{$storytopic}>"> ... </div>
... et inscrire dans ta feuille de style : Citation :
.news-1 {
/* mise en forme pour le topic 1 */
}
.news-2 {
/* mise en forme pour le topic 2 */
}
.news-3 {
/* mise en forme pour le topic 3 */
}
...etc
A tester 
Posté le : 14/01/2009 11:30
|
|
|
|
|
Re: couleur d un arcticle , juste la barre |
|
Semi pro Inscrit: 16/12/2008 16:38
|
j ai le theme par defaut mais je peut le changer
un theme avec onglet horizontal me plairais
dans quel fichier ,je dois faire des modif
theme.html et un fichier ???
ET QUE VEUT DIRE encapsuler le code de ton fichier theme.html dans une div
JE SUIS PAS TRES DOUER , essais de parler noob
merci
Posté le : 14/01/2009 11:57
|
|
|
|
|
Re: couleur d un arcticle , juste la barre |
|
|
Guest_
|
Encapsuler ---> mettre une chose dans une autreEn clair, tu dois mettre le code de ton fichier theme.html entre une balise <div> ... </div> La portion de code à encapsuler dépend de ton thème, les fichiers theme.html pouvant varier. Pour le thème par défaut, places : Citation :<div id="xo-canvas-content" class="<{$xoops_dirname}>-<{$storytopic}>"> ... juste après la balise <body>, ligne 34 et ferme la balise en ajoutant : Citation :... juste avant la balise </body>, ligne 149 Une fois l'encapsulage terminé, tu complètes ta feuille de style tel qu'indiqué plus haut. Les nombres associés à la déclaration de style sont ceux de des Sujets dans News : à toi de les identifier dans le Panel d'administration du module (lequel correspond à 1, lequel correspond à 2, etc...)
Posté le : 14/01/2009 12:52
|
|
|
|
|
Re: couleur d un arcticle , juste la barre |
|
Semi pro Inscrit: 16/12/2008 16:38
|
je ne voit pas dans la feuille de stile ou je peut faire les changement je te la montre
html, body {color: #000; background-color: #fff; margin: 0; padding: 0; font-size:9pt; font-family: Verdana, Arial, Helvetica, sans-serif;}
table {width: 100%;}
table td {padding: 0; border-width: 0; vertical-align: top; }
a {color: #666; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {color: #ff6600;}
h1 {font-size:1.4em;}
h2 {font-size:1.3em;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}
h5 {font-size:1em;}
ul { margin: 2px; padding: 2px; list-style: disc inside; text-align: left;}
ol { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; color: #2A75C5;}
input.formButton {}
.item {border: 1px solid #666;}
.itemHead {padding: 3px; background-color: #2A75C5; color: #fff;}
.itemInfo {text-align: right; padding: 3px; background-color: #efefef}
.itemTitle a {font-size: 1.2em; font-weight: bold; font-variant: small-caps; color: #fff; background-color: transparent;}
.itemPoster {font-size: .9em; font-style:italic;}
.itemPostDate {font-size: .9em; font-style:italic;}
.itemStats {font-size: .9em; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 1.3em; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #efefef;}
.itemAdminLink {font-size: .9em;}
.itemPermaLink {font-size: .9em;}
#header {
margin : 0;
padding : 0;
height: 80px;
background: #2A75C5 url(xo-banner_bg.png) repeat-x left top;
padding: 2px;
color: #fff;
border: 1px solid #000;
}
#headerbanner {width: 100%; vertical-align: middle; text-align:center;}
#headerlogo img {padding: 0;}
#headerbar {border-bottom: 1px solid #ddd; background-image: url(hbar.gif);}
#leftcolumn {width: 170px; border-right: 1px solid #ccc; font-size:1em;}
#leftcolumn th {background-color: #2A75C5; color: #fff; vertical-align: middle;}
#leftcolumn .blockTitle {padding: 3px; background-color: #ddd; color: #2A75C5; font-weight: bold;}
#leftcolumn .blockContent {padding: 3px; line-height: 1.2em;}
#centercolumn {font-size: 1em;}
#centercolumn th {background-color: #2A75C5; color: #fff; vertical-align: middle;}
#centerCcolumn, #bottomCcolumn {padding: 0 3px 1px 3px;}
#centerCcolumn .blockTitle, #bottomCcolumn .blockTitle {padding: 3px; color: #2A75C5; font-weight: bold; margin-top: 0; margin-right: 0; margin-left: 0; font-size:1.1em;}
#centerCcolumn .blockContent, #bottomCcolumn .blockContent {border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ddd; padding: 3px; margin-right: 0; margin-left: 0; margin-bottom: 2px; line-height: 1.2em;}
#centerLcolumn, #bottomLcolumn, #centerRcolumn, #bottomRcolumn {
width: 50%; padding: 0 3px 0 0;
}
#centerLcolumn .blockTitle, #bottomLcolumn .blockTitle, #centerRcolumn .blockTitle, #bottomRcolumn .blockTitle {
padding: 3px; color: #2A75C5; font-weight: bold; margin-top: 0;
}
#centerLcolumn .blockContent, #centerRcolumn .blockContent, #bottomLcolumn .blockContent, #bottomRcolumn .blockContent {
border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ddd; padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 1.2em;
}
#content {text-align: left; padding: 8px;}
#rightcolumn {width: 170px; border-left: 1px solid #ccc; font-size:1em;}
#rightcolumn th {background-color: #2A75C5; color: #fff; vertical-align: middle;}
#rightcolumn .blockTitle {padding: 3px; background-color: #ddd; color: #2A75C5; font-weight: bold;}
#rightcolumn .blockContent {padding: 3px; line-height: 1.2em;}
#footerbar { background-image: url(hbar.gif); font-size:.9em; height : 23px;}
#footerbar td { vertical-align : middle; text-align:center;}
#mainmenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 4px;}
#mainmenu a:hover {background-color: #fff;}
#mainmenu a.menuTop {padding-left: 3px; border-top: 1px solid #c0c0c0; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #c0c0c0;}
#mainmenu a.menuMain {padding-left: 3px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #c0c0c0;}
#mainmenu a.menuSub {padding-left: 9px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #c0c0c0;}
#usermenu { font-size : .9em;}
#usermenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 2px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #c0c0c0; font-weight : normal;}
#usermenu a:hover {background-color: #fff;}
#usermenu a.menuTop {border-top: 1px solid #c0c0c0;}
#usermenu a.highlight {background-color: #fcc;}
caption {font-weight: bold;}
th, thead {background-color: #2A75C5; padding : 2px; color: #fff; vertical-align : middle;}
.outer {border: 1px solid #c0c0c0;}
.head {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
.even {background-color: #dee3e7; padding: 5px;}
.odd {background-color: #E9E9E9; padding: 5px;}
.foot {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
tr.even td {background-color: #dee3e7; padding: 5px;}
tr.odd td {background-color: #E9E9E9; padding: 5px;}
tr.foot td {background-color: #c2cdd6; padding: 5px; color:inherit; font-weight: bold;}
.errorMsg,.confirmMsg, .resultMsg { padding: .8em; text-align:center; margin-bottom: 1em; border: 2px solid #ddd;}
.errorMsg { background-color: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.confirmMsg { background-color: #FFF6BF; color: #817134; border-color: #FFD324; }
.resultMsg { background-color: #E6EFC2; color: #529214; border-color: #C6D880; }
.errorMsg a { background-color: transparent; color: #D12F19; }
.confirmMsg a { background-color: transparent; color: #817134; }
.successMsg a { background-color: transparent; color: #529214; }
.xoopsCode { background: #fff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0 6px 6px 6px; height: 200px; overflow: auto; font-size:.9em;}
.xoopsQuote { background: #fff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0 6px 6px 6px; font-size:.9em;}
blockquote {font-style : italic; line-height:1.4em;}
.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: .9em; color: #2A75C5; font-weight:bold; border: 1px solid #c0c0c0; background-color: #fff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2A75C5; font-weight:bold; font-size: .9em;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: .9em;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName a {color: #fff;}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: .8em;}
.comDateCaption {font-weight: bold; font-style: normal;}
/* add by kris for xoops 2.3.2 */
/*============== Styles for system_siteclosed.html (override system module) =================*/
#xo-siteclose {
width: 400px;
margin: 100px auto;
background-color: #e2e2e2;
padding: 30px;
color: #000;
font-size: 1.2em;
font-weight: bold;
text-align: center;
border: 1px solid #666;
}
#xo-userbar_siteclosed {
display: block;
background-color: inherit;
padding-top: 2px;
padding-right: 1em;
color: #fff;
font-size : .8em;
text-align : center;
}
#xo-userbar_siteclosed form {
display: inline;
padding: 0;
}
#xo-userbar_siteclosed input {
width: 50px;
background-color: transparent;
color: #fff;
font-size : .9em;
}
#xo-userbar_siteclosed input:hover {}
/*============== Styles for system_redirect.html (override system module) =================*/
#xo-redirect {
width: 780px;
margin: 50px auto;
padding: 1em;
font-weight: bold;
text-align: center;
}
#xo-redirect .notreload {
height: 28px;
background-color: inherit;
padding-top: 2px;
color: #000;
}
#xo-redirect .notreload a {
background-color: inherit;
color: #ff0000;
font-weight: bold;
text-decoration: none;
}
#xo-redirect .message {
min-height: 60px;
background-color: #f3f3f3;
padding: 1em;
color: #333;
font-size: 1.2em;
text-align: center;
border: solid 1px #666;
}
#xo-redirect .message img{ padding: 1em;}
j ai fais les changement que tu ma indiqué pour theme.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>">
<head>
<!-- Assign Theme name -->
<{assign var=theme_name value=$xoTheme->folderName}>
<!-- Title and meta -->
<meta http-equiv="content-language" content="<{$xoops_langcode}>" />
<meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
<title><{if $xoops_pagetitle !=''}><{$xoops_pagetitle}> - <{/if}><{$xoops_sitename}></title>
<meta name="robots" content="<{$xoops_meta_robots}>" />
<meta name="keywords" content="<{$xoops_meta_keywords}>" />
<meta name="description" content="<{$xoops_meta_description}>" />
<meta name="rating" content="<{$xoops_meta_rating}>" />
<meta name="author" content="<{$xoops_meta_author}>" />
<meta name="copyright" content="<{$xoops_meta_copyright}>" />
<meta name="generator" content="XOOPS" />
<!-- Rss -->
<link rel="alternate" type="application/rss+xml" title="" href="<{xoAppUrl backend.php}>" />
<!-- Favicon -->
<link rel="shortcut icon" type="image/ico" href="<{xoImgUrl icons/favicon.ico}>" />
<link rel="icon" type="image/png" href="<{xoImgUrl icons/favicon.png}>" />
<!-- Sheet Css -->
<link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoAppUrl xoops.css}>" />
<link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoImgUrl style.css}>" />
<!-- customized header contents -->
<{$xoops_module_header}>
</head>
<body>
<div id="xo-canvas-content" class="<{$xoops_dirname}>-<{$storytopic}>">
<!-- Start Header -->
<table cellspacing="0">
<tr id="header">
<td id="headerlogo"><a href="<{xoAppUrl /}>" title="<{$xoops_sitename}>"><img src="<{xoImgUrl xoops-logo.png}>" alt="<{$xoops_sitename}>" /></a></td>
<td id="headerbanner"><{$xoops_banner}></td>
</tr>
<tr>
<td id="headerbar" colspan="2"> </td>
</tr>
</table>
<!-- End header -->
<table cellspacing="0">
<tr>
<!-- Start left blocks loop -->
<{if $xoops_showlblock}>
<td id="leftcolumn">
<{foreach item=block from=$xoBlocks.canvas_left}>
<{includeq file="$theme_name/theme_blockleft.html"}>
<{/foreach}>
</td>
<{/if}>
<!-- End left blocks loop -->
<td id="centercolumn">
<!-- Display center blocks if any -->
<{if $xoBlocks.page_topleft or $xoBlocks.page_topcenter or $xoBlocks.page_topright}>
<table cellspacing="0">
<tr>
<td id="centerCcolumn" colspan="2">
<!-- Start center-center blocks loop -->
<{foreach item=block from=$xoBlocks.page_topcenter}>
<{includeq file="$theme_name/theme_blockcenter_c.html"}>
<{/foreach}>
<!-- End center-center blocks loop -->
</td>
</tr>
<tr>
<td id="centerLcolumn">
<!-- Start center-left blocks loop -->
<{foreach item=block from=$xoBlocks.page_topleft}>
<{includeq file="$theme_name/theme_blockcenter_l.html"}>
<{/foreach}>
<!-- End center-left blocks loop -->
</td>
<td id="centerRcolumn">
<!-- Start center-right blocks loop -->
<{foreach item=block from=$xoBlocks.page_topright}>
<{includeq file="$theme_name/theme_blockcenter_r.html"}>
<{/foreach}>
<!-- End center-right blocks loop -->
</td>
</tr>
</table>
<{/if}>
<!-- End center top blocks loop -->
<!-- Start content module page -->
<div id="content"><{$xoops_contents}></div>
<!-- End content module -->
<!-- Start center bottom blocks loop -->
<{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomright or $xoBlocks.page_bottomcenter}>
<table cellspacing="0">
<{if $xoBlocks.page_bottomcenter}>
<tr>
<td id="bottomCcolumn" colspan="2">
<{foreach from=$xoBlocks.page_bottomcenter item=block}>
<{include file="$theme_name/theme_blockcenter_c.html"}>
<{/foreach}>
</td>
</tr>
<{/if}>
<{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomright}>
<tr>
<td id="bottomLcolumn">
<{foreach from=$xoBlocks.page_bottomleft item=block}>
<{include file="$theme_name/theme_blockcenter_l.html"}>
<{/foreach}>
</td>
<td id="bottomRcolumn">
<{foreach from=$xoBlocks.page_bottomright item=block}>
<{include file="$theme_name/theme_blockcenter_r.html"}>
<{/foreach}>
</td>
</tr>
<{/if}>
</table>
<{/if}>
<!-- End center bottom blocks loop -->
</td>
<{if $xoops_showrblock}>
<td id="rightcolumn">
<!-- Start right blocks loop -->
<{foreach item=block from=$xoBlocks.canvas_right}>
<{includeq file="$theme_name/theme_blockright.html"}>
<{/foreach}>
<!-- End right blocks loop -->
</td>
<{/if}>
</tr>
</table>
<!-- Start footer -->
<table cellspacing="0">
<tr id="footerbar">
<td><{$xoops_footer}></td>
</tr>
</table>
<!-- End footer -->
</div>
<!--{xo-logger-output}-->
</body>
</html>
voila je pense que c est bon pour theme.htlm il reste la feuille de stille merci edit kris : ajouté les balises "code" dans le message
Posté le : 14/01/2009 15:38
|
|
|
|
|
Re: couleur d un arcticle , juste la barre |
|
|
Guest_
|
Pour ton fichier theme.html, tu peux te passer de la singularisation de la balise div (en clair, supprimer id="xo-canvas-content") Pour la feuille de stille, pas certain qu'on parle la même langue  Où as-tu lu qu'il fallait modifier quelque chose ? Ajouter oui : Citation :tu crées des class supplémentaires tu complètes ta feuille de style En l'occurrence ce devrait être : Citation :
.news-1 {
/* mise en forme pour le topic 1 */
}
.news-2 {
/* mise en forme pour le topic 2 */
}
.news-3 {
/* mise en forme pour le topic 3 */
}
... bref, un simple copier / coller à la fin de ta feuiile des lignes qui se trouvent ci-dessus, en vérifiant que les numéros correspondent effectivement aux sujets de News dont tu disposes). Ensuite : à toi de mettre les propriétés qui te conviennent. Exemples : Citation :
.news-1 {
/* mise en forme pour le topic 1 */
background-color: #000 !important;
}
.news-2 {
/* mise en forme pour le topic 2 */
background-color: #ff0000 !important;
}
.news-3 {
/* mise en forme pour le topic 3 */
background-color: #666 !important;
}
Posté le : 14/01/2009 20:31
|
|
|
|
|
Re: couleur d un arcticle , juste la barre |
|
Semi pro Inscrit: 16/12/2008 16:38
|
salut burning j ai bien suivi tes instruction mais sa ne fais rien donc j ai mis sa sur ma feuille de stille a la fin moi se sont bien les barre de titre que je veut changer celle qui sont en plein millieux du site quand tu post un article ,qui est normalement bleu , et je voudrais quelle eu une couleur differente pour chaque sujet d article , un qui est medicale est l autre divers ;mais je pense que tu la compris
html, body {color: #000; background-color: #fff; margin: 0; padding: 0; font-size:9pt; font-family: Verdana, Arial, Helvetica, sans-serif;}
table {width: 100%;}
table td {padding: 0; border-width: 0; vertical-align: top; }
a {color: #666; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {color: #ff6600;}
h1 {font-size:1.4em;}
h2 {font-size:1.3em;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}
h5 {font-size:1em;}
ul { margin: 2px; padding: 2px; list-style: disc inside; text-align: left;}
ol { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; color: #2A75C5;}
input.formButton {}
.item {border: 1px solid #666;}
.itemHead {padding: 3px; background-color: #2A75C5; color: #fff;}
.itemInfo {text-align: right; padding: 3px; background-color: #efefef}
.itemTitle a {font-size: 1.2em; font-weight: bold; font-variant: small-caps; color: #fff; background-color: transparent;}
.itemPoster {font-size: .9em; font-style:italic;}
.itemPostDate {font-size: .9em; font-style:italic;}
.itemStats {font-size: .9em; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 1.3em; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #efefef;}
.itemAdminLink {font-size: .9em;}
.itemPermaLink {font-size: .9em;}
#header {
margin : 0;
padding : 0;
height: 80px;
background: #2A75C5 url(xo-banner_bg.png) repeat-x left top;
padding: 2px;
color: #fff;
border: 1px solid #000;
}
#headerbanner {width: 100%; vertical-align: middle; text-align:center;}
#headerlogo img {padding: 0;}
#headerbar {border-bottom: 1px solid #ddd; background-image: url(hbar.gif);}
#leftcolumn {width: 170px; border-right: 1px solid #ccc; font-size:1em;}
#leftcolumn th {background-color: #2A75C5; color: #fff; vertical-align: middle;}
#leftcolumn .blockTitle {padding: 3px; background-color: #ddd; color: #2A75C5; font-weight: bold;}
#leftcolumn .blockContent {padding: 3px; line-height: 1.2em;}
#centercolumn {font-size: 1em;}
#centercolumn th {background-color: #2A75C5; color: #fff; vertical-align: middle;}
#centerCcolumn, #bottomCcolumn {padding: 0 3px 1px 3px;}
#centerCcolumn .blockTitle, #bottomCcolumn .blockTitle {padding: 3px; color: #2A75C5; font-weight: bold; margin-top: 0; margin-right: 0; margin-left: 0; font-size:1.1em;}
#centerCcolumn .blockContent, #bottomCcolumn .blockContent {border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ddd; padding: 3px; margin-right: 0; margin-left: 0; margin-bottom: 2px; line-height: 1.2em;}
#centerLcolumn, #bottomLcolumn, #centerRcolumn, #bottomRcolumn {
width: 50%; padding: 0 3px 0 0;
}
#centerLcolumn .blockTitle, #bottomLcolumn .blockTitle, #centerRcolumn .blockTitle, #bottomRcolumn .blockTitle {
padding: 3px; color: #2A75C5; font-weight: bold; margin-top: 0;
}
#centerLcolumn .blockContent, #centerRcolumn .blockContent, #bottomLcolumn .blockContent, #bottomRcolumn .blockContent {
border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ddd; padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 1.2em;
}
#content {text-align: left; padding: 8px;}
#rightcolumn {width: 170px; border-left: 1px solid #ccc; font-size:1em;}
#rightcolumn th {background-color: #2A75C5; color: #fff; vertical-align: middle;}
#rightcolumn .blockTitle {padding: 3px; background-color: #ddd; color: #2A75C5; font-weight: bold;}
#rightcolumn .blockContent {padding: 3px; line-height: 1.2em;}
#footerbar { background-image: url(hbar.gif); font-size:.9em; height : 23px;}
#footerbar td { vertical-align : middle; text-align:center;}
#mainmenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 4px;}
#mainmenu a:hover {background-color: #fff;}
#mainmenu a.menuTop {padding-left: 3px; border-top: 1px solid #c0c0c0; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #c0c0c0;}
#mainmenu a.menuMain {padding-left: 3px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #c0c0c0;}
#mainmenu a.menuSub {padding-left: 9px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #c0c0c0;}
#usermenu { font-size : .9em;}
#usermenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 2px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #c0c0c0; font-weight : normal;}
#usermenu a:hover {background-color: #fff;}
#usermenu a.menuTop {border-top: 1px solid #c0c0c0;}
#usermenu a.highlight {background-color: #fcc;}
caption {font-weight: bold;}
th, thead {background-color: #2A75C5; padding : 2px; color: #fff; vertical-align : middle;}
.outer {border: 1px solid #c0c0c0;}
.head {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
.even {background-color: #dee3e7; padding: 5px;}
.odd {background-color: #E9E9E9; padding: 5px;}
.foot {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
tr.even td {background-color: #dee3e7; padding: 5px;}
tr.odd td {background-color: #E9E9E9; padding: 5px;}
tr.foot td {background-color: #c2cdd6; padding: 5px; color:inherit; font-weight: bold;}
.errorMsg,.confirmMsg, .resultMsg { padding: .8em; text-align:center; margin-bottom: 1em; border: 2px solid #ddd;}
.errorMsg { background-color: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.confirmMsg { background-color: #FFF6BF; color: #817134; border-color: #FFD324; }
.resultMsg { background-color: #E6EFC2; color: #529214; border-color: #C6D880; }
.errorMsg a { background-color: transparent; color: #D12F19; }
.confirmMsg a { background-color: transparent; color: #817134; }
.successMsg a { background-color: transparent; color: #529214; }
.xoopsCode { background: #fff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0 6px 6px 6px; height: 200px; overflow: auto; font-size:.9em;}
.xoopsQuote { background: #fff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0 6px 6px 6px; font-size:.9em;}
blockquote {font-style : italic; line-height:1.4em;}
.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: .9em; color: #2A75C5; font-weight:bold; border: 1px solid #c0c0c0; background-color: #fff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2A75C5; font-weight:bold; font-size: .9em;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: .9em;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName a {color: #fff;}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: .8em;}
.comDateCaption {font-weight: bold; font-style: normal;}
/* add by kris for xoops 2.3.2 */
/*============== Styles for system_siteclosed.html (override system module) =================*/
#xo-siteclose {
width: 400px;
margin: 100px auto;
background-color: #e2e2e2;
padding: 30px;
color: #000;
font-size: 1.2em;
font-weight: bold;
text-align: center;
border: 1px solid #666;
}
#xo-userbar_siteclosed {
display: block;
background-color: inherit;
padding-top: 2px;
padding-right: 1em;
color: #fff;
font-size : .8em;
text-align : center;
}
#xo-userbar_siteclosed form {
display: inline;
padding: 0;
}
#xo-userbar_siteclosed input {
width: 50px;
background-color: transparent;
color: #fff;
font-size : .9em;
}
#xo-userbar_siteclosed input:hover {}
/*============== Styles for system_redirect.html (override system module) =================*/
#xo-redirect {
width: 780px;
margin: 50px auto;
padding: 1em;
font-weight: bold;
text-align: center;
}
#xo-redirect .notreload {
height: 28px;
background-color: inherit;
padding-top: 2px;
color: #000;
}
#xo-redirect .notreload a {
background-color: inherit;
color: #ff0000;
font-weight: bold;
text-decoration: none;
}
#xo-redirect .message {
min-height: 60px;
background-color: #f3f3f3;
padding: 1em;
color: #333;
font-size: 1.2em;
text-align: center;
border: solid 1px #666;
}
#xo-redirect .message img{ padding: 1em;}
.news-1 {
/* mise en forme pour le topic 1 */
background-color: #000 !important;
}
.news-2 {
/* mise en forme pour le topic 2 */
background-color: #ff0000 !important;
}
et sur la page html j ai mis sa , j ai avec est sans id="xo-canvas-content"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>">
<head>
<!-- Assign Theme name -->
<{assign var=theme_name value=$xoTheme->folderName}>
<!-- Title and meta -->
<meta http-equiv="content-language" content="<{$xoops_langcode}>" />
<meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
<title><{if $xoops_pagetitle !=''}><{$xoops_pagetitle}> - <{/if}><{$xoops_sitename}></title>
<meta name="robots" content="<{$xoops_meta_robots}>" />
<meta name="keywords" content="<{$xoops_meta_keywords}>" />
<meta name="description" content="<{$xoops_meta_description}>" />
<meta name="rating" content="<{$xoops_meta_rating}>" />
<meta name="author" content="<{$xoops_meta_author}>" />
<meta name="copyright" content="<{$xoops_meta_copyright}>" />
<meta name="generator" content="XOOPS" />
<!-- Rss -->
<link rel="alternate" type="application/rss+xml" title="" href="<{xoAppUrl backend.php}>" />
<!-- Favicon -->
<link rel="shortcut icon" type="image/ico" href="<{xoImgUrl icons/favicon.ico}>" />
<link rel="icon" type="image/png" href="<{xoImgUrl icons/favicon.png}>" />
<!-- Sheet Css -->
<link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoAppUrl xoops.css}>" />
<link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoImgUrl style.css}>" />
<!-- customized header contents -->
<{$xoops_module_header}>
</head>
<body>
<div id="xo-canvas-content" class="<{$xoops_dirname}>-<{$storytopic}>">
<!-- Start Header -->
<table cellspacing="0">
<tr id="header">
<td id="headerlogo"><a href="<{xoAppUrl /}>" title="<{$xoops_sitename}>"><img src="<{xoImgUrl xoops-logo.png}>" alt="<{$xoops_sitename}>" /></a></td>
<td id="headerbanner"><{$xoops_banner}></td>
</tr>
<tr>
<td id="headerbar" colspan="2"> </td>
</tr>
</table>
<!-- End header -->
<table cellspacing="0">
<tr>
<!-- Start left blocks loop -->
<{if $xoops_showlblock}>
<td id="leftcolumn">
<{foreach item=block from=$xoBlocks.canvas_left}>
<{includeq file="$theme_name/theme_blockleft.html"}>
<{/foreach}>
</td>
<{/if}>
<!-- End left blocks loop -->
<td id="centercolumn">
<!-- Display center blocks if any -->
<{if $xoBlocks.page_topleft or $xoBlocks.page_topcenter or $xoBlocks.page_topright}>
<table cellspacing="0">
<tr>
<td id="centerCcolumn" colspan="2">
<!-- Start center-center blocks loop -->
<{foreach item=block from=$xoBlocks.page_topcenter}>
<{includeq file="$theme_name/theme_blockcenter_c.html"}>
<{/foreach}>
<!-- End center-center blocks loop -->
</td>
</tr>
<tr>
<td id="centerLcolumn">
<!-- Start center-left blocks loop -->
<{foreach item=block from=$xoBlocks.page_topleft}>
<{includeq file="$theme_name/theme_blockcenter_l.html"}>
<{/foreach}>
<!-- End center-left blocks loop -->
</td>
<td id="centerRcolumn">
<!-- Start center-right blocks loop -->
<{foreach item=block from=$xoBlocks.page_topright}>
<{includeq file="$theme_name/theme_blockcenter_r.html"}>
<{/foreach}>
<!-- End center-right blocks loop -->
</td>
</tr>
</table>
<{/if}>
<!-- End center top blocks loop -->
<!-- Start content module page -->
<div id="content"><{$xoops_contents}></div>
<!-- End content module -->
<!-- Start center bottom blocks loop -->
<{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomright or $xoBlocks.page_bottomcenter}>
<table cellspacing="0">
<{if $xoBlocks.page_bottomcenter}>
<tr>
<td id="bottomCcolumn" colspan="2">
<{foreach from=$xoBlocks.page_bottomcenter item=block}>
<{include file="$theme_name/theme_blockcenter_c.html"}>
<{/foreach}>
</td>
</tr>
<{/if}>
<{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomright}>
<tr>
<td id="bottomLcolumn">
<{foreach from=$xoBlocks.page_bottomleft item=block}>
<{include file="$theme_name/theme_blockcenter_l.html"}>
<{/foreach}>
</td>
<td id="bottomRcolumn">
<{foreach from=$xoBlocks.page_bottomright item=block}>
<{include file="$theme_name/theme_blockcenter_r.html"}>
<{/foreach}>
</td>
</tr>
<{/if}>
</table>
<{/if}>
<!-- End center bottom blocks loop -->
</td>
<{if $xoops_showrblock}>
<td id="rightcolumn">
<!-- Start right blocks loop -->
<{foreach item=block from=$xoBlocks.canvas_right}>
<{includeq file="$theme_name/theme_blockright.html"}>
<{/foreach}>
<!-- End right blocks loop -->
</td>
<{/if}>
</tr>
</table>
<!-- Start footer -->
<table cellspacing="0">
<tr id="footerbar">
<td><{$xoops_footer}></td>
</tr>
</table>
<!-- End footer -->
<!--{xo-logger-output}-->
</div>
</body>
</html>
voila merci je te remerci pour ton aide , en esperent que tu trouve merci de ta patience edit kris : re ...
Posté le : 16/01/2009 05:05
|
|
|
|
|
Re: couleur d un arcticle , juste la barre |
|
Semi pro Inscrit: 16/12/2008 16:38
|
bonjour un petit up merci
Posté le : 16/01/2009 16:32
|
|
|
|
|
Re: couleur d un arcticle , juste la barre |
|
Supporter Xoops  
Inscrit: 09/01/2005 13:37
De Breizh
|
bonjour,
lien vers le site ou un petit screenshot
@+
Posté le : 16/01/2009 17:35
|
|
La connaissance s'accroît quand on la partage ...
|
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.
|
