Réglage de la taille et des espacement des les messages

[Sakuyaa]

Bonjour,

J'ai créer un forum il y a 3 jours et maintenant qu'il est en marche je n'arrive toujours pas à régler la taille, l'espacement et la couleur des message poster par les utilisateur.

J'ai modifier un thème que j'ai prit sur Hitskin.com.

J'ai chercher partout et impossible de trouver et je n'est pas assez de connaissance pour toucher au template sans aide.


Cordialement

[kheino]

Bonjour,

Le tuto de Toto devrait t'aider à savoir quels identifiants tu peux prendre pour en modifier les paramètres dans la feuille de style CSS:
https://forum.forumactif.com/t278845-les-principaux-identifiants-css-phpbb2-phpbb3

[Sakuyaa]

franchement je cherche dans le css mais je trouve pas j'ai cherche dans les couleur et dans le template lui même mais je trouve pas ^^

[kheino]

Tu trouveras ces identifiants dans le CSS de base (lien au dessus de la feuille de style CSS), mais la question n'est pas là.
Il faut plutôt reprendre le(s) identifiant(s) concernés dans la feuille de style personnalisable (l'onglet à côté de "Couleurs") et leurs donner les paramètres souhaités.
Par exemple pour la taille des message c'est l'identifiant .postbody que tu reprends dans le CSS:

.postbody {
width: ???px;
margin: ??px 0 ??px; /* la première valeur est pour le top, la seconde pour le right mais aussi pour le left si on ne spécifie pas la quatrième valeur, et la troisième pour la marge-bottom */
}

Pour la couleur texte, il me semble me rappeler que c'est :

.postbody {
width: ???px;
color: #code_couleur;
margin: ??px 0 ??px; /* la première valeur est pour le top, la seconde pour le right mais aussi pour le left si on ne spécifie pas la quatrième valeur, et la troisième pour la marge-bottom */
}

Mais je n'en suis plus très sûre...

[Olivier-Design]

Le code css

color: #code de la couleur (exemple : #FFFFFF pour du blanc ou #000000 pour du noir)

est bien le code pour la couleur du texte.

[kheino]

color: #code de la couleur (exemple : #FFFFFF pour du blanc ou #000000 pour du noir)

est bien le code pour la couleur du texte.

Oui ça j'étais au courant, mais c'est de l'identifiant en phpBB3 que je doutais, bien qu'il me semble que ce soit le bon.

[Sakuyaa]

Impossible de le trouver dans mon css je vous le copie ici si j'ai le droit ^^

feuille de css:

Code:

body { background-attachment: fixed; background-repeat: no-repeat; background-position: center-y;}

a:hover {text-decoration: underline overline;}
a {outline: none;}

textarea, .textarea.post, input.post {
-moz-border-radius:15px;}

a {font-variant: small-caps;}

.categorie{
margin: 10px 0px;
-moz-border-radius-top: 15px;
-webkit-border-radius: 15px;}

.titrecategorie{
margin-left: 15px;
padding: 3px;
display: block;
width: 150px;
margin-top: -15px;
border-top: 2px solid #688AA3;
border-right: 2px solid #688AA3;
border-left: 2px solid #688AA3;
background-color: #688AA3;
-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: -10px; -moz-border-radius-bottomleft: -10px;
-webkit-border-radius: 10px;
text-align: center}

.profilmasque /*ceci s'appliquera sur le bouton et le profil masqué*/
{background-color: #DEDEDE;
border: 1px solid #couleur;
font-size: 12px;
letter-spacing: 1px;
-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 10px;}
.profil1/*ceci s'appliquera au bouton*/
{width: 200px;
background-color: #DEDEDE;
border: none;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: -10px; -moz-border-radius-bottomleft: -10px;
-webkit-border-radius: 10px;}

.bodyline{
          border: #183851 1px solid;
        -moz-border-radius-bottomleft:15px;
        -moz-border-radius-bottomright:15px;
        -moz-border-radius-topleft:15px;
        -moz-border-radius-topright:15px;
-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;
}

.forumline{
background-color: #COULEUR;
-moz-border-radius: 10px ;
border: 2px #688AA3 solid;
}


#page-body{
margin:10px 22px 10px 22px;}
button.button2:hover,input.button2:hover{
color:#000;font-weight:bold;background-image:url('http://img186.imageshack.us/img186/7646/bouton1.jpg');background-position:top;background-position:top;}
input.liteoption{color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('http://img836.imageshack.us/img836/7757/bouton2.jpg');background-position:top;background-position:center;}
input.liteoption:hover{
font-weight:bold;background-image:url('http://img186.imageshack.us/img186/7646/bouton1.jpg');background-position:top;color:#000;background-position:top;}
input.mainoption{color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('http://img836.imageshack.us/img836/7757/bouton2.jpg');background-position:top;background-position:center;}
input.mainoption:hover{font-weight:bold;background-image:url('http://img186.imageshack.us/img186/7646/bouton1.jpg');background-position:top;color:#000;background-position:top;}
.catBottom{
border:none !important;} .catHead{border:none !important;}
.thLeft{border:none !important;} .thRight{border:none !important;}
.forumline{background-image:url('http://img821.imageshack.us/img821/2180/barre22.jpg');background-repeat:no-repeat;background-position:bottom;padding-bottom:34px;/padding-bottom:3px;/background-image:none;/background-repeat:repeat;}
td.cat{background-repeat:repeat;
}
td.catHead{background-repeat:repeat;}
td.catSides{
background-repeat:repeat;}
td.catLeft{background-repeat:repeat;border-left:none !important;} td.catRight{background-repeat:repeat;}
td.catBottom{background-repeat:repeat;} #plus_menu{background-color:#23201b;border:1px solid #e2eef2 !important;}
.wysiwyg{background-color:#e2eef2 !important;}  .bodyline{background-image:url('http://img10.hostingpics.net/pics/948846aneakitsu.png');background-position:bottom right;background-repeat:no-repeat;}
#text_editor_textarea{background-color:#e2eef2 !important;color:#DDDDDC;}

.attachbox dl.file{background-color:#b6dbe4;margin-top:8px;padding:5px;border:1px solid #6c6657;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;}
.container_IE{background-image:url('http://img10.hostingpics.net/pics/948846aneakitsu.png');background-position:bottom right;background-repeat:no-repeat;}
div.errorwrap,div.infowrap{background-color:#776952;border:1px solid #ac9a7b;color:#443b2b !important;font-weight:bold;}
div.errorwrap h4,div.infowrap h4{background-color:#443b2b;border:1px solid #ac9a7b;color:#ac9a7b;} div.errorwrap p,div.infowrap p{color:#443b2b;font-weight:bold;}
#i_icon_mini_index{width:85px;height:22px;background:url(http://img823.imageshack.us/img823/9992/forum033.png) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(http://img823.imageshack.us/img823/9992/forum033.png) no-repeat 0 -22px;}
#i_icon_mini_portal{width:80px;height:22px;background:url(http://img101.imageshack.us/img101/4522/portail03.png) no-repeat 0 0;}
#i_icon_mini_portal:hover{background:url(http://img101.imageshack.us/img101/4522/portail03.png) no-repeat  0 -22px;}
#i_icon_mini_calendar{width:80px;height:22px;background:url(http://img830.imageshack.us/img830/2330/calendrier03.png) no-repeat 0 0;}
#i_icon_mini_calendar:hover{background:url(http://img830.imageshack.us/img830/2330/calendrier03.png) no-repeat  0 -22px;}
#i_icon_mini_faq{width:50px;height:22px;background:url(http://img185.imageshack.us/img185/804/faq03.png) no-repeat 0 0;}
#i_icon_mini_faq:hover{background:url(http://img185.imageshack.us/img185/804/faq03.png) no-repeat  0 -22px;}
#i_icon_mini_search{width:80px;height:22px;background:url(http://img837.imageshack.us/img837/6838/rechercher03.png) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(http://img837.imageshack.us/img837/6838/rechercher03.png) no-repeat  0 -22px;}
#i_icon_mini_members{width:80px;height:22px;background:url(http://img691.imageshack.us/img691/1465/membres03.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(http://img691.imageshack.us/img691/1465/membres03.png) no-repeat  0 -22px;}
#i_icon_mini_groups{width:80px;height:22px;background:url(http://img844.imageshack.us/img844/1936/groupes03.png) no-repeat 0 0;}
#i_icon_mini_groups:hover{background:url(http://img844.imageshack.us/img844/1936/groupes03.png) no-repeat  0 -22px;}
#i_icon_mini_profile{width:57px;height:22px;background:url(http://img716.imageshack.us/img716/9518/profil03.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(http://img716.imageshack.us/img716/9518/profil03.png) no-repeat  0 -22px;}
#i_icon_mini_message{width:80px;height:22px;background:url(http://img840.imageshack.us/img840/504/messages03.png) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(http://img840.imageshack.us/img840/504/messages03.png) no-repeat 0 -22px;}
#i_icon_mini_new_message{width:80px;height:22px;background:url(http://img839.imageshack.us/img839/4753/newmessages03.png) no-repeat 0 0;}
#i_icon_mini_new_message:hover{background:url(http://img839.imageshack.us/img839/4753/newmessages03.png) no-repeat  0 -22px;}
#i_icon_mini_logout{width:58px;height:22px;background:url(http://img834.imageshack.us/img834/5945/off03.png) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(http://img834.imageshack.us/img834/5945/off03.png) no-repeat  0 -22px;}
#i_icon_mini_register{width:80px;height:22px;background:url(http://img251.imageshack.us/img251/9277/inscription03.png) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(http://img251.imageshack.us/img251/9277/inscription03.png) no-repeat  0 -22px;}
#i_icon_mini_login{width:58px;height:22px;background:url(http://img683.imageshack.us/img683/4458/on03.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://img683.imageshack.us/img683/4458/on03.png) no-repeat  0 -22px;}

.code{background-color:#DEDEDE;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#2D4D64;padding:5px;-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
.quote{background-color:#DEDEDE;border:2px dashed #9b9b9b;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#2D4D64;padding:5px;-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
.spoiler{background-color:#DEDEDE;border:1px solid #6c6657;background-image:url('http://img10.hostingpics.net/pics/578190Barre_1.jpg');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px; -moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
.spoiler_closed{background-color:#DEDEDE;border:1px solid #6c6657;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#2D4D64;padding:5px;}
.spoiler_content{background-color:#DEDEDE;border:1px solid #6c6657;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#2D4D64;padding:5px;}

#i_logo{
margin-top:-7px !important;
/position:relative;} .catSides{border:none !important;}
button.button2,input.button2{
color:#000000;background-image:url('http://img836.imageshack.us/img836/7757/bouton2.jpg');background-position:top;}
button.button2:hover,input.button2:hover{border:1px solid #000000;background-image:url('http://img186.imageshack.us/img186/7646/bouton1.jpg');background-position:top;color:#000000;}
button.button2,input.button2{
color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('http://img836.imageshack.us/img836/7757/bouton2.jpg');background-position:top;background-position:center;}

[kheino]

Erf, merci pour le scroll !
Avant tout peux-tu éditer ton précédent message et mettre ton CSS entre les balises BBcode :

Code:

[code]CSS[/code]

Ou bien entre les balises :

Code:

[spoiler][quote]CSS[/quote][/spoiler]

Tu trouveras ces identifiants dans le CSS de base (lien au dessus de la feuille de style CSS), mais la question n'est pas là.
Il faut plutôt reprendre le(s) identifiant(s) concernés dans la feuille de style personnalisable (l'onglet à côté de "Couleurs") et leurs donner les paramètres souhaités.
Par exemple pour la taille des message c'est l'identifiant .postbody que tu reprends dans le CSS.
Pour la couleur texte, il me semble me rappeler que c'est :

.postbody {
width: ???px;
color: #code_couleur;
margin: ??px 0 ??px; /* la première valeur est pour le top, la seconde pour le right mais aussi pour le left si on ne spécifie pas la quatrième valeur, et la troisième pour la marge-bottom */
}

Tu recopies ce dernier code dans ta feuille de style CSS, sans oublier de remplacer par des valeurs les ???px et le #code_couler (comme l'exemple d'Olivier).

[Sakuyaa]

oki merci beaucoup ^^

plus cas mettre les bons réglages ^^

[Automne]

Bonjour, Où en-est votre problème ? Deux solutions : Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône en éditant votre premier message, Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté, A bientôt sur ForumActif