Easy-Design.Net forum




Aide générale [Réglé] La shoutbox au centre de la page problème KoffeeTux

saturnin Membre non connecté

Administrateur

Rang

Avatar

Administrateur

Inscrit le : 08/08/2009 à 22h19

Messages: 3963

Le 05/12/2009 à 11h09

Reprise du message précédent

dommage j'aurais pu jetter un oeuil :(

as tu firefox et firebug pour trouver ou est le souci ?¿

signaturesaturnin


Accroche toi au clavier, je retire le shell...
Site web    
kuzanagi Membre non connecté

EDN actif(ve)

Rang

Avatar

Inscrit le : 04/12/2009 à 17h08

Messages: 22

Le 05/12/2009 à 12h21
firefox oui

firebug oui

je vait retenter je vient de finir mon ménage lol j'ai quoi 10 min a tous casser pour voir vite fait.


“Quand on désire savoir, on interroge.
Quand on veut être capable, on étudie.
Revoyez sans arrêt ce que vous savez déjà.
Etudiez sans cesse du nouveau.
Alors vous deviendrez un Maître.”
Site web    
KONA Membre non connecté

EDN Enraciné(e)

Rang

Avatar

Inscrit le : 05/10/2009 à 18h20

Messages: 691

Le 05/12/2009 à 13h20
peut on voir content.css et shoutbox.css

Recherche moto cross volée L'est de la france

   
kuzanagi Membre non connecté

EDN actif(ve)

Rang

Avatar

Inscrit le : 04/12/2009 à 17h08

Messages: 22

Le 05/12/2009 à 19h32
rebonjour
voir bonsoir en fait... :s

voici les deux fichier que j'ai modifier..

le 1er ce trouve ici-->phpboosttemplatesbasetheme

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 */
   [b] width:auto;[/b]
    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;
}
 


le second je le récupère ici -->phpboostshoutboxtemplates

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



donc 1 fichier dans le thème de base puis 1 fichhier dans le dossier shoutbox.


“Quand on désire savoir, on interroge.
Quand on veut être capable, on étudie.
Revoyez sans arrêt ce que vous savez déjà.
Etudiez sans cesse du nouveau.
Alors vous deviendrez un Maître.”
Site web    
saturnin Membre non connecté

Administrateur

Rang

Avatar

Administrateur

Inscrit le : 08/08/2009 à 22h19

Messages: 3963

Le 05/12/2009 à 19h50
si cela ne fonctionne pas c'est simplement que les modif il faut aussi les faire dans les fichiers dans le thème (le KoffeTux) ...

soit :
themes/tonteme/modules/shootbox/....
templatestonthemetheme....

sinon les fichier sont d'origine et donc l'affichage aussi

signaturesaturnin


Accroche toi au clavier, je retire le shell...
Site web    
kuzanagi Membre non connecté

EDN actif(ve)

Rang

Avatar

Inscrit le : 04/12/2009 à 17h08

Messages: 22

Le 05/12/2009 à 19h51
voici dans le panneaux admin



voici le résulta



“Quand on désire savoir, on interroge.
Quand on veut être capable, on étudie.
Revoyez sans arrêt ce que vous savez déjà.
Etudiez sans cesse du nouveau.
Alors vous deviendrez un Maître.”
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 05/12/2009 à 20h07
Bonsoir kuzanagi,

Dans le thème KoffeTux, va dans le dossier "modules" et dézippes y cette archive : shoutbox.zip

Ensuite dans le même thème KoffeTux va dans le dossier "theme" et édite le content.css à la ligne 614

Code CSS :
 
.module_mini_container {
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
background:#D6B275 url(images/contentbg.png) repeat-x scroll 0 0;
border:1px solid #552200;
border-spacing:8px;
margin:0 0 10px 4px;
width:200px;
}
 


Je viens de le faire et moi cela passe très bien ^^
Remplace le width:200px; par width:auto;

swan_signature

Site web    
kuzanagi Membre non connecté

EDN actif(ve)

Rang

Avatar

Inscrit le : 04/12/2009 à 17h08

Messages: 22

Le 05/12/2009 à 20h19
saturnin:
si cela ne fonctionne pas c'est simplement que les modif il faut aussi les faire dans les fichiers dans le thème (le KoffeTux) ...

soit :
themes/tonteme/modules/shootbox/....
templatestonthemetheme....

sinon les fichier sont d'origine et donc l'affichage aussi


bonne pioche
le fichier est diferant donc voila je suis passer a coter :)

/* 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:#D6B275 url(images/contentbg.png) repeat-x scroll 0 0;
border:1px solid #552200;
border-spacing:8px;
margin:0 0 10px 4px;
width:auto;
}





“Quand on désire savoir, on interroge.
Quand on veut être capable, on étudie.
Revoyez sans arrêt ce que vous savez déjà.
Etudiez sans cesse du nouveau.
Alors vous deviendrez un Maître.”
Site web    
kuzanagi Membre non connecté

EDN actif(ve)

Rang

Avatar

Inscrit le : 04/12/2009 à 17h08

Messages: 22

Le 05/12/2009 à 20h27


merci pour votre aides :ok

alors petite question encore.

est t-il possible de d'éviter la répétition des tasses est du fond plus claires qui ce trouve au dessus?


“Quand on désire savoir, on interroge.
Quand on veut être capable, on étudie.
Revoyez sans arrêt ce que vous savez déjà.
Etudiez sans cesse du nouveau.
Alors vous deviendrez un Maître.”
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 05/12/2009 à 20h40
Je regarde cela , et je te dis dans 5 minutes.

swan_signature

Site web    
kuzanagi Membre non connecté

EDN actif(ve)

Rang

Avatar

Inscrit le : 04/12/2009 à 17h08

Messages: 22

Le 05/12/2009 à 20h49
merci :swan1:


“Quand on désire savoir, on interroge.
Quand on veut être capable, on étudie.
Revoyez sans arrêt ce que vous savez déjà.
Etudiez sans cesse du nouveau.
Alors vous deviendrez un Maître.”
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 05/12/2009 à 21h00
Bon, je suis dans mes bons jours, alors je t'ai fais les images... Et refais le zip avec les nouvelles modifications css.

1) Retourne dans le thème KoffeTux, va dans le dossier "modules" tu supprime le dossier "shootbox".

2) Ensuite tu vas dézipper la nouvelle archive avec les nouvelles modifications dans "modules" : shoutbox-koffeetux.zip

Et dis moi si c'est bon ^^

swan_signature

Site web    
kuzanagi Membre non connecté

EDN actif(ve)

Rang

Avatar

Inscrit le : 04/12/2009 à 17h08

Messages: 22

Le 05/12/2009 à 21h14
nickel chrome.

désoler pour la réponse tardive car je vous souhaite un bon appétit pour ceux qui mange...
et une bonne fin d'appétit pour les personnes qui finie...

merci encore.

PS vous aller me trouver lourd car j'ai une autres question encore...
:ave


“Quand on désire savoir, on interroge.
Quand on veut être capable, on étudie.
Revoyez sans arrêt ce que vous savez déjà.
Etudiez sans cesse du nouveau.
Alors vous deviendrez un Maître.”
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 05/12/2009 à 21h24
Citation:
PS vous aller me trouver lourd car j'ai une autres question encore...


:heu lourd? Le forum est là pour ceux ayant des questions! Écoute... si on comprends, ce que tu demandes, et que c'est dans nos capacités, il n'y a pas de soucis.. Et si on comprends pas .. on te demandera d'être plus explicite, pour essayer de répondre à tes questions ;)


swan_signature

Site web    
kuzanagi Membre non connecté

EDN actif(ve)

Rang

Avatar

Inscrit le : 04/12/2009 à 17h08

Messages: 22

Le 05/12/2009 à 21h42
cool



merci encore ;) Edité par kuzanagi Le 05/12/2009 à 21h54


“Quand on désire savoir, on interroge.
Quand on veut être capable, on étudie.
Revoyez sans arrêt ce que vous savez déjà.
Etudiez sans cesse du nouveau.
Alors vous deviendrez un Maître.”
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 05/12/2009 à 21h52
kuzanagi,

Ouvre un nouveau sujet s'il te plait ^^ Cela n'a plus rien à voir avec ce topic ;)


swan_signature

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