Des nouveaux thèmes à disposition
Section ressources
Créations de Thèmes
Visiteur
C'est avec plaisir que l'équipe graphique vous annonce l'arrivée de 5 nouveaux thèmes dans la section Ressources de PHPBoost!
- Le thème Bubble
- Le thème Medusa
- Le thème Simply Green
- Le thème Simply Pink
- Le thème Simply Blue
N'hésitez pas à y laisser vos commentaires et à voter pour vos thèmes favoris.
Vos impressions nous intéressent. Merci pour votre patience
Édité par Visiteur Le 26/08/2009 à 00h51
infoking1 Membre non connecté
-
Booster Missile
- Voir le profil du membre infoking1
- Inscrit le : 29/09/2008
- Site internet
- Groupes :
Ce qui est dommage c'est que l'on ne puisse pas agrandir les miniatures en plein écran.
chulukai Membre non connecté
-
Booster Roquette
- Voir le profil du membre chulukai
- Inscrit le : 30/12/2008
- Site internet
Encore bravo pour ces beau thèmes Swan, au sujet du thème Bubble, est-il possible d'agrandir les conteneurs ? qui malheureusement est trop étroit pour mon site. J'ai voulu agrandir le conteneur global du site ce qui défait tous le site, les modules sortant du conteneur.
Encore bravo à l'équipe graphique
Visiteur
chulukai Membre non connecté
-
Booster Roquette
- Voir le profil du membre chulukai
- Inscrit le : 30/12/2008
- Site internet
swan :
Je n'ai pas touché au ptl propre. Peux-tu faire un screen ?
Un screen de quoi ? si c'est à moi que tu t'adresse.
Merci
Visiteur
y a du fret ou ou
non sans rire tu parle des bloc de menu ou du central ?
chulukai Membre non connecté
-
Booster Roquette
- Voir le profil du membre chulukai
- Inscrit le : 30/12/2008
- Site internet
swan :Je n'ai pas touché au ptl propre. Peux-tu faire un screen ?
Si je crois comprendre ta demande je vais te montré deux screens
Le premier avec la configuration par défaut. Mon adsense déborde du cadrage.
Caché :
Deuxième image j'ai modifié le width du conteneur en mettant 1200px au lieu de 1000px dans design.css
Citation :Conteneurs
--------------------------------------*/
/* ##### Conteneur global du site ###### */
div#global {
background:transparent url(images/global.png) repeat-y scroll 0 0;
margin:auto;
width:1200px;
Voilà ce que ça donne
Caché :
Alors je me demande comment procédé pour avoir la bonne configuration.
Merci
Édité par chulukai Le 26/08/2009 à 19h42
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
chulukai Membre non connecté
-
Booster Roquette
- Voir le profil du membre chulukai
- Inscrit le : 30/12/2008
- Site internet
ReidLos :
tu pourrait nous montrer ton content.css s'il te plaît ?
Voilà
Caché :
/* --------------------------------------
content.css
Contient les formulaires, les modules (et modules minis), et messages.
--------------------------------------*/
table {
border-spacing:0px;
border-collapse:collapse;
}
/* Conteneur */
div.block_container {
width:auto;
margin:10px auto;
}
div.block_contents {
background:#C3E1FF url(images/msg_info_mbr.png) repeat-x scroll 0 0;
width:auto;
padding:10px;
border-top:1px solid #789FC7;
text-align:justify;
}
/* Entête de conteneur et des tableaux */
div.block_top, table tr:first-child th {
padding:5px 6px;
color:#FFFFFF;
background:#67B2EB url(images/msg_top_row.png) repeat-x scroll 0 0;
text-align:left;
font-size:0.75em;
font-weight:bold;
text-transform:uppercase;
}
.block_top {
margin-top:-1px;
-moz-border-radius:4px 4px 0px 0px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
table th:first-child{
-moz-border-radius-topleft:4px;
-khtml-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
border-radius:5px;
}
table th:last-child{
-moz-border-radius-topright:4px;
-khtml-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
border-radius:5px;
}
hr {
background:#789FC7;
border:none;
margin:1px auto;
height:1px;
width:99%;
}
ul.list {
text-align:left;
margin-left:20px;
list-style-image: url(images/li.png)
}
/* Titres */
h1 {
color:#5C5C5C;
font-size:18px;
}
h2.title {
font-size:16px;
font-weight:bold;
}
/* Titres */
h3.title {
color:#FFFFFF;
font-family:georgia,prestige,sans-serif;
font-size:15px;
font-weight:bold;
display:inline;
}
/* Sous-Titres */
h5.sub_title { /* Titre des menu */
/*border-bottom:1px solid #747474;*/
color:#3F4A69;
font-size:12px;
height:23px;
}
h6.sub_title2 { /* Sous titre dans les menu */
font-size:12px;
font-weight:bold;
padding-top:4px;
text-indent:10px;
width:155px;
height:32px;
color:#3F4A69;
}
/* Formulaires
--------------------------------------*/
.fieldset_mini {
width:540px;
margin:auto;
margin-top:20px;
}
input, textarea, optgroup, select, .xmlhttprequest_preview{
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,'Bitstream Vera Sans',Times,serif;
font-size:11px;
vertical-align:middle;
border-left:1px solid #6993AE;
border-top:1px solid #6993AE;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
background-color:#FFFFFF;
color:#2E3B5F;
padding:1px 2px;
}
input:hover, textarea:hover{
border:1px solid #789FC7;
background-color:#FFFFFF;
}
input:focus, textarea:focus{
border:1px solid #0B6ABF;
background-color:#f5fbff;
}
fieldset textarea.post {
width:90%;
display:inline;
}
textarea {
display:block;
width:94%;
margin:auto;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
input.text{
padding:2px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
}
input.submit{
padding:1px 2px;
font-family:Verdana, 'Bitstream Vera Sans', Times, serif;
border:1px solid #515C68;
border-top:1px solid #8498ae;
color:#3F4A69;
font-weight:bold;
font-size:10px;
background:#A9CEE9 url(images/form.png) repeat-x;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
input[type=checkbox] {
border:none;
background:none;
}
input.file{
border:1px solid #515C68;
border-top:1px solid #8498ae;
color:#2E3B5F;
padding:1px;
font-weight:bold;
font-size:10px;
}
input.reset{
padding:1px 2px;
font-family:Verdana, 'Bitstream Vera Sans', Times, serif;
border:1px solid #515C68;
border-top:1px solid #8498ae;
color:#E10000;
font-weight:bold;
font-size:10px;
background:url(images/form.png) repeat-x;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
input.reset:hover, input.submit:hover{
border:1px solid #11365f;
cursor:pointer;
color:#3776ba;
}
optgroup, select{
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,'Bitstream Vera Sans',Times,serif;
cursor:pointer;
vertical-align:middle;
width:auto;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
}
optgroup {
font-weight:bold;
border:none;
border-bottom:1px solid #5B5A5A;
}
option {
padding:0px 3px;
}
legend {
padding:1px 0;
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,'Bitstream Vera Sans',Times,serif;
font-size:0.85em;
font-weight:bold;
background:#D2E3F1;
border:1px solid #789FC7;
padding:2px 10px;
margin-top:-0.4em;
margin-left:0.5em;
position:relative;
text-transform:none;
line-height:1.5em;
color:#333333;
top:0;
vertical-align:middle;
text-transform:uppercase;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
}
* html legend {
margin:0 0 -10px -7px;
line-height:1em;
font-size:.85em;
}
fieldset{
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,'Bitstream Vera Sans',Times,serif;
margin:20px 0;
padding:6px;
border:1px solid #789FC7;
color: #646463;
background:#DEEBF8;
position:relative;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
fieldset.fieldset_submit{
margin-top:-10px;
padding-bottom:15px;
width:99%;
text-align:center;
background:none;
border:none;
}
fieldset.fieldset_submit legend {
display:none;
}
fieldset dl {
height:1%;
overflow:hidden;
margin-bottom:16px;
font-size:11px;
}
fieldset dl.overflow_visible {
overflow:visible;
}
html>body fieldset dl {
height:auto;
min-height:20px;
}
fieldset dt {
width:45%;
text-align:left;
padding-top:3px;
}
fieldset dd {
margin:0 0 0 45%;
padding:0 0 0 5px;
border:none;
vertical-align
;
font-size:11px;
}
dt {
float:left;
width:auto;
}
dt span {
padding:0 5px 0 0;
}
label {
cursor:pointer;
}
fieldset label {
font-size:11px;
text-align:left;
font-weight:bold;
color:#1F507F;
}
dd label {
white-space:nowrap;
margin:0 10px 0 0;
font-weight:normal;
color:#476A7F;
}
dt span {
font-size:10px;
color:#476A7F;
}
label img {
vertical-align:middle;
}
fieldset dl dd label:hover {
color:#183A4F;
}
/* Messages postés par les membres (messages privés, commentaires, etc...)
--------------------------------------*/
/* Classe du lien du pseudo des messages */
a.msg_link_pseudo {
font-size:11px;
color:#2E75BD;
font-weight:bold;
}
a.msg_link_pseudo:hover {
color:#f2fbff;
font-weight:bold;
}
.msg_position { /* Conteneur des messages */
width:98%;
margin:auto;
background:#C3E1FF url(images/border.png) repeat-y left;
}
.msg_container,.msg_container2 {
/* Case contenant l'ensemble du message */
background:#C3E1FF url(images/border.png) repeat-y right;
margin-left:1px;
overflow:hidden !important;
height:auto !important;
overflow:visible;
height:1%;
clear:both;
}
.msg_container2 {
/* Case contenant l'ensemble du message => Couleur alternative */
background:#D3E9FF url(images/border.png) repeat-y right;
}
/* Barre supérieur des messages */
.msg_top_l{
margin-right:0px !important;
margin-right:-3px;
width:29px;
height:34px;
background:url(images/msg_top_l.png) no-repeat left;
float:left;
}
.msg_top_r{
margin-left:0px !important;
margin-left:-3px;
width:21px;
height:34px;
background:url(images/msg_top_r.png) no-repeat right;
float:right;
}
.msg_top {
height:25px;
background:url(images/msg_top.png) repeat-x;
padding-left:6px;
margin-left:20px;
margin-right:15px;
padding-top:9px;
padding:5px;
text-indent:0px;
color:#2E75BD;
font-weight:normal;
border-bottom:none;
}
.msg_top a {
color:#FFFFFF;
}
.msg_pseudo_mbr { /* Pseudo du membre */
width:127px;
background:#5D7C94 url(images/msg_top_row.png) repeat-x;
padding:2px 4px;
float:left;
margin-right:0px !important;
margin-right:-3px;
margin-left:-127px !important;
margin-left:-64px;
margin-top:-4px;
}
.msg_top_row {
/* Case au dessus du message, indique la date et les boutons d'administration */
height:16px;
background:#5D7C94 url(images/msg_top_row.png) repeat-x;
font-size:11px;
color:#2E75BD;
margin-right:1px;
border-top:1px solid #325889;
border-bottom:1px solid #325889;
padding-top:4px;
padding-left:127px;
overflow:hidden !important;
height:auto !important;
overflow:visible;
height:1%;
}
.msg_info_mbr { /* Case des informations du membre */
background:#C3E1FF url(images/msg_info_mbr.png) repeat-x scroll 0 0;
width:127px;
padding:4px;
float:left;
font-size:10px;
border-right:1px dotted #C4CED6;
}
.msg_contents_container {
/* Case contenant l'ensemble du message, infos membre + contenu */
margin-right:1px;
background:#C3E1FF;
}
.msg_contents,.msg_contents2 { /* Case du message */
margin-left:135px;
background:#C3E1FF url(images/msg_info_mbr.png) repeat-x scroll 0 0;
padding:0px 5px;
border-left:1px dotted #C4CED6;
}
.msg_contents2 { /* Case du message => Couleur alternative */
background:#D3E9FF url(images/msg_info_mbr.png) repeat-x scroll 0 0;
}
.msg_contents_overflow {
/* Case du contents du message, évite que les images trop grandes déforme */
width:99%;
height:auto;
min-height:80px;
overflow:auto;
padding:10px 0px;
}
.msg_sign,.msg_sign2 { /* Signature du membre */
background:#C3E1FF url(images/border.png) repeat-y right;
padding:4px;
font-size:11px;
margin-left:136px;
border-left:1px dotted #C4CED6;
}
.msg_sign2 { /* Signature du membre => Couleur alternative */
background:#D3E9FF url(images/border.png) repeat-y right;
}
.msg_sign_overflow { /* Signature du membre, fixe la hauteur maximale */
height:auto !important;
height:80px;
width:99%;
max-height:80px;
max-width:99%;
overflow:hidden;
}
.msg_bottom_l { /* Barre inférieure des messages */
background:transparent url(images/msg_bottom_l.png) no-repeat scroll left center;
float:left;
height:32px;
margin-right:0 !important;
width:14px;
}
.msg_bottom_r {
background:transparent url(images/msg_bottom_r.png) no-repeat scroll right center;
float:right;
height:32px;
margin-left:0 !important;
width:14px;
}
.msg_bottom {
height:30px;
background:url(images/msg_bottom.png) repeat-x;
padding-top:2px;
padding-left:6px;
margin-left:8px !important;
margin-left:0px;
margin-right:8px !important;
margin-right:0px;
font-size:12px;
}
/* Modules
--------------------------------------*/ /* Conteneur des modules */
.module_position {
width:98%;
margin:auto;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
background:transparent url(images/news_content.png) no-repeat scroll center top;
border:1px solid #789FC7;
margin:auto auto 30px;
/*width:96%;*/
}
.module_top_l { /* Barre supérieure des modules */
}
.module_top_r {
}
.module_top {
color:#3F4A69;
font-size:14px;
font-weight:bold;
height:18px;
padding:5px;
text-indent:10px;
}
.module_top a {
}
.module_contents { /* Contenu des modules */
padding:20px 15px;
padding-bottom:15px;
clear:both;
text-align:justify;
}
.module_bottom_l { /* Barre inférieure des modules */
}
.module_bottom_r {
}
.module_bottom {
height:22px;
padding-top:2px;
padding-left:6px;
font-size:12px;
}
/* Tableau global, utilisé dans les différents modules */
.module_table {
width:98%;
margin:auto;
background:transparent url(images/msg_info_mbr.png) repeat-x scroll 0 0;
border-spacing:0px;
border-collapse:separate;
padding:0px;
border:1px solid #789FC7;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
*+html .module_table { /* Hack ie7 */
border-collapse:collapse;
}
/* Modules minis
--------------------------------------*/
.module_mini_container { /*Placement des mini modules */
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
background:#C3E1FF url(images/contentbg.png) repeat-x scroll 0 0;
border:1px solid #789FC7;
border-spacing:8px;
margin:0 0 10px 4px;
width:180px;
}
.module_mini_top {
font-weight:bold;
height:24px;
margin-top:9px;
text-align:center;
}
.module_mini_contents {
border-top:none;
border-bottom:none;
text-align:center;
padding:4px;
padding-top:5px;
padding-bottom:0px;
}
.module_mini_bottom { /* Bordure inférieure des modules minis */
height:15px;
}
.label {
font-weight:bold;
font-size:11px;
color:#476a7f;
}
content.css
Contient les formulaires, les modules (et modules minis), et messages.
--------------------------------------*/
table {
border-spacing:0px;
border-collapse:collapse;
}
/* Conteneur */
div.block_container {
width:auto;
margin:10px auto;
}
div.block_contents {
background:#C3E1FF url(images/msg_info_mbr.png) repeat-x scroll 0 0;
width:auto;
padding:10px;
border-top:1px solid #789FC7;
text-align:justify;
}
/* Entête de conteneur et des tableaux */
div.block_top, table tr:first-child th {
padding:5px 6px;
color:#FFFFFF;
background:#67B2EB url(images/msg_top_row.png) repeat-x scroll 0 0;
text-align:left;
font-size:0.75em;
font-weight:bold;
text-transform:uppercase;
}
.block_top {
margin-top:-1px;
-moz-border-radius:4px 4px 0px 0px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
table th:first-child{
-moz-border-radius-topleft:4px;
-khtml-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
border-radius:5px;
}
table th:last-child{
-moz-border-radius-topright:4px;
-khtml-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
border-radius:5px;
}
hr {
background:#789FC7;
border:none;
margin:1px auto;
height:1px;
width:99%;
}
ul.list {
text-align:left;
margin-left:20px;
list-style-image: url(images/li.png)
}
/* Titres */
h1 {
color:#5C5C5C;
font-size:18px;
}
h2.title {
font-size:16px;
font-weight:bold;
}
/* Titres */
h3.title {
color:#FFFFFF;
font-family:georgia,prestige,sans-serif;
font-size:15px;
font-weight:bold;
display:inline;
}
/* Sous-Titres */
h5.sub_title { /* Titre des menu */
/*border-bottom:1px solid #747474;*/
color:#3F4A69;
font-size:12px;
height:23px;
}
h6.sub_title2 { /* Sous titre dans les menu */
font-size:12px;
font-weight:bold;
padding-top:4px;
text-indent:10px;
width:155px;
height:32px;
color:#3F4A69;
}
/* Formulaires
--------------------------------------*/
.fieldset_mini {
width:540px;
margin:auto;
margin-top:20px;
}
input, textarea, optgroup, select, .xmlhttprequest_preview{
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,'Bitstream Vera Sans',Times,serif;
font-size:11px;
vertical-align:middle;
border-left:1px solid #6993AE;
border-top:1px solid #6993AE;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
background-color:#FFFFFF;
color:#2E3B5F;
padding:1px 2px;
}
input:hover, textarea:hover{
border:1px solid #789FC7;
background-color:#FFFFFF;
}
input:focus, textarea:focus{
border:1px solid #0B6ABF;
background-color:#f5fbff;
}
fieldset textarea.post {
width:90%;
display:inline;
}
textarea {
display:block;
width:94%;
margin:auto;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
input.text{
padding:2px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
}
input.submit{
padding:1px 2px;
font-family:Verdana, 'Bitstream Vera Sans', Times, serif;
border:1px solid #515C68;
border-top:1px solid #8498ae;
color:#3F4A69;
font-weight:bold;
font-size:10px;
background:#A9CEE9 url(images/form.png) repeat-x;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
input[type=checkbox] {
border:none;
background:none;
}
input.file{
border:1px solid #515C68;
border-top:1px solid #8498ae;
color:#2E3B5F;
padding:1px;
font-weight:bold;
font-size:10px;
}
input.reset{
padding:1px 2px;
font-family:Verdana, 'Bitstream Vera Sans', Times, serif;
border:1px solid #515C68;
border-top:1px solid #8498ae;
color:#E10000;
font-weight:bold;
font-size:10px;
background:url(images/form.png) repeat-x;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
input.reset:hover, input.submit:hover{
border:1px solid #11365f;
cursor:pointer;
color:#3776ba;
}
optgroup, select{
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,'Bitstream Vera Sans',Times,serif;
cursor:pointer;
vertical-align:middle;
width:auto;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
}
optgroup {
font-weight:bold;
border:none;
border-bottom:1px solid #5B5A5A;
}
option {
padding:0px 3px;
}
legend {
padding:1px 0;
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,'Bitstream Vera Sans',Times,serif;
font-size:0.85em;
font-weight:bold;
background:#D2E3F1;
border:1px solid #789FC7;
padding:2px 10px;
margin-top:-0.4em;
margin-left:0.5em;
position:relative;
text-transform:none;
line-height:1.5em;
color:#333333;
top:0;
vertical-align:middle;
text-transform:uppercase;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
}
* html legend {
margin:0 0 -10px -7px;
line-height:1em;
font-size:.85em;
}
fieldset{
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,'Bitstream Vera Sans',Times,serif;
margin:20px 0;
padding:6px;
border:1px solid #789FC7;
color: #646463;
background:#DEEBF8;
position:relative;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
fieldset.fieldset_submit{
margin-top:-10px;
padding-bottom:15px;
width:99%;
text-align:center;
background:none;
border:none;
}
fieldset.fieldset_submit legend {
display:none;
}
fieldset dl {
height:1%;
overflow:hidden;
margin-bottom:16px;
font-size:11px;
}
fieldset dl.overflow_visible {
overflow:visible;
}
html>body fieldset dl {
height:auto;
min-height:20px;
}
fieldset dt {
width:45%;
text-align:left;
padding-top:3px;
}
fieldset dd {
margin:0 0 0 45%;
padding:0 0 0 5px;
border:none;
vertical-align
;font-size:11px;
}
dt {
float:left;
width:auto;
}
dt span {
padding:0 5px 0 0;
}
label {
cursor:pointer;
}
fieldset label {
font-size:11px;
text-align:left;
font-weight:bold;
color:#1F507F;
}
dd label {
white-space:nowrap;
margin:0 10px 0 0;
font-weight:normal;
color:#476A7F;
}
dt span {
font-size:10px;
color:#476A7F;
}
label img {
vertical-align:middle;
}
fieldset dl dd label:hover {
color:#183A4F;
}
/* Messages postés par les membres (messages privés, commentaires, etc...)
--------------------------------------*/
/* Classe du lien du pseudo des messages */
a.msg_link_pseudo {
font-size:11px;
color:#2E75BD;
font-weight:bold;
}
a.msg_link_pseudo:hover {
color:#f2fbff;
font-weight:bold;
}
.msg_position { /* Conteneur des messages */
width:98%;
margin:auto;
background:#C3E1FF url(images/border.png) repeat-y left;
}
.msg_container,.msg_container2 {
/* Case contenant l'ensemble du message */
background:#C3E1FF url(images/border.png) repeat-y right;
margin-left:1px;
overflow:hidden !important;
height:auto !important;
overflow:visible;
height:1%;
clear:both;
}
.msg_container2 {
/* Case contenant l'ensemble du message => Couleur alternative */
background:#D3E9FF url(images/border.png) repeat-y right;
}
/* Barre supérieur des messages */
.msg_top_l{
margin-right:0px !important;
margin-right:-3px;
width:29px;
height:34px;
background:url(images/msg_top_l.png) no-repeat left;
float:left;
}
.msg_top_r{
margin-left:0px !important;
margin-left:-3px;
width:21px;
height:34px;
background:url(images/msg_top_r.png) no-repeat right;
float:right;
}
.msg_top {
height:25px;
background:url(images/msg_top.png) repeat-x;
padding-left:6px;
margin-left:20px;
margin-right:15px;
padding-top:9px;
padding:5px;
text-indent:0px;
color:#2E75BD;
font-weight:normal;
border-bottom:none;
}
.msg_top a {
color:#FFFFFF;
}
.msg_pseudo_mbr { /* Pseudo du membre */
width:127px;
background:#5D7C94 url(images/msg_top_row.png) repeat-x;
padding:2px 4px;
float:left;
margin-right:0px !important;
margin-right:-3px;
margin-left:-127px !important;
margin-left:-64px;
margin-top:-4px;
}
.msg_top_row {
/* Case au dessus du message, indique la date et les boutons d'administration */
height:16px;
background:#5D7C94 url(images/msg_top_row.png) repeat-x;
font-size:11px;
color:#2E75BD;
margin-right:1px;
border-top:1px solid #325889;
border-bottom:1px solid #325889;
padding-top:4px;
padding-left:127px;
overflow:hidden !important;
height:auto !important;
overflow:visible;
height:1%;
}
.msg_info_mbr { /* Case des informations du membre */
background:#C3E1FF url(images/msg_info_mbr.png) repeat-x scroll 0 0;
width:127px;
padding:4px;
float:left;
font-size:10px;
border-right:1px dotted #C4CED6;
}
.msg_contents_container {
/* Case contenant l'ensemble du message, infos membre + contenu */
margin-right:1px;
background:#C3E1FF;
}
.msg_contents,.msg_contents2 { /* Case du message */
margin-left:135px;
background:#C3E1FF url(images/msg_info_mbr.png) repeat-x scroll 0 0;
padding:0px 5px;
border-left:1px dotted #C4CED6;
}
.msg_contents2 { /* Case du message => Couleur alternative */
background:#D3E9FF url(images/msg_info_mbr.png) repeat-x scroll 0 0;
}
.msg_contents_overflow {
/* Case du contents du message, évite que les images trop grandes déforme */
width:99%;
height:auto;
min-height:80px;
overflow:auto;
padding:10px 0px;
}
.msg_sign,.msg_sign2 { /* Signature du membre */
background:#C3E1FF url(images/border.png) repeat-y right;
padding:4px;
font-size:11px;
margin-left:136px;
border-left:1px dotted #C4CED6;
}
.msg_sign2 { /* Signature du membre => Couleur alternative */
background:#D3E9FF url(images/border.png) repeat-y right;
}
.msg_sign_overflow { /* Signature du membre, fixe la hauteur maximale */
height:auto !important;
height:80px;
width:99%;
max-height:80px;
max-width:99%;
overflow:hidden;
}
.msg_bottom_l { /* Barre inférieure des messages */
background:transparent url(images/msg_bottom_l.png) no-repeat scroll left center;
float:left;
height:32px;
margin-right:0 !important;
width:14px;
}
.msg_bottom_r {
background:transparent url(images/msg_bottom_r.png) no-repeat scroll right center;
float:right;
height:32px;
margin-left:0 !important;
width:14px;
}
.msg_bottom {
height:30px;
background:url(images/msg_bottom.png) repeat-x;
padding-top:2px;
padding-left:6px;
margin-left:8px !important;
margin-left:0px;
margin-right:8px !important;
margin-right:0px;
font-size:12px;
}
/* Modules
--------------------------------------*/ /* Conteneur des modules */
.module_position {
width:98%;
margin:auto;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
background:transparent url(images/news_content.png) no-repeat scroll center top;
border:1px solid #789FC7;
margin:auto auto 30px;
/*width:96%;*/
}
.module_top_l { /* Barre supérieure des modules */
}
.module_top_r {
}
.module_top {
color:#3F4A69;
font-size:14px;
font-weight:bold;
height:18px;
padding:5px;
text-indent:10px;
}
.module_top a {
}
.module_contents { /* Contenu des modules */
padding:20px 15px;
padding-bottom:15px;
clear:both;
text-align:justify;
}
.module_bottom_l { /* Barre inférieure des modules */
}
.module_bottom_r {
}
.module_bottom {
height:22px;
padding-top:2px;
padding-left:6px;
font-size:12px;
}
/* Tableau global, utilisé dans les différents modules */
.module_table {
width:98%;
margin:auto;
background:transparent url(images/msg_info_mbr.png) repeat-x scroll 0 0;
border-spacing:0px;
border-collapse:separate;
padding:0px;
border:1px solid #789FC7;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
*+html .module_table { /* Hack ie7 */
border-collapse:collapse;
}
/* Modules minis
--------------------------------------*/
.module_mini_container { /*Placement des mini modules */
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
background:#C3E1FF url(images/contentbg.png) repeat-x scroll 0 0;
border:1px solid #789FC7;
border-spacing:8px;
margin:0 0 10px 4px;
width:180px;
}
.module_mini_top {
font-weight:bold;
height:24px;
margin-top:9px;
text-align:center;
}
.module_mini_contents {
border-top:none;
border-bottom:none;
text-align:center;
padding:4px;
padding-top:5px;
padding-bottom:0px;
}
.module_mini_bottom { /* Bordure inférieure des modules minis */
height:15px;
}
.label {
font-weight:bold;
font-size:11px;
color:#476a7f;
}
Ps. Deuxième image j'ai modifié le width du conteneur en mettant 1200px au lieu de 1000px dans design.css
Édité par chulukai Le 26/08/2009 à 19h43
Visiteur
chulukai Membre non connecté
-
Booster Roquette
- Voir le profil du membre chulukai
- Inscrit le : 30/12/2008
- Site internet
Je veux juste savoir si c'est possible de mettre plus large le contenu du centre avec les modules.
Merci
Visiteur
elle est complète la ?¿
C'est a dire que le site lui dois avoir menu droit + central + gauche pour etre a 1000px
maintenant si tu veu la metre dans le contenu ce qui n'est pas prévu tu a deux solution :
prendre une baniere en 468 ou elargir au détriment de ceux qui ont un malheureux 1024 x 768
malheureux mais pas tant quand même hein c'est mieux que 640 x 480 ou 800 x 600
y a une phrase que j'ai bien aimée de crowkait, tout est possible avec phpboost si on met les doigt dans le cambouis.
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie