Pb d'ajustement du texte sur la barre et suppression d'une barre

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

Résolu Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par stellachoux le Lun 24 Juin 2013 - 2:41

Bonsoir,

Je vous envoie une image pour mieux me comprendre.


Voila !
J'ai mit 2 flèches donc 2 problèmes.

Pour la flèche tout a gauche : Est il possible de retirer la grosse barre bleue ? C'est l'encadrement de mon forum sauf l'image d'en tête.
Si oui, pouvez-vous me guider jusqu’à l'emplacement svp ?
J'ai regardé dans le Panneau d'Administrateur > Onglet Affichage > Rubrique Images et couleurs > Gestion des couleurs et je ne vois pas le dessin.

Pour la 2e flèche, celle de droite : Est il possible de centrer mon texte "AIDES ET ASTUCES" et de changer la police (gras, taille, font etc) ?
Si oui, et que vous me donnez en code, pouvez me guider jusqu'au code svp ? et aussi me dire ce que je dois faire ?

Je vous remercie par avance de m'aider,

Bonne soirée,
Stellachoux


Dernière édition par stellachoux le Lun 24 Juin 2013 - 18:46, édité 1 fois

stellachoux
**

Messages : 88
Inscrit(e) le : 05/06/2013

http://tinyfarm.forumactif.org/
stellachoux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par Legrandfifou le Lun 24 Juin 2013 - 3:31

Salut , je me suis inscris sur le forum de votre profil en pensant que c'était celui , vous pourrez me supprimez par la suite , donc pourrais-je avoir l'adresse du forum s'il vous plait ?

Legrandfifou
**

Masculin
Messages : 76
Inscrit(e) le : 21/06/2013

http://battlefield.forumactif.com/
Legrandfifou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par Matriochka le Lun 24 Juin 2013 - 11:14

Bonjour,

Pour retirer la barre, va dans Panneau d’admin > Affichage > Couleurs > Feuille de styles CSS. Tu devrais avoir des codes de ce genre :
Code:
.headerbar {
background-color: rgba(0, 0, 0, 0);
background-image: url(http://i12.servimg.com/u/f12/13/62/39/05/haut10.png);
background-position: top center;
background-repeat: no-repeat;
height: 385px;
margin: 0!important;
padding: 0!important;
width: 940px;
}
Code:
#page-footer {
background-color: rgba(0, 0, 0, 0);
background-image: url(http://i12.servimg.com/u/f12/13/62/39/05/bas11.png);
background-position: bottom center;
background-repeat: no-repeat;
height: 167px;
margin: 0;
min-height: 4px;
padding: 0;
width: 940px;
}
Code:
#page-body {
background-color: rgba(0, 0, 0, 0);
background-image: url(http://i12.servimg.com/u/f12/13/62/39/05/cent10.png);
background-position: center;
background-repeat: repeat-y;
margin: 0;
min-height: 4px;
padding: 0;
width: 940px;
}
Supprime tout ce qui concerne le background.

Enfin, concernant la seconde question, tu devrais pouvoir modifier ça en ajoutant (toujours dans le CSS) :
Code:
.table-title, .table-title h2 {
font-weight:bold;}
Par exemple pour avoir l’écriture en gras. Après, à toi d’ajouter ce que tu veux entre { et } Wink

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par stellachoux le Lun 24 Juin 2013 - 14:07

Bonjour Legrandfifou et Matriochka,

A Legrandfifou :
Je vous ai donné l'accès à mon forum ^_^

A Matriochka :
Je vous envoie tout le code de l'endroit ou vous m'avez guidé :
Code:
.headerbar{
background-color: transparent;
background-image: url('http://i12.servimg.com/u/f12/13/62/39/05/haut10.png');
background-position:  top center;
background-repeat: no-repeat;
margin: 0px !important;
padding: 0px !important;
height: 385px;
width: 940px;
}
#wrap{
background-color: transparent;
}
#logo-desc{
margin-top: 63px;
}
#site-title, #site-title h1{
margin: 0px;
padding: 0px;
}
.navbar{
background-color: transparent;
background-image: url('http://i12.servimg.com/u/f12/13/62/39/05/cent10.png');
background-position: center;
background-repeat: repeat-y;
min-height: 4px;
margin: 0px;
padding: 0px;
border: none !important;
width: 940px;
}
ul.navlinks{
border: none;
}
#search-box{
margin-right: 65px;
}
#fa_ticker_block{
background-color: transparent;
background-image: url('http://i12.servimg.com/u/f12/13/62/39/05/cent10.png');
min-height: 4px;
border: none;
padding: 10px 55px 10px 55px;
margin-top : -0px !important;
margin-bottom : -0px !important;
}
#page-body{
background-color: transparent;
background-image: url('http://i12.servimg.com/u/f12/13/62/39/05/cent10.png');
background-position: center;
background-repeat: repeat-y;
min-height: 4px;
margin: 0px;
padding: 0px;
width: 940px;
}
p{
margin-bottom: 0em;
}
.panel{
background-color: transparent;
margin: 0px;
padding: 0px;
}
#page-footer{
background-color: transparent;
background-image: url('http://i12.servimg.com/u/f12/13/62/39/05/bas11.png');
background-position: bottom center;
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
min-height: 4px;
height: 167px;
width: 940px;
}
#page-footer ul.linklist{
background-color: transparent;
display: block !important;
min-height: 4px;
width: 800px;
padding-left: 55px;
}
.copyright{
padding: 0px;
}
#main-content{
width: 800px;
margin-left: 70px;
padding-bottom: 3px;
}
#page-footer .navbar{
background-color: transparent;
background-image: none;
margin: 0px;
padding: 0px;
}
#page-footer span.corners-top { background-image: none; }
#page-footer span.corners-top span { background-image: none; }
#page-footer span.corners-bottom { background-image: none; }
#page-footer span.corners-bottom span { background-image: none; }
#headerbar span.corners-top { background-image: none; }
#headerbar span.corners-top span { background-image: none; }
#headerbar span.corners-bottom { background-image: none; }
#headerbar span.corners-bottom span { background-image: none; }
#page-header span.corners-top { background-image: none; }
#page-header span.corners-top span { background-image: none; }
#page-header span.corners-bottom { background-image: none; }
#page-header span.corners-bottom span { background-image: none; }
.topiclist dl.icon {
min-height: 60px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 60px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 65px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 60px;
}
.forabg{
background-repeat: repeat;
}
.forumbg {
background-repeat: repeat;
}
a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url("http://i15.servimg.com/u/f15/11/95/30/70/bb110.png");
background-repeat: repeat;
background-position: bottom left;
border: 3px groove #0a86da;
}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
background-image: url("http://i15.servimg.com/u/f15/11/95/30/70/bb213.png");
background-repeat: repeat;
background-position: bottom left;
border: 3px groove #0a86da;
}
#profile-advanced-layout{
floatne;
margin: 0px;
padding: 0px;
width: 900px;
}
#profile-advanced-left{
float : none;
margin: 0px;
padding: 0px;
width: 805px;
}
#profile-advanced-right{
float: none;
margin: 0px;
padding: 0px;
margin-bottom: 0px;
width: 800px;
}
#profile-advanced-right .module{
margin-bottom: 0px;
}




Avant de faire une betise, quand vous me dites supprimer tout ce qui concerne "background", je dois supprimer tous les mots "background" ou toutes les lignes qui ont le mot "background" ?
Je m'excuse, je ne suis vraiment, vraiment pas douée dans les codes... voir pas du tout...><

Pour la 2e réponse, encore une fois, je suis perdue dans votre explication.
Je n'ai pas trouvé votre code :


Code:
.table-title, .table-title h2 {font-weight:bold;}

Mais j'ai trouvé quelque chose qui lui ressemble :
Code:
#site-title, #site-title h1{
margin: 0px;
padding: 0px;

Est ce bien la que je dois changer ?

Je vous remercie par avance.

Bonne journée,
Stellachoux

stellachoux
**

Messages : 88
Inscrit(e) le : 05/06/2013

http://tinyfarm.forumactif.org/
stellachoux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par Matriochka le Lun 24 Juin 2013 - 14:09

Avant de faire une betise, quand vous me dites supprimer tout ce qui concerne "background", je dois supprimer tous les mots "background" ou toutes les lignes qui ont le mot "background" ?
Toutes les lignes, donc par exemple :
Code:
background-color: transparent;
background-image: url('http://i12.servimg.com/u/f12/13/62/39/05/haut10.png');
background-position:  top center;
background-repeat: no-repeat;

Ensuite, pour la seconde question, il faut ajouter le code que j’ai donné, donc au tout début de la feuille par exemple, tu sautes quelques lignes et tu colles le code que j’ai donné.

#site-title, #site-title h1, tu ne t’en occupes pas pour le moment, c’est encore autre chose, ça n’est pas ici qu’il faut modifier Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par stellachoux le Lun 24 Juin 2013 - 14:32

Ah coooool !!!
La barre a disparu et je me suis empressée de mettre enfin mon widget "dernier sujet"!!!
Oui j'avais un gros problème de décalage trouvé par Scipion qui m'a conseillé de retirer cette barre.

et pour le 2e probleme, j'ai fait ce que vous m'avez dit !
J'ai vu que mon texte est en gras.
Pour le centré, je dois faire une autre ligne avec :
font-weight:center;} ?

et pour la taille de la police, je fais comme ca ? : 
font-weight:size=18;} ?

Merciiiiii pour la résolutioon de mes  problemes en cours !!!!

stellachoux
**

Messages : 88
Inscrit(e) le : 05/06/2013

http://tinyfarm.forumactif.org/
stellachoux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par Matriochka le Lun 24 Juin 2013 - 14:35

Alors, une petite leçon s'impose Lunette

Pour centrer le texte, on utilise : text-align ensuite, on précise où on veut aligner : center
Ce qui donne : text-align:center;

Pour la taille du texte, là on utilise font-size. Ensuite même chose, on précise la taille : 18px
Ce qui donne : font-size:18px;

Si on assemble le tout :
Code:
.table-title, .table-title h2 {
text-align:center;
font-size:18px;
font-weight:bold;}

Pour t'aider sur tout ça :
http://forum.forumactif.com/t301866-le-css-comment-ca-marche Very Happy

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par stellachoux le Lun 24 Juin 2013 - 15:06

Merci pour le lien.
J'ai lu et c'est ecrit exactement la même chose que vous pour le "centrer" sauf qu'il y a un espace entre " : " et "center". Ça marche aussi visiblement.
J'ai testé les 2, ça ne me centre pas.

Je vous envoie en image ma barre de "titre" (je suppose) après modification. je vous ai mit une croix rouge pour dire ou le mot "AIDES ET ASTUCES" devrait etre :

stellachoux
**

Messages : 88
Inscrit(e) le : 05/06/2013

http://tinyfarm.forumactif.org/
stellachoux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par Matriochka le Lun 24 Juin 2013 - 15:26

J'ai lu et c'est ecrit exactement la même chose que vous pour le "centrer" sauf qu'il y a un espace entre " : " et "center". Ça marche aussi visiblement.
Les espaces ici ne sont pas gênants. J'ai pour habitude de ne pas en mettre, mais ça ne va pas chambouler tout s'il y en a un :p

Merci pour la capture.

Alors, pour la taille, essaye d'ajouter !important à la fin :
Code:
font-size:18px!important;
Pour le center je regarde ça de plus près Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par stellachoux le Lun 24 Juin 2013 - 15:55

J'ai mit important dans font-size, ca ne veut pas me centrer
j'ai mit important dans center, ca ne veut pas me centrer non plus
Code:
.table-title, .table-title h2 {
text-align:center!important;
font-size:14px!important;
font-weight:bold;}
 j'ai mit soit l'un, soit l'autre, pareil, ca ne veut pas se centrer

stellachoux
**

Messages : 88
Inscrit(e) le : 05/06/2013

http://tinyfarm.forumactif.org/
stellachoux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par Matriochka le Lun 24 Juin 2013 - 15:59

Oui mais font-size permet d’augmenter la taille de la police, ça l’a bien fait augmenter, non ?

Pour centrer, j’ai dit que je regardais ^^

Edit : Voilà pour centrer :
Code:
li.header {text-align:center;}
Mais ça risque de centrer aussi les autres textes sur la ligne. Je n’ai pas trouvé mieux…

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par stellachoux le Lun 24 Juin 2013 - 16:09

Oups ! je vous ai mal lu ! désolée.
Oui ! Oui ! tout est OK pour le reste ! Merciii

Mais je me demande si c'est pas a cause de mon theme.
J'ai pas mal de probleme de configuration a cause de lui.
Comme la en enlevant les "background", visiblement j'ai toujours le pb de décalage.
J'ai testé avec d'autre theme avant, ca marche tres bien les widget.

Merciiii beaucoup !!!

stellachoux
**

Messages : 88
Inscrit(e) le : 05/06/2013

http://tinyfarm.forumactif.org/
stellachoux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par stellachoux le Lun 24 Juin 2013 - 18:10

Re bonsoir Matriochka,

Je ne sais pas ce qui s'est passé, ma feuille de style CSS est vide.
Et a ma grande surprise, j'ai remit le le widget, je n'ai plus de décalage !

et vu que la feuille CSS est vide, j'avais plus mes polices en gras dans la barre des titres.
J'ai remis, c'est OK.
Reste juste le probleme pour centrer.

Est ce que je dois m'inquieter de voir ma feuille de CSS vide ?

Bonne soirée,
Stellachoux

stellachoux
**

Messages : 88
Inscrit(e) le : 05/06/2013

http://tinyfarm.forumactif.org/
stellachoux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par Legrandfifou le Lun 24 Juin 2013 - 18:18

Salut Stellachoux , tu veut centrer le titre des catégories ?

Pour cela rajoute dans ton CSS ceci.

Code:
.table-title, .table-title h2{
padding-left: 110px;
}

Ensuite tu n'a plus qu'a régler la valeur pour que le titre se met ou tu veut Smile

Cordialement , Legrandfifou.

Legrandfifou
**

Masculin
Messages : 76
Inscrit(e) le : 21/06/2013

http://battlefield.forumactif.com/
Legrandfifou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par stellachoux le Lun 24 Juin 2013 - 18:29

Bonsoir Legrandfifou,

Oui, j'aimerai bien svp. Merci

stellachoux
**

Messages : 88
Inscrit(e) le : 05/06/2013

http://tinyfarm.forumactif.org/
stellachoux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par Legrandfifou le Lun 24 Juin 2013 - 18:31

@Legrandfifou a écrit:
Pour cela rajoute dans ton CSS ceci.

Code:
.table-title, .table-title h2{
padding-left: 110px;
}

Ensuite tu n'a plus qu'a régler la valeur pour que le titre se met ou tu veut Smile

Cordialement , Legrandfifou.

Legrandfifou
**

Masculin
Messages : 76
Inscrit(e) le : 21/06/2013

http://battlefield.forumactif.com/
Legrandfifou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par stellachoux le Lun 24 Juin 2013 - 18:34

Coooool !!!!
Ca marche !!!!
Mon forum devient de plus en plus beau !!! Grace a vous !!!

Merciiiiiii beaucoup Legrandfifou et Matriochka !!!!

Bonne soirée !
Stellachoux

stellachoux
**

Messages : 88
Inscrit(e) le : 05/06/2013

http://tinyfarm.forumactif.org/
stellachoux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par Legrandfifou le Lun 24 Juin 2013 - 18:34

Avec plaisir Smile

Si tu veut bien , tu peut me supprimer du forum si tu n'a plus besoin de mon aide Smile

Cordialement , Legrandfifou.

Legrandfifou
**

Masculin
Messages : 76
Inscrit(e) le : 21/06/2013

http://battlefield.forumactif.com/
Legrandfifou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par Matriochka le Lun 24 Juin 2013 - 18:38

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par stellachoux le Lun 24 Juin 2013 - 18:38

Avant de clôturer ce mon post, je dois m’inquiéter ou pas de voir ma feuille de style CSS vide.
Avant y avait plein de code (voir code donné un peu plus) et la y a que les commandes que je viens de mettre cad centrer, polices et taille pour ma barre des titres catégories.
Vraiment bizarre...

stellachoux
**

Messages : 88
Inscrit(e) le : 05/06/2013

http://tinyfarm.forumactif.org/
stellachoux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par Matriochka le Lun 24 Juin 2013 - 18:39

As-tu changé de thème entre temps ? Tu dois avoir fait une manipulation qui a supprimé la feuille de styles.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par stellachoux le Lun 24 Juin 2013 - 18:42

Oui, j'ai changé de theme, mais je suis revenue sur mon theme actuel.
Et tout remis à la main mes boutons que j'ai créé avec GIMP

stellachoux
**

Messages : 88
Inscrit(e) le : 05/06/2013

http://tinyfarm.forumactif.org/
stellachoux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb d'ajustement du texte sur la barre et suppression d'une barre

Message par stellachoux le Lun 24 Juin 2013 - 18:46

Ah oui ! Legrandfifou, mon forum est pour tout le monde sauf une personne LOL
Avec plaisir, je donne accès même si ca sert a rien pour vous !
En tout cas, je cloture mon post vu que tout fonctionne comme je le voulais !!

Merciiii encore a vous deux !

Bonne soirée,
Stellachoux

stellachoux
**

Messages : 88
Inscrit(e) le : 05/06/2013

http://tinyfarm.forumactif.org/
stellachoux 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