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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par Sakuyaa le Lun 5 Mar 2012 - 12:38

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


Dernière édition par Sakuyaa le Lun 12 Mar 2012 - 18:48, édité 1 fois

Sakuyaa
Nouveau membre

Masculin
Messages : 5
Inscrit(e) le : 23/09/2011

http://avalonn.forumgratuit.org/
Sakuyaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réglage de la taille et des espacement des les messages

Message par Final-Blonde le Lun 5 Mar 2012 - 13:15

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:
http://forum.forumactif.com/t278845-les-principaux-identifiants-css-phpbb2-phpbb3

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réglage de la taille et des espacement des les messages

Message par Sakuyaa le Lun 5 Mar 2012 - 14:24

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 ^^

Sakuyaa
Nouveau membre

Masculin
Messages : 5
Inscrit(e) le : 23/09/2011

http://avalonn.forumgratuit.org/
Sakuyaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réglage de la taille et des espacement des les messages

Message par Final-Blonde le Lun 5 Mar 2012 - 16:28

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... Gloups

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réglage de la taille et des espacement des les messages

Message par Olivier-Design le Lun 5 Mar 2012 - 16:54

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.

Olivier-Design
***

Messages : 153
Inscrit(e) le : 10/02/2012

http://plaisirsgourmands.forumactif.com
Olivier-Design a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réglage de la taille et des espacement des les messages

Message par Final-Blonde le Lun 5 Mar 2012 - 17:30

@Olivier-Design a écrit: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. Wink

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réglage de la taille et des espacement des les messages

Message par Sakuyaa le Lun 5 Mar 2012 - 18:56

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;}



Dernière édition par Sakuyaa le Mar 6 Mar 2012 - 20:15, édité 1 fois

Sakuyaa
Nouveau membre

Masculin
Messages : 5
Inscrit(e) le : 23/09/2011

http://avalonn.forumgratuit.org/
Sakuyaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réglage de la taille et des espacement des les messages

Message par Final-Blonde le Lun 5 Mar 2012 - 19:43

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]

@Final-Blonde a écrit: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).

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réglage de la taille et des espacement des les messages

Message par Sakuyaa le Mar 6 Mar 2012 - 20:16

oki merci beaucoup ^^

plus cas mettre les bons réglages ^^

Sakuyaa
Nouveau membre

Masculin
Messages : 5
Inscrit(e) le : 23/09/2011

http://avalonn.forumgratuit.org/
Sakuyaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réglage de la taille et des espacement des les messages

Message par Automne le Lun 12 Mar 2012 - 2:31

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 résolu 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 Smile

Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum