barre de titres des catégories

[louve reine]

Bonsoir

Je me tire les cheveux pour installer une barre de titre comme celle ci :



1) impossible de la centrer pour que l'on vois le titre au milieu de cette barre

2) elle est ou trop grande ou trop petite car elle se dédouble sur toute la longueur

SREEN CI APRÈS DU PROBLÈME



Pourriez vous m'aider a trouver une solution ?

Voici l'adresse de mon fofo ==> wod2.forumgratuit.org

version du thème ==> phpBB2 (subsilver)

Dans l’attente d'une réponse
Cordialement louve reine

[Scipion]

Bonsoir

Serait-il possible d'avoir le ou les liens relatifs à l'image barre de titre pour test Grace à ses compétences, le service graphique FA pourrait résoudre aisément ce petit souci pour peu que vous introduisiez une demande en ce sens (retouche) en utilisant le support suivant :

Générateur de commande graphique

Cordialement

[louve reine]

Merci de ta réponse

voici le lien pour info je dois pas employer le terme exacte ça s'appel comment ? un header ? ==> barre de titre

http://img72.xooimage.com/files/5/3/b/barre-titre-28c7998.png

[Scipion]

Fond noir :

Code:

http://i24.servimg.com/u/f24/13/94/72/47/barre-11.png

Fond blanc :

Code:

http://i24.servimg.com/u/f24/13/94/72/47/barre-12.png

Cordialement

[louve reine]

Merci scipion,,

mais en entrant le lien ça va pas du tout

en faire au milieu de ma fameuse barre que j'ai faite, il y a le texte des catégories au milieu.

Ya juste un problème de taille sur le lien d'image et peu être surement templet car ça part de tout les côtés.

Je joint le résultat du lien que tu m'as donné :



L'espace que j'avais fait entre les deux flèches était normal , puisque le texte est déja sur la barre. Je sais on le vois mal il est en blanc. l'image le cache ...

[Scipion]

Si vous êtes d'accord, nous verrons tout ça dans la journée. Si j'ai bien compris le problème, vous souhaitez utiliser la barre comme image de fond de la catégorie et mettre dessus le titre ?

Cordialement

[SoraNoHime]

Bonsoir, en fait ce que vous voulez c'est insérez l'image en entier dans la barre de titre des catégories, et derniers messages, sans qu'elle ne se découpe, ni se répète, et se mette soit au dessus soit en dessous des titres.

Ai-je bien compris ?

Cordialement.

Edit : oups, désolé Scipion, je n'avais pas eu ta réponse.

[louve reine]

En somme ça donnerai ça :



Tout en sachant que le texte est déja entrée dans les titres de catégories, c'est pour cela que j'avais crée ma barre sans le texte. Car je pensai qu'il entrerait pile poile dedant oupsssss ^^
cette barre doit se mettre automatiquement a chaque fois que je créerai un forum. D'ou le fait que je ne met pas de texte puisqu'il va changer a chaque titre.

[louve reine]

merci a demain scipion

[SoraNoHime]

Nous allons tester avec de la css, tout simplement ^^

essayez d'y mettre ceci :

Code:

/*Titre des catégories*/
.secondarytitle{
background-image: url('url de votre image');
background-repeat: no-repeat;
background-position : center center;
height:taille de votre image en hauteurpx;
width:taille de votre image en longeurpx;}

Dites moi ce que cela donne.

[louve reine]

Nous allons tester avec de la css, tout simplement ^^

essayez d'y mettre ceci :

Code:

/*Titre des catégories*/
.secondarytitle{
background-image: url('url de votre image');
background-repeat: no-repeat;
background-position : center center;
height:taille de votre image en hauteurpx;
width:taille de votre image en longeurpx;}

Dites moi ce que cela donne.

Arf je sais même pas ou poser le code je m'y connais pas grand chose en css de plus je connais pas du tout forumactif (je me débrouille uniquement pour changer les images ) j'étais sur un concurrent avant et j'ai changé car ça buguai trop.

[SoraNoHime]

PA > Affichage > Couleur et dans l'onglet à droite cliquez sur feuille de style css.

Edit : Copier coller le code que je vous ai donné, en mettant l'url de votre image, sa taille en hauteur (height : 100px; par exemple) et sa taille en longueur (width: 400px; par exemple)

[louve reine]

oui j'ai trouvé l'endroit, mais pourquoi aller sur la page de couleur css alors que c'est une image ?

la couleur c'est pour changer la couleur texte du forum !

[SoraNoHime]

l'image est intégrée grace à ce code dans la css :

background-image: url('url de votre image');

ainsi plus besoin de l'insérez dans la catégorie où elle peut se répéter.

Ps : la partie en rouge est à modifier par l'adresse de votre image

Edit : pour information, la feuille de style css ne change pas que les couleurs ou le texte, ne vous trompez pas avec l'onglet couleur ^^. On peut intégrer des images, régler une hauteur, changer certains points... Pour exemple, aller sur mon lien de profil. A part les templates catégories, les titres par exemple sont entièrement faits grace à la css.

[louve reine]

J'ai compris ce que tu veux dire, mais le background c'est le fond d'image en dernier plan ...

moi c'est pas le background que je travaille.

[louve reine]

j'ai trouvée le texte concernant cette barre vu que tu a l'air de t'y connaitre peu tu me dire ou mettre ce lien car apparement la personne qui a fait le code ne trouvai pas utile d'en mettre puisqu'il a mis text decoration no util

voici le code ccs que j'ai :

/*----------- cadre titre parties -----------*/
.secondarytitle {
text-align: center;
color: #fff;
text-shadow: 2px 2px 5px #000000;
text-decoration:none !important;
border-bottom:1px dotted white;
}
th {
text-align: center;
color: #fff;
text-shadow: 2px 2px 5px #000000;
text-decoration:none !important;
border-bottom:1px dotted white;
}

[SoraNoHime]

Remplace ainsi en changeant les parties en rouge

/*----------- cadre titre parties -----------*/
.secondarytitle {
text-align: center;
color: #fff;
text-shadow: 2px 2px 5px #000000;
text-decoration:none !important;
border-bottom:1px dotted white;
background-image: url('url de votre image');
background-repeat: no-repeat;
background-position : center center;
height:taille de votre image en hauteurpx;
width:taille de votre image en longeurpx;
}

th {
text-align: center;
color: #fff;
text-shadow: 2px 2px 5px #000000;
text-decoration:none !important;
border-bottom:1px dotted white;
}

Si cela ne fonctionne pas on passera par les templates ensuite.


Edit : le text-decoration:none !important; veux en fait dire que tu ne veux pas que tes titres soient soulignés ^^

Je te conseille également de lire ce post https://forum.forumactif.com/t301866-le-css-comment-ca-marche qui t'explira bien comment fonctionne la css. Je t'invite en particulier à visiter les sites dans l'encart PLUS. Ils te permettront d'apprendre un peu mieux à quoi servent telle fonction en css. Je vais me coucher à mon tour. à demain.

[louve reine]

oki je pense avoir bien compris ce que tu me dit.

Je teste première fois que je toucherai au css lol j'ai mis en vert ce que je devais ajouter tu me dire si c'est bon ?


/*----------- cadre titre parties -----------*/
.secondarytitle {
text-align: center;
color: #fff;
text-shadow: 2px 2px 5px #000000;
text-decoration:none !important;
border-bottom:1px dotted white;
background-image: url('http://img72.xooimage.com/files/5/3/b/barre-titre-28c7998.png');
background-repeat: no-repeat;
background-position : center center;
height:0,389 px;
width:9,903 px;
}

th {
text-align: center;
color: #fff;
text-shadow: 2px 2px 5px #000000;
text-decoration:none !important;
border-bottom:1px dotted white;
}

[louve reine]

ouiiiiiiiiiiiiii je te remercie j'ai réussi , il restera juste un dernier détail a régler a demain et bonne nuit.

je te laisse le lien du fofo pour que tu puisses voir ya juste un bou de flèche qui ne devrai pas être sur la barre celle qui est tout a droite.

Encore mille merci et attend de résoudre ce dernier soucis

[url=http://wod2.forumgratuit.org/]mon forum[/ur]

[louve reine]

le problème est entièrement résolue un ami vient de trouver

yavait juste a ajouter retirer image côté droit

.secondarytitle <<< c a gauche

th <<< a droite

MERCI BEAUCOUP ET peu être a bientôt

[Anzu]

Bonjour, Afin de faciliter les recherches ultérieures, merci de respecter les règles concernant le titre de votre sujet. En effet, votre titre : - doit-être explicite (qui explique brièvement le problème), - ne doit pas être en majuscules, - ne doit pas contenir de mots trop généralistes : "aide" ; "help" ; "besoin d'aide" ; "problème"... Merci de le modifier en cliquant sur le bouton de votre premier message. A bientôt sur ForumActif

Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : - Règles générales du forum - Charte de ce forum A bientôt sur ForumActif

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

Bonjour,

Je vous invite à passer par la case "règlement" avant tout, si vous ne voulez pas voir votre sujet verrouillé la prochaine fois

Cordialement.