| Re: Affichages vertical au lieu d' horizontal |
Titre du sujet : Re: Affichages vertical au lieu d' horizontal
par eparcyl92 sur 05/01/2010 20:00:48
Bonsoir Kris,
C'est le theme kris111 transformé pour le site de poiscaille que je viens de passer en 2.4.3
Voici le style.css, si tu veux le thème, je te l'envoi zippé.
@import url(forms.css);
@import url(blocks.css);
@import url(content.css);
html, body {
margin: 0px;
padding: 0px 10px;
font-size: 10pt;
font-family: "Lucida Grande", Verdana, sans-serif;
background-color: #0C0402;
color: #C7A312;
}
table { width: 100%;}
table td {
padding: 0;
border-width: 0;
vertical-align: top;
}
#xo-canvas {
max-width: 1024px;
margin: auto;
color: #333;
background: url(img/hot.jpg) no-repeat fixed top left;
/* max-width hack for IE since it doesn't understand the valid css property */
/* width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");
max-width: 1000px;
margin: 0 auto;*/
}
body.theme-dialog #xo-canvas {
margin: 0px 6px;
}
/* ---------- Bannières ---------- */
#xo-banner {
color: #666;
clear: both;
/* Use relative pos to ensure the banner ad img/flash is relative to the header */
position: relative;
z-index: 100;
width: 100%;
height: 140px;
/* ***** Modif Burning ***** : ajout de l'image de fond (cas où la bannière publicitaire est désactivée) */
/*background-color: inherit;*/
background-color: transparent;
background-image: url(familly-carpe-bandeau.jpg);
background-position: top left;
background-repeat: no-repeat;
}
#xo-banner.commercial {
height: 140px;
/* ***** Modif Burning ***** : ajout de l'image de fond (cas où la bannière publicitaire est désactivée) */
background-color: transparent;
background-image: url(familly-carpe-bandeau.jpg);
background-position: top left;
background-repeat: no-repeat;
}
body.theme-dialog #xo-banner {
padding-top: 6px;
padding-left: 10px;
height: 48px;
}
/* Keep the ad img centered by using auto-margins and centeredcontainer/leftalignedchild on MSIE */
#xo-banner-ad {
position: absolute;
/* ***** Modif Burning ***** : repositionnement de la bannière publicitaire pour éviter le chevauchement avec le panneau "Family carpe No Kill" ***** */
/* ***** A revoir : léger chevauchement quand même... la publicité pourrait être placée sous le globalnav ? ******* */
/*top: 10px;
right: 35px;*/
top: 0px;
right: 0px;
}
#xo-banner-ad object, #xo-banner-ad img {
display: block;
}
/*---------------------- Nom du site dans le header ----------------------------*/
/****** Note : pour masquer le titre et le slogan du site :
• soit tu saisies display: none;
• soit tu supprimes dans theme.html
<a id="xo-site-title" class="commercial" href="<{xoAppUrl /}>">Familly Carpe</a>
<div id="xo-site-slogan">"No Kill"</div>
******* */
#xo-site-title {
float: left;
/* ***** Modif Burning ***** : transparence impérative + coloration du titre en blanc (sinon le tire est en rouge sur rouge :( ***** */
/*color: #CE4713;
background: inherit;*/
background-color: transparent;
color: #fff;
text-decoration: none;
font-size: 2.2em;
font-weight: bold;
margin: 70px 40px 0 0;
font-family: "Lucida Grande","Trebuchet MS", Verdana, sans-serif;
}
/* ***** Modif Burning ***** : coloration au survol du titre ***** */
a#xo-site-title.commercial:hover {
/*#xo-site-title .commercial a:hover {*/
color: #eee;
}
/*#xo-site-title h1 {
clear: both;
padding: 10px 0 0 15px;
margin: 10px 50px;
font-size: 2.2em;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #D2D2D2;
}*/
#xo-site-title.commercial {/* ****** Burning - Pas de différence avec la version sans bannière **** */}
/*#xo-site-title h1 a:hover {
text-decoration: none !important;
}*/
/*----------------------- titre du slogan du site dans le header ------------------------*/
#xo-site-slogan {
clear: both;
float: left;
font-style: italic;
/* ***** Modif Burning ***** : transparence + déplacement du slogan + coloration en blanc ***** */
/*color: #E79525;
margin: 10px 40px 0 0;
background: inherit;*/
background-color: transparent;
margin: 0 0 0 65px;
color: #fff;
}
/*------------------------ Affichage du logo ----------------------------*/
#xo-main-logo {
color: #666;
padding-left: 10px;
background: inherit;
}
/*-------- Affichage des champs de saisie dans le header-----------*/
#xo-banner form {
margin: 0px;
display: inline;
}
#xo-banner input {
color: #333;
width: 8em;
background: inherit;
margin: 0px 0px 0px 2px;
}
/*============== Styles pour l'include userbar.html =================*/
/* ************ Pas la place pour le userbar.html dans le header : les icônes se superposent avec l'illustration
/* ************* Solution : déplacement du userbar au sommet de la page : cela implique la modification de theme.html et la création d'un calque supplémentaire (calque-au-sommet)*/
#calque-au-sommet {
padding: 5px;
height: 25px;
margin: 0 50px 0 63px;
}
#xo-userbar {
color: #CE4713;
text-align: right;
/* ***** Modif Burning ***** : méthode de position du calque passée en relative ***** */
/*position: absolute;
bottom: 1px;
right: 2em;*/
position: relative;
/* ***** Modif Burning ***** : transparence ***** */
/*background: inherit;*/
background-color: transparent;
}
#xo-userbar form {
display: inline;
padding: 0px;
}
#xo-userbar button {
margin: 0px -3px;
border: 0px none;
padding: 0px;
background: transparent none;
}
#xo-userbar button img {
width: 18px;
height: 18px;
}
#xo-userbar img {
width: 18px;
height: 18px;
}
#xo-userbar input {
color: #C7A312;
background: inherit;
}
#xo-userbar a {
text-decoration: none;
background-color: inherit;
color: #E79525;
}
#xo-uname {
color: #E79525;
font-size: 1.1em;
font-weight: bold;
background: inherit;
}
/*============= Style pour l'include globalnav.html ================*/
#xo-globalnav {
color: #E79525;
margin: 0px;
background: inherit;
padding: 2px 45px 0px;
min-height: 20px;
font-size: 1.1em;
font-weight: bold;
list-style-type: none;
}
* html #xo-globalnav { height: 20px; }
#xo-globalnav .x2-label {
display: none;
}
#xo-globalnav li {
font-size: .9em;
display: inline;
margin: 0px;
padding-left: .5em;
padding-right: .5em;
}
#xo-globalnav a {
color: #C7A312;
text-decoration: none;
background-color: inherit;
}
#xo-globalnav a:hover {
color: #CE4713;
text-decoration: none;
background-color: inherit;
}
/*=============== Affichage Pied de page - Footer ====================*/
#xo-footer {
text-align: center;
padding: .5em;
font-size: .8em;
color: #ccc;
margin: 0px;
background-color: inherit;
}
body.theme-dialog #xo-footer { padding: .2em .5em; font-size: .8em;}
#xo-footer a {
color: #fff;
font-weight: 600;
text-decoration: none;
background-color: inherit;
}
#xo-footer a:hover {
color: #fff;
font-weight: normal;
text-decoration: underline;
background-color: inherit;
}
/*================= Zone de contenu ===================*/
#xo-canvas-content {
margin-top: 10px;
background-color: inherit;
padding: 2px;
}
#xo-page {
background: inherit;
}
#xo-canvas-rightcolumn {padding: .5em;}
#xo-content {
clear: both;
padding: .5em;
margin: 0px;
color: #C7A312;
background: inherit;
}
#xo-logger-output {font-size: .8em;}
/*========== Menu principal dans bloc =============*/
#mainmenu a {
color: #E79525 !important;
display: block;
margin: 0px;
padding: 1px;
font-weight: 700;
font-variant: small-caps;
background-color: inherit;
text-decoration: none;
}
#mainmenu a:hover {
color: #CE4713 !important;
text-decoration: none !important;
background-color: inherit;
background: url(img/bullet.gif) no-repeat -10px;
}
#mainmenu a.menuTop, #mainmenu a.menuMain {padding-left: 8px; }
#mainmenu a.menuSub {
color: #fff !important;
padding-left: 15px;
font-size: .7em;
font-weight: normal;
font-style: italic;
background-color: inherit;
background-image: none;
font-variant: normal;
}
#mainmenu a.menuSub:hover {
color: #E79525 !important;
background-color: inherit;
}
/*============ Menu utilisateur dans bloc ============*/
#usermenu a {
display: block;
margin: 0;
padding: 2px;
color: #E79525;
font-style: italic;
font-size: 0.8em;
line-height: 1em;
background-color: inherit;
text-align: left;
}
#usermenu a:hover {
color: #CE4713;
font-style: italic;
text-decoration: none !important;
text-align: left;
border-left: 1px solid #CE4713;
border-bottom: 1px solid #CE4713;
background-color: inherit;
}
#usermenu a.menuTop {}
#usermenu a.highlight {
background-color: #333;
color: #ccc;
}
div.xoopsCode {
background-color: transparent;
font-size: 12px;
border: 1px inset #000080;
font-family: Courier New,Courier,monospace;
padding: 0 10px 10px 10px;
max-width: 550px;
overflow: auto;
}
div.xoopsQuote {
background-color: transparent;
font-size: 12px;
border: 1px inset #000080;
font-family: Courier New,Courier,monospace;
padding: 0 10px 10px 10px;
max-width: 550px;
overflow: auto;
}
/*=========== Règles nécessaires pour les anciens templates des modules ============*/
#usermenu a, #mainmenu a { display: block;}
.xo-canvas-column .menuSub { padding-left: 1em;}
Bonne soirée
|
|
