Easy-Design.Net forum




Aide générale Comment élargir la shoutbox? Sujet scindé par Swan.

affla Membre non connecté

EDN Concerné(e)

Rang

Avatar

Inscrit le : 25/10/2009 à 19h02

Messages: 105

Le 13/04/2010 à 18h09
merci pour ce code mais je souhaitrai modifier le bloc de shoutbox
actuellement j ai ce resultate

voice le resultate que j'aimerai avoir
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 13/04/2010 à 18h51
Il te faut modifier deux css.

- content.css
- shoutbox_mini.css

:!: Mets juste le width en "auto" dans les deux css.

Dans ton dossier "shoutbox/templates/", ouvre le "shoutbox_mini.css" et modifie:

Code CSS :
 
/* Conteneur des messages de la shoutbox.*/
div#shout_container{
width:auto;     
height:150px;
overflow:auto;
text-align:left;
margin:auto;
 


Et dans ton dossier "template/ton-thème/theme/" ouvre le "content.css" :

Code CSS :
 
.module_mini_container { /*Placement des mini modules */
    width:auto;
    margin:0px;
    margin-bottom:10px;
   background:#F7F8F5 url(images/contentbg.png) repeat-x;
    border:1px #cccccc solid;
    border-spacing:1px;
    padding:5px;
    -moz-border-radius:12px;
    -khtml-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}
 


Voilà...

Mis à jours dans la Faq

swan_signature

Site web    
affla Membre non connecté

EDN Concerné(e)

Rang

Avatar

Inscrit le : 25/10/2009 à 19h02

Messages: 105

Le 13/04/2010 à 20h04
merci swan
mais j ai un petit probleme quand je modifie la page content.css les autres mini modules sont aussi modifier alor que moi je veux juste modifier shoutbox
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 13/04/2010 à 20h45
Dans ce cas la il te faut changer la "class" dans le dossier "shoutboxtemplates" en éditant le fichier "shoutbox_mini.tpl" à la ligne 114 tu as cela:

Code TPL :
<div class="module_mini_container">


Tu vas renommer la class en :

Code TPL :
<div class="module_shoutbox_mini">


Ensuite tu vas aller dans ton dossier "template/ton-thème/theme/" et ré-ouvrir le "content.css" pour remettre le width à 180px:

Code CSS :
 
.module_mini_container { /*Placement des mini modules */
    width:auto;
    margin:0px;
    margin-bottom:10px;
   background:#F7F8F5 url(images/contentbg.png) repeat-x;
    border:1px #cccccc solid;
    border-spacing:1px;
    padding:5px;
    -moz-border-radius:12px;
    -khtml-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}
 


Dernière étape, juste en dessous du css ci dessus:

Tu vas dupliquer ton ".module_mini_container {......}" et renommer en .module_shoutbox_mini {......}".




Note:




Et si tu n'as pas compris le détail de l'opération, mets moi le code du css complet du ".module_mini_container {......}".



swan_signature

Site web    
affla Membre non connecté

EDN Concerné(e)

Rang

Avatar

Inscrit le : 25/10/2009 à 19h02

Messages: 105

Le 14/04/2010 à 18h54
j ai fait ce que tu ma dis mais au moment ou je modifie content.css tout se melange
mais je veux juste te pose une question ce que il vaut mieux faire un css pour le shoutbox
Code CSS :
/* --------------------------------------
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;
    border:1px #cccccc solid;
    background:#F7F8F5 url(images/contentbg.png) repeat-x;
    -moz-border-radius:12px;
    -khtml-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}
div.block_contents {
    width:auto;
    padding:10px;
border:none;
text-align:justify;
} 
/* Entête de conteneur et des tableaux */
div.block_top, table tr:first-child th {
    padding:5px 6px;
    color:#FFFFFF;
    background:#5D7C94 url(images/msg_top_row.png) repeat-x;
    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:#C4CED6;
    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 {
    font-size:12px;
    font-weight:bold;
    display:inline;
}
 
/* Sous-Titres */
h5.sub_title { /* Titre des menu */
    font-size:12px;
    color:#515C68;
}
 
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:#515C68;
}
 
/* 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 #213D4F;
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:#515C68;
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 #CCCCCC;
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 #CCCCCC;
color:#445766;
background:#eceeef;
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:top;
    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:#e8eaeb;
    font-weight:bold;
}
 
a.msg_link_pseudo:hover {
    color:#f2fbff;
    font-weight:bold;
}
 
.msg_position { /* Conteneur des messages */
    width:98%;
    margin:auto;
    background:#E3EDF5 url(images/border.png) repeat-y left;
}
 
.msg_container,.msg_container2 {
    /* Case contenant l'ensemble du message */
    background:#FFFFFF 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:#F4F9FA url(images/border.png) repeat-y right;
}
 
/* Barre supérieur des messages */
.msg_top_l{
margin-right:0px !important;
margin-right:-3px;
height:34px;
width:29px;
background:#91BAD8 url(images/msg_top_l.png) no-repeat left;
float:left;
}
 
.msg_top_r{
margin-left:0px !important;
margin-left:-3px;
height:34px;
width:21px;
background:#91BAD8 url(images/msg_top_r.png) no-repeat right;
float:right;
}
 
.msg_top {
height:25px;
background:#FFFFFF url(images/msg_top.png) repeat-x;
padding-left:6px;
margin-left:20px;
margin-right:15px;
padding-top:9px;
}
 
.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:#e8eaeb;
    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:#E3EDF5;
    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:#E3EDF5;
}
 
.msg_contents,.msg_contents2 { /* Case du message */
    margin-left:135px;
    background:#FFFFFF;
    padding:0px 5px;
    border-left:1px dotted #C4CED6;
}
 
.msg_contents2 { /* Case du message => Couleur alternative */
    background:#F4F9FA;
}
 
.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:#FFFFFF 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:#F4F9FA 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 */
 
}
 
.msg_bottom_r {
 
}
 
.msg_bottom {
    height:23px;
    background:#FFFFFF;
    padding-top:6px;
    padding-left:6px;
    border:1px solid #CCCCCC;
    border-top:1px dotted #C4CED6;
}
 
/* Modules
--------------------------------------*/ /* Conteneur des modules */
.module_position {
    width:98%;
    margin:auto;
}
 
.module_top_l { /* Barre supérieure des modules */
 
}
 
.module_top_r {
 
}
 
.module_top {
    height:18px;
    text-indent:10px;
    font-size:12px;
    font-weight:bold;
    color:#515C68;
    border-bottom:2px solid #515C68;
}
 
.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;
border-spacing:0px;
border-collapse:separate;
padding:0px;
border:1px solid #CCCCCC;
-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_shoutbox_mini  { /*Placement des mini modules */
    width:180px;
    margin:0px;
    margin-bottom:10px;
background:#F7F8F5 url(images/contentbg.png) repeat-x;
    border:1px #cccccc solid;
    border-spacing:1px;
    padding:5px;
    -moz-border-radius:12px;
    -khtml-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}
 
.module_mini_top {
    height:24px;
    font-weight:bold;
    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;
}
 
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 14/04/2010 à 21h32
Essais avec celui là:

Code CSS :
/* --------------------------------------
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;
    border:1px #cccccc solid;
    background:#F7F8F5 url(images/contentbg.png) repeat-x;
    -moz-border-radius:12px;
    -khtml-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}
div.block_contents {
    width:auto;
    padding:10px;
border:none;
text-align:justify;
} 
/* Entête de conteneur et des tableaux */
div.block_top, table tr:first-child th {
    padding:5px 6px;
    color:#FFFFFF;
    background:#5D7C94 url(images/msg_top_row.png) repeat-x;
    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:#C4CED6;
    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 {
    font-size:12px;
    font-weight:bold;
    display:inline;
}
 
/* Sous-Titres */
h5.sub_title { /* Titre des menu */
    font-size:12px;
    color:#515C68;
}
 
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:#515C68;
}
 
/* 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 #213D4F;
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:#515C68;
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 #CCCCCC;
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 #CCCCCC;
color:#445766;
background:#eceeef;
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:top;
    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:#e8eaeb;
    font-weight:bold;
}
 
a.msg_link_pseudo:hover {
    color:#f2fbff;
    font-weight:bold;
}
 
.msg_position { /* Conteneur des messages */
    width:98%;
    margin:auto;
    background:#E3EDF5 url(images/border.png) repeat-y left;
}
 
.msg_container,.msg_container2 {
    /* Case contenant l'ensemble du message */
    background:#FFFFFF 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:#F4F9FA url(images/border.png) repeat-y right;
}
 
/* Barre supérieur des messages */
.msg_top_l{
margin-right:0px !important;
margin-right:-3px;
height:34px;
width:29px;
background:#91BAD8 url(images/msg_top_l.png) no-repeat left;
float:left;
}
 
.msg_top_r{
margin-left:0px !important;
margin-left:-3px;
height:34px;
width:21px;
background:#91BAD8 url(images/msg_top_r.png) no-repeat right;
float:right;
}
 
.msg_top {
height:25px;
background:#FFFFFF url(images/msg_top.png) repeat-x;
padding-left:6px;
margin-left:20px;
margin-right:15px;
padding-top:9px;
}
 
.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:#e8eaeb;
    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:#E3EDF5;
    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:#E3EDF5;
}
 
.msg_contents,.msg_contents2 { /* Case du message */
    margin-left:135px;
    background:#FFFFFF;
    padding:0px 5px;
    border-left:1px dotted #C4CED6;
}
 
.msg_contents2 { /* Case du message => Couleur alternative */
    background:#F4F9FA;
}
 
.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:#FFFFFF 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:#F4F9FA 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 */
 
}
 
.msg_bottom_r {
 
}
 
.msg_bottom {
    height:23px;
    background:#FFFFFF;
    padding-top:6px;
    padding-left:6px;
    border:1px solid #CCCCCC;
    border-top:1px dotted #C4CED6;
}
 
/* Modules
--------------------------------------*/ /* Conteneur des modules */
.module_position {
    width:98%;
    margin:auto;
}
 
.module_top_l { /* Barre supérieure des modules */
 
}
 
.module_top_r {
 
}
 
.module_top {
    height:18px;
    text-indent:10px;
    font-size:12px;
    font-weight:bold;
    color:#515C68;
    border-bottom:2px solid #515C68;
}
 
.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;
border-spacing:0px;
border-collapse:separate;
padding:0px;
border:1px solid #CCCCCC;
-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 */
    width:180px;
    margin:0px;
    margin-bottom:10px;
background:#F7F8F5 url(images/contentbg.png) repeat-x;
    border:1px #cccccc solid;
    border-spacing:1px;
    padding:5px;
    -moz-border-radius:12px;
    -khtml-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}
 
.module_shoutbox_mini  { /*Placement des mini modules */
    width:auto;
    margin:0px;
    margin-bottom:10px;
background:#F7F8F5 url(images/contentbg.png) repeat-x;
    border:1px #cccccc solid;
    border-spacing:1px;
    padding:5px;
    -moz-border-radius:12px;
    -khtml-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}
 
.module_mini_top {
    height:24px;
    font-weight:bold;
    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;
}
 





Citation:
Dernière étape, juste en dessous du css ci dessus:

Tu vas dupliquer ton ".module_mini_container {......}" et renommer en ".module_shoutbox_mini {......}".


Tu n'as pas dupliquer la partie css... Tu as juste changé l'intitulé de la partie css!

swan_signature

Site web    
affla Membre non connecté

EDN Concerné(e)

Rang

Avatar

Inscrit le : 25/10/2009 à 19h02

Messages: 105

Le 15/04/2010 à 17h14
dsl swan j'avais pas vu en fait sa marche mais il y a encore un petit probleme
tu sais quand j'ai change la fichie centent.css par la nouvelle les arrières plan de certains modules est supprime .
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 15/04/2010 à 18h39
Désolée, mais ce n'est pas de mon fait ... je t'ai juste rajouté le ".module_mini_container" que tu avais supprimé et je n'ai rien modifié. Rafraichit tes caches à tout hasard ...

swan_signature

Site web    
foufou Membre non connecté

EDN Curieux(se)

Rang

Avatar

Inscrit le : 30/08/2009 à 20h00

Messages: 42

Le 15/04/2010 à 19h41
tu as bien essaye affla laisse tombe on va cree une page Shootbox et on prend le code html puis on verra par la suite
merci à vous tous
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 15/04/2010 à 19h52
Foufou... ==> :oO la fonctionnalité que j'ai donné à affla marche parfaitement ! c'est celle ci qui est installé sur CsN. Regarde sous mon header.. je n'ai fais que l'intégrer dans l'environnement PHPBoost à l'aide des effets de la librairie Scriptaculous...

C'est pourtant pas sorcier, la procédure que je vous ai passé, c'est la plus basic qui soit ! Maintenat, je veux bien vous aider.. Mais il faut que vous y mettiez du votre tout les deux! Je ne peux tout de même pas faire tout à votre place :hum

swan_signature

Site web    
foufou Membre non connecté

EDN Curieux(se)

Rang

Avatar

Inscrit le : 30/08/2009 à 20h00

Messages: 42

Le 16/04/2010 à 19h09
merci
je me suis mis dedans j'ai vu que nous avez pas la meme fichie content.css
Code CSS :
.module_mini_container { 
 
/*border:1px solid #8C8C8C;*/
border-spacing:8px;
margin:0 0 10px 4px;
width:185px;
}
 
.module_mini_top {
-moz-border-radius-topleft:12px;
background:#FFFFFF url(images/contentbg.png) repeat-x scroll 0 0;
font-weight:bold;
height:40px;
text-align:center;
}
 
.module_mini_contents {
background:#FFFFFF none repeat scroll 0 0;
border-bottom:medium none;
border-top:medium none;
padding:5px 4px 0;
text-align:center;
}

alor que toi tu as ca
Code CSS :
.module_mini_container { /*Placement des mini modules */
    width:auto;
    margin:0px;
    margin-bottom:10px;
   background:#F7F8F5 url(images/contentbg.png) repeat-x;
    border:1px #cccccc solid;
    border-spacing:1px;
    padding:5px;
    -moz-border-radius:12px;
    -khtml-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}
 

c'est pour cela que affla a eu ce probleme avec les arrières plan de certains modules Edité par foufou Le 16/04/2010 à 19h10
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 16/04/2010 à 19h21
Je regarderais cela demain matin, pour vous remettre tout d'aplomb, cela vous convient-il?

swan_signature

Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 17/04/2010 à 12h14
Bonjour,

Voilà le bon code de ton content.css, N'oubliez pas de régénérer les caches PBt (Administration/Outils) et celui de votre navigateur.

Code CSS :
 
/* --------------------------------------
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;
    border:1px #cccccc solid;
    background:#F7F8F5 url(images/contentbg.png) repeat-x;
    -moz-border-radius:12px;
    -khtml-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}
div.block_contents {
    width:auto;
    padding:10px;
border:none;
text-align:justify;
} 
/* Entête de conteneur et des tableaux */
div.block_top, table tr:first-child th {
    padding:5px 6px;
    color:#FFFFFF;
    background:#5D7C94 url(images/msg_top_row.png) repeat-x;
    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:#C4CED6;
    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 {
    font-size:12px;
    font-weight:bold;
    display:inline;
}
 
/* Sous-Titres */
h5.sub_title { /* Titre des menu */
    font-size:12px;
    color:#515C68;
}
 
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:#515C68;
}
 
/* 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 #213D4F;
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:#515C68;
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 #CCCCCC;
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 #CCCCCC;
color:#445766;
background:#eceeef;
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:top;
    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:#e8eaeb;
    font-weight:bold;
}
 
a.msg_link_pseudo:hover {
    color:#f2fbff;
    font-weight:bold;
}
 
.msg_position { /* Conteneur des messages */
    width:98%;
    margin:auto;
    background:#E3EDF5 url(images/border.png) repeat-y left;
}
 
.msg_container,.msg_container2 {
    /* Case contenant l'ensemble du message */
    background:#FFFFFF 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:#F4F9FA url(images/border.png) repeat-y right;
}
 
/* Barre supérieur des messages */
.msg_top_l{
margin-right:0px !important;
margin-right:-3px;
height:34px;
width:29px;
background:#91BAD8 url(images/msg_top_l.png) no-repeat left;
float:left;
}
 
.msg_top_r{
margin-left:0px !important;
margin-left:-3px;
height:34px;
width:21px;
background:#91BAD8 url(images/msg_top_r.png) no-repeat right;
float:right;
}
 
.msg_top {
height:25px;
background:#FFFFFF url(images/msg_top.png) repeat-x;
padding-left:6px;
margin-left:20px;
margin-right:15px;
padding-top:9px;
}
 
.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:#e8eaeb;
    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:#E3EDF5;
    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:#E3EDF5;
}
 
.msg_contents,.msg_contents2 { /* Case du message */
    margin-left:135px;
    background:#FFFFFF;
    padding:0px 5px;
    border-left:1px dotted #C4CED6;
}
 
.msg_contents2 { /* Case du message => Couleur alternative */
    background:#F4F9FA;
}
 
.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:#FFFFFF 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:#F4F9FA 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 */
 
}
 
.msg_bottom_r {
 
}
 
.msg_bottom {
    height:23px;
    background:#FFFFFF;
    padding-top:6px;
    padding-left:6px;
    border:1px solid #CCCCCC;
    border-top:1px dotted #C4CED6;
}
 
/* Modules
--------------------------------------*/ /* Conteneur des modules */
.module_position {
    width:98%;
    margin:auto;
}
 
.module_top_l { /* Barre supérieure des modules */
 
}
 
.module_top_r {
 
}
 
.module_top {
    height:18px;
    text-indent:10px;
    font-size:12px;
    font-weight:bold;
    color:#515C68;
    border-bottom:2px solid #515C68;
}
 
.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;
border-spacing:0px;
border-collapse:separate;
padding:0px;
border:1px solid #CCCCCC;
-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 */
border-spacing:8px;
margin:0 0 10px 4px;
width:185px;
}
 
.module_shoutbox_mini  { 
border-spacing:8px;
margin:0 0 10px 4px;
width:auto;
}
 
.module_mini_top {
    height:24px;
    font-weight:bold;
    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;
}
 

swan_signature

Site web    
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie