Fork me on GitHub






Modern_red en 100% et moins de bordures
Aspirant
Inscrit: 29/07/2004 13:56
De Valencin
Messages: 36
Salut,
Voila, j'adore le thème modern_red mais je souhaiterai le passer en largeur 100% ... et je suis pas du tout a l'aise avec le fichier css du thème.
Quelqu'un peut m'aider ou l'a déjà fait ?
Aussi, dans les blocs centraux se souhaiterai virer une bordure/cadre ...
Merci d'avance,

Posté le : 21/02/2011 22:42
Partager Twitter Partagez cette article sur GG+
Re: Modern_red en 100% et moins de bordures
Supporter Xoops
Inscrit: 17/12/2005 01:41
De Alpes Maritimes
Messages: 1681
Il faut aussi modifier les fichiers images en plus du css

Posté le : 21/02/2011 22:55
Partager Twitter Partagez cette article sur GG+
Re: Modern_red en 100% et moins de bordures
Aspirant
Inscrit: 29/07/2004 13:56
De Valencin
Messages: 36
Merci
J'ai pas l'impression qu'elles soient trop impactées sur ce thème ... Au pire ça je m'en occuperai ...

Un peu d'aide supplémentaire serait la bienvenue ... au moins une petite explication sur les parties, car a taton c'est pas joli le résultat ...
y a t il une partie "générale" ?
$Je suppose qu'il faut mettre a 100% les blocs du centre et le thème en général ... mais quels sont les noms de ces parties ???

Merci d'avance,

Posté le : 24/02/2011 22:54
Partager Twitter Partagez cette article sur GG+
Re: Modern_red en 100% et moins de bordures
Régulier
Inscrit: 04/04/2008 22:51
Messages: 209
Bonsoir

Vous devez principalement agir sur le fichier style.css

Citation :
#wrapper {
/*width: 1000px;*/
width: 100%;
margin: auto;
padding: 10px;
margin-top: 20px;
}


Citation :
#header {
/*width: 980px;*/
width: 100%;
height: 150px;
background: url(../images/header.png);
padding: 10px 10px 10px 11px;
}


Citation :
#navigation {
/*margin-top: 54px;*/
margin: 54px 15px 0 15px;
/*background: url(../images/bg-nav.png);*/
background: url(../images/bg-nav.png) repeat-x top left;
/*width: 979px;*/
width: 100%;
float: left;
height: 28px;
border-top: 2px solid #CCC;
border-bottom: 2px solid #CCC;
}


Citation :
#contentWrapper, #contentWrapper1, #contentWrapper2, #contentWrapper3 {
/*width: 970px;*/
margin: 0 15px;
padding: 5px 15px 5px 15px;
/*background: url(../images/bg-contentWrapper.png);*/
border: 1px solid #741414;

}


Citation :
#contentWrapper1 #content {
float: left;
/*width: 550px;*/
padding: 5px;
}
#contentWrapper2 #content {
float: left;
/*width: 750px;*/
padding: 5px;
}
#contentWrapper3 #content {
float: right;
/*width: 750px;*/
padding: 5px;
}


Citation :
#contentWrapper1 #centerblocks .centerblocks-center {
/*width: 550px;*/
margin-bottom: 10px;
}
#contentWrapper2 #centerblocks .centerblocks-center {
/*width: 750px;*/
margin-bottom: 10px;
}
#contentWrapper3 #centerblocks .centerblocks-center {
/*width: 750px;*/
margin-bottom: 10px;
}


Citation :

#footer {
background: url(../images/bg-footer.png);
text-align: center;
/*width: 1000px;*/
width: 100%;
height: 15px;
}
#xo-logger-output {
/*width: 1010px;*/
width: 100%;
margin: auto;
}


Ces modifications sont indicatives : elles vous montrent où il faut intervenir. Il y a certainement d'autres fichiers à modifier (images, fichier theme.html, ...).

Si cela s'avère trop compliqué, pourquoi ne pas partir d'un thème plus simple. Il existe des gabarits plus ou moins complexes sur cette page : http://sourceforge.net/projects/xoofo ... hemes/interface_publique/
(xoops_thm_simple, xoops_thm_xdt_standard_v1.0, ...)

Posté le : 24/02/2011 23:18
Partager Twitter Partagez cette article sur GG+
Re: Modern_red en 100% et moins de bordures
Aspirant
Inscrit: 29/07/2004 13:56
De Valencin
Messages: 36
Merci, ça c'est ce que j'appelle de l'aide !
Je vais regarder tout ça ...
Merci encore ...

Posté le : 25/02/2011 19:03
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant




Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

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