[Astuce] Changer le design du forum

soupaloignon Membre non connecté

Equipe Rédaction Equipe Modération Modérateur
Le 23/04/2010 à 17h00
Manipulation concernant le thème par défaut de PhpBoost

Pour ceux qui voudrait changer le design du forum, et qui, par flemme ou volonté, n'ont pas envi de reprendre les 3 parties des barres d'en-tête (gauche, central, droit) et veulent des barres d'un seul tenant.

Voici la capture d'écran du résultat final : http://monserveur.info/ftp/phpboost21.png

Et le fichier css qui va bien (toutes les infos de modifs sont dedans)
Code CSS :
/*
 
 * Fichier css du forum de PhpBoost
 
 * (/forum/templates/forum.css)
 
 * modifié par soupaloignon
 
 * 
 
 * Les parties d'origine ont été conservées pour mieux s'y retrouver.
 
 * Les parties rajoutées sont précédées de "Modifs"
 
 * http://www.phpboost.com/forum/topic-9482.php#m86585
 
*/
 
 
 
.forum_table {                                                                                           
 
        width:100%;                                                                                      
 
        border-collapse:collapse;                                                                        
 
        border:none;                                                                                     
 
}                                                                                                        
 
 
 
/* Classe du lien du pseudo sur forum */                                                                 
 
a.forum_link_pseudo{                                                                                     
 
        color:#e8eaeb;                                                                                   
 
        font-weight:bold;                                                                                
 
}                                                                                                        
 
a.forum_link_pseudo:hover {                                                                              
 
        color:#f2fbff;                                                                                   
 
        font-weight:bold;                                                                                
 
}                                                                                                        
 
/* Barre du titre du forum */                                                                            
 
.forum_title_l{                                                                                          
 
        height:60px;                                                                                     
 
        margin-right:0px !important;                                                                     
 
        margin-right:-3px;                                                                               
 
        width:10px;
 
        float:left;                                                                                      
 
/*
 
        background:url(images/forum_top_l.png) no-repeat;
 
*/                                    
 
        /*Modifs*/
 
        background:#696969;
 
        border-top:1px #cccccc solid;
 
        border-left:1px #cccccc solid;
 
        border-bottom:1px solid #cccccc;  
 
 
 
}                                                                                                        
 
.forum_title_r{                                                                                          
 
        height:60px;                                                                                     
 
        width:10px;                                                                                      
 
        margin-left:0px !important;                                                                      
 
        margin-left:-3px;
 
        float:right;                                                                                 
 
/*
 
        background:url(images/forum_top_r.png) no-repeat right; 
 
*/                                         
 
        /*Modifs*/ 
 
        background:#696969;
 
        border-top:1px #cccccc solid;
 
        border-right:1px #cccccc solid;
 
        border-bottom:1px solid #cccccc;                                                                                   
 
}                                                                                                        
 
.forum_title{                                                                                            
 
        margin:auto;                                                                                     
 
        height:55px;
 
        color:#FFFFFF;                                                                                   
 
        padding-top:5px;                                                                                 
 
        margin-left:5px;                                                                                 
 
        margin-right:5px;                                                                                     
 
/*
 
        background:url(images/forum_top.png) repeat-x;  
 
*/
 
        /*Modifs*/
 
        background:#696969;    
 
        border-top:1px #cccccc solid; 
 
        border-bottom:1px solid #cccccc;
 
 
 
 
 
}                                                                                                        
 
.forum_title h2{ /* Titre du forum */                                                                    
 
        font-size:14px;                                                                                  
 
        font-weight:bold;                                                                                
 
        color:#FFFFFF;                                                                                   
 
}                                                                                                        
 
.forum_title a{ /* Couleur des liens */                                                                  
 
        color:#FFFFFF;                                                                                   
 
}  
 
 
 
/* Barre de liens du forum */                                                                            
 
.forum_links{
 
        padding:6px;                                                                                            
 
/*
 
        background:#5D7C94 url(images/msg_top_row.png) repeat-x;                                         
 
*/
 
        /*Modifs*/
 
        background:#9b9b9b;
 
        border:1px solid #CCCCCC;
 
} 
 
 
 
.forum_links a{ /* Couleur des liens */                                                                  
 
        color:#FFFFFF;                                                                                   
 
} 
 
 
 
.forum_notread{ /* Message non lus */                                                                    
 
        background:#5D7C94;                                                                              
 
        padding:4px;                                                                                     
 
        font-size:10px;                                                                                  
 
        color:#FFFFFF;                                                                                   
 
}
 
 
 
/* Barre des textes relatifs aux colonnes */                                                             
 
.forum_text_column {                                                                                     
 
        height:20px;
 
        font-size:10px;                                                                                  
 
        color:#FFFFFF;                                                                                   
 
        text-align:center;                                                                               
 
        font-weight:bold;                                                                                      
 
/*
 
        background:#5D7C94 url(images/msg_top_row.png) repeat-x;                                         
 
        border-bottom:1px solid #55819D;   
 
*/
 
        /*Modifs*/
 
        background:#9b9b9b;                                                                                     
 
        border:1px solid #CCCCCC;                                                           
 
} 
 
 
 
/* Case des liens sous-catégories */                                                                     
 
.forum_sous_cat{                                                                                         
 
        border-bottom:1px dotted #C4CED6;                                                                
 
        border-right:1px dotted #C4CED6;                                                                 
 
        padding:6px;
 
        /*Modifs*/
 
        background:#EAEAEA; /*FFFFFF*/   
 
}
 
 
 
.forum_sous_cat:hover{
 
        /*Modifs*/                                                                                    
 
        background:#EAEAEA; /*EEF4F9*/                                                                           
 
}  
 
 
 
/* Case compteur message/topic */                                                                        
 
.forum_sous_cat_compteur{                                                                                
 
        width:60px;                                                                         
 
        border-bottom:1px dotted #C4CED6;                                                                
 
        border-right:1px dotted #C4CED6;                                                                 
 
        color:#000000;                                                                                   
 
        text-align:center;
 
        /*Modifs*/
 
        background:#f5f5f5; /*E3EDF5*/              
 
}
 
 
 
/* Case compteur dernier topic/dernier message */                                                        
 
.forum_sous_cat_last{                                                                                    
 
        width:150px;                                                              
 
        border-bottom:1px dotted #C4CED6;                                                                
 
        font-size:10px;                                                                                  
 
        color:#000000;                                                                                   
 
        text-align:center;
 
         /*Modifs*/                                                                                     
 
        background:#EAEAEA;/*ffffff*/                                                                           
 
}
 
 
 
.forum_sous_cat_last:hover{                                                                              
 
        background:#EFFBFF;                                                                              
 
 
 
}                                                                                                        
 
 
 
/* Formulaire pour poster les messages */
 
.forum_post_form{                        
 
        width:80%;                       
 
        margin:auto;                     
 
        margin-top:15px;                 
 
}
 
 
 
/* Cadre des liens : alerter les modérateurs et suivre le sujet */
 
.forum_action{                                                  
 
        margin-top:5px;                                         
 
}                                                               
 
 
 
/* Les des catégories de niveau 0 */
 
a.forum_link_cat{                   
 
        font-weight:bold;           
 
}
 
 
 
/* Affichage des membres en ligne */
 
.forum_online{
 
        color:#000000;              
 
        border-top:none;            
 
        padding:6px;                
 
        overflow:hidden !important; 
 
        height:auto !important;     
 
        overflow:visible;           
 
        height:1%;                  
 
        clear:both;
 
        /*Modifs*/ 
 
        background:#EAEAEA;/*ffffff*/         
 
        border:1px solid #CCCCCC;                 
 
}
 
 
 
/* Fond des catégories dans l'administration */
 
.forum_cat_admin{                              
 
        width:100%;                            
 
        height:20px;                           
 
        margin-bottom:2px;                     
 
        padding:4px 0px;                       
 
}
 
 
 
/* Contenu */                                  
 
.forum_contents{                               
 
        padding:0px;                           
 
        margin:0px;                            
 
}
 
 
 
.forum_cat_title{                              
 
        float:left;                            
 
        padding:0px 5px;                       
 
}
 
 
 
.forum_cat_title a{                            
 
}
 
 
 
a.forum_mbrmsg_links { /* Couleur des liens pour les messages du membre */
 
        color:#FFFFFF;                                                    
 
}                                                                         
 
 
 
.module_top_l{ /* Barre supérieure des modules */
 
        margin-right:0px !important;            
 
        margin-right:-3px;                      
 
        width:29px;                             
 
        height:34px;
 
        float:left;                            
 
/*
 
        background:url(images/msg_top_l.png) no-repeat left;
 
*/
 
        /*Modifs*/
 
        background:#696969;
 
        border-top:1px solid #cccccc;
 
        border-left:1px solid #cccccc;
 
        border-bottom:1px solid #cccccc;
 
 
 
} 
 
 
 
.module_top_r{                                              
 
        margin-left:0px !important;                         
 
        margin-left:-3px;                                   
 
        width:21px;                                         
 
        height:34px;
 
        float:right;                                        
 
/*
 
        background:url(images/msg_top_r.png) no-repeat right;
 
*/
 
        /*Modifs*/
 
        background:#696969;
 
        border-top:1px solid #cccccc;
 
        border-right:1px solid #cccccc;
 
        border-bottom:1px solid #cccccc;
 
 
 
}
 
 
 
.module_top{                                                 
 
        height:25px;                                         
 
        padding-left:6px;                                    
 
        margin-left:20px;                                    
 
        margin-right:15px;                                   
 
        padding-top:9px;                                     
 
        color:#FFFFFF;                                       
 
        font-weight:normal;                                  
 
        border-bottom:none;
 
/*
 
        background:url(images/msg_top.png) repeat-x; 
 
*/
 
        /*Modifs*/
 
        background:#696969;
 
        border-top:1px solid #cccccc;                                   
 
}
 
 
 
.module_top a{                                               
 
        color:#FFFFFF;                                       
 
}
 
 
 
.module_contents{ /* Contenu des modules */
 
        background:#FFFFFF;
 
        border-left:1px solid #CCCCCC;
 
        border-right:1px solid #CCCCCC;
 
        border-bottom:1px solid #FFFFFF;
 
        clear:both;
 
}
 
 
 
.module_bottom_l{ /* Barre inférieure des modules */
 
        margin-right:0px !important;
 
        margin-right:-3px;
 
        width:8px;
 
        height:24px;
 
        float:left;
 
/*
 
        background:url(images/msg_bottom_l.png) no-repeat left;
 
*/
 
        /*Modifs*/
 
        background:#EAEAEA;
 
 
 
}
 
 
 
.module_bottom_r{
 
        margin-left:0px !important;
 
        margin-left:-3px;
 
        width:8px;
 
        height:24px;
 
        float:right;
 
/*
 
        background:url(images/msg_bottom_r.png) no-repeat right;
 
*/
 
        /*Modifs*/
 
        background:#EAEAEA;
 
}
 
 
 
.module_bottom{
 
        height:22px;
 
        padding-top:2px;
 
        padding-left:6px;
 
        margin-left:8px !important;
 
        margin-left:0px;
 
        margin-right:8px !important;
 
        margin-right:0px;
 
        font-size:12px;
 
/*
 
        background:url(images/msg_bottom.png) repeat-x;
 
*/
 
        /*Modifs*/
 
        background:#EAEAEA;
 
}
Édité par soupaloignon Le 23/04/2010 à 18h11
1/ Avant de poster votre question, faite une recherche sur le forum et/ou le site
2/ Plus votre question sera détaillée, plus les éventuelles réponses seront pertinentes
3/ Plus votre français sera correct, plus vous donnerez envie que l'on vous réponde
4/ ==> Libérez les Huitres du bassin d'Arcachon <==
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
soupaloignon Membre non connecté

Visiteur

benflovideo Membre non connecté
