Effet de fond de Titre de Catégorie

[*angiesworld*]

Bonjour,

Avant tout je tiens à remercier, par avance, tout ceux qui prendront le temps et la peine de me venir en aide!
Merci..

Alors voilà, j'aurais aimée changer l'effet de fond dit basique des titres de mes catégories, à savoir :


Pour avoir cet effet de fond là (avec bordure arrondi ou non!) :
http://www.berkeley-u.com/



Je précise que le fond de titre de la catégorie donnée sur Berkeley-u n'est en rien une image..
Mais belle et bien un effet de fond! De ce que j'en ai vu en tout cas..

Donc savez vous comment puis je avoir ce genre de chose?!
Par quel code je peux obtenir quelque chose dans le même genre?!

Bien à vous..
Amicalement, Angie

[LiLi Ao]

C'est une image, regarde bien, il y a des petits losanges dessus.

C'est une double image de fond je pense, de largeur plus petite que celle des catégories, en répétition verticale et centrée

[*angiesworld*]

C'est une image, regarde bien, il y a des petits losanges dessus.

C'est une double image de fond je pense, de largeur plus petite que celle des catégories, en répétition verticale et centrée

Il n'y a pas de losange ce sont des guillemets!
« Let live better, let live together »

Ma foi, je ne suis pas sur que ce soit une double image de fond en tout cas.

Mais quand bien même ce soit le cas.. Savez-vous comment je pourrais donner cet effet?! ^^
Il doit sûrement avoir un code à mettre dans le CSS et peut être dans le template aussi..

[Shizuo Heiwajima]

C'est simple,
Il suffit de virer l'image que tu as toi en fond de nom de catégorie,
Ensuite de mettre ce code dans ton CSS :

Code:


.nomdecategorie
{padding-bottom:0px;
      padding-top:5px;
      padding-bottom:5px;
      background-image: url(http://img45.xooimage.com/files/8/0/1/barre3-1b6fd45.png);
      letter-spacing: 4px;
      font-family: Georgia;
      margin-left:90px;
      margin-right:90px;
      margin-top:-10px;
      margin-bottom:-10px;
      -moz-border-radius-bottomleft:0px;
      -moz-border-radius-topleft:60px;
      -moz-border-radius-bottomright:0px;
      -moz-border-radius-topright:60px;}



Et ensuite, dans ta gestion des catégories toussa,
Tu mets

Code:

<div class="nomdecategorie"></div>

Et entre ces balises tu mets le nom de ta catégorie, dans ton exemple de forum ils ont mis

Code:

<div class="nomdecategorie">« Let live better, let live together »</div>

En revanche je te déconseille fortement de plagier, si je t'ai mis ce code c'est pour t'aider à comprendre, mettre le même est interdit hein ;D
Mais tu en es consciente je suppose ^-^
J'espère que j'ai été assez claire mais si tu as des questions, n'hésite pas

[*angiesworld*]

Merci à toi Shizuo Heiwajima ^^

Malheureusement les codes donnés ne fonctionne pas!
Vois de par toi même : http://chacecrawford.forum-actif.net/

Code mit dans le CSS :

Code:

.nomdecategorie
{
padding-bottom:0px;
      padding-top:5px;
      padding-bottom:5px;
      background-image: url('http://img710.imageshack.us/img710/7749/9k2frdjpg.png');
      letter-spacing: 4px;
      font-family: Georgia;
      margin-left:90px;
      margin-right:90px;
      margin-top:-10px;
      margin-bottom:-10px;
      -moz-border-radius-bottomleft:0px;
      -moz-border-radius-topleft:60px;
      -moz-border-radius-bottomright:0px;
      -moz-border-radius-topright:60px;}


Il en a bien évidemment de ne pas plagier.. J'en suis consciente oui..
Et je ne plagierai pas.. Tout ce que j'voulais c'est avoir à peu prés le même effet, avec d'autres images..
D'ailleurs je te remercie de m'avoir mit sur la vois.. Même si le code ne fonctionne pas =//

[Shizuo Heiwajima]

Je peux me tromper mais je ne vois pas
<div class="nomdecategorie"></div> dans ton titre ?
À moins que tu l'aies mis avant et enlevé ?
Mais le css ne marchera évidemment pas tant que tu n'auras pas défini une zone où il doit marcher =)

Regarde ici :
Par là~
C'est mon forum de test et en l'occurence ça marche

[*angiesworld*]

Oui j'ai mit dans la Catégorie (c'est bien là qu'il faut mettre?!) là ou sur la PA y a deux bulles bleu qui se chevauchent?! ça <div class="nomdecategorie">« The Management »</div>
Mais ca ne change rien =//

Le code y est toujours donc.. J'ai rien enlevée!

L'image que j'ai mise est peut être trop grand, non?! 509*155
Fin ça m'étonne..

Mais le css ne marchera évidemment pas tant que tu n'auras pas défini une zone où il doit marcher =)

Si je met le code dans une des catégories le CSS devrait marché, j'me trompe?!^^

[Shizuo Heiwajima]

Ouais ça devrait être là mais il n'apparait toujours pas dans ton code source, étrange.
Je te met les images de mon Panneau d'admin :



et dans le CSS:


Si c'est trop petit dis-le moi j'agrandirais =)

As-tu défini autre chose un code qui prendrait le dessus ?
As-tu enlevé ton image de fond de catégorie ?

Mais franchement déjà si le <div class="nomdecategorie">« The Management »</div> apparaissait dans le CSS ce serait cool x)

[Ceress]

Bonsoir j'ai moi aussi essayer mais ça ne marche pas non plus : http://age-hacker.forumactif.org/index.htm

De l'aide peut-être ? (Ps: Je n'ai pas encore modifier ce que tu as donner je le ferais une fois que ça fonctionneras bien sûr ^^)

Merci.

[*angiesworld*]

Merci Shizuo Heiwajima! (Encore une fois..)
Erreur toute bête.. Je l'avais mit dans la description de la catégorie et nom dans le titre direct de celle ci ..
*Boulet je suis, boulet je resterai.. xD

Donc ça a marché.. Mais le résultat donné n'était pas vraiment celui escompter..
Avec le "Dernier Message" écrit en haut juste à côté.. Ca donne pas tip top quoi.

Par contre je ne comprend pas ce que tu veux dire par là:

Mais franchement déjà si le <div class="nomdecategorie">« The Management »</div> apparaissait dans le CSS ce serait cool x)

Il faut que je rajoute le code également dans le CSS?! =//

Bonsoir j'ai moi aussi essayer mais ça ne marche pas non plus : http://age-hacker.forumactif.org/index.htm

De l'aide peut-être ? (Ps: Je n'ai pas encore modifier ce que tu as donner je le ferais une fois que ça fonctionneras bien sûr ^^)

Merci.

As tu bien mit le code
<div class="nomdecategorie"> TITRE DE LA CATEGORIE </div> dans le Nom de la catégorie?!
Personnellement moi je l'avais mit dans la description.. Donc tu as peut être fait la même erreur aussi (sait on jamais..)
Serait il possible que tu nous donnes les Codes que tu as mit sur le CSS et dans ta ou tes catégories?!

[Shizuo Heiwajima]

Nan t'inquiète c'est pas grave xD
Moi aussi j'ai dit CSS alors que je voulais dire code source, gros boulet que je suis x)

Donc du coup cela ne te plaît pas ?
Donc plus de questions ?

[Ceress]

Bonjour non je l'ai bien mis dans ma description mais peut-être que cela est dû à mon templates modifié puisque je n'ai plus de nom de catégorie maintenant ? CF le lien de mon forum. Voici des screen tout de même au cas où j'aurais fait une boulette ^^'





De plus le truc est visible mais uniquement quand je lis un message :



Je pense donc que c'est vraiment dû à mon template, puis-je avoir de l'aide svp ? J'enverrais le templates par mp s'il faut. Merci beaucoup !

[Shizuo Heiwajima]

Je pense en effet que ça vient du template, c'est certain même =)
Donc du coup pour ce faire il faudrait réintégrer le titre des catégories dans le template index_body je suppose ?

Vous pouvez l'afficher ici si vous le souhaitez, je ne suis pas sûre de pouvoir vous aider à merveille mais où aimeriez vous rajouter le titre des catégories sur la page d'accueil ?
Un screen si possible avec une flèche ? Sinon je suppose que c'est au dessus des 'boîtes' que font vos forums ? ;D

[Ceress]

Bonjour merci pour ton aide alors voilà la flèche (bon désolée c'est pas simple avec la souris xD)



Et voilà mon template en espérant que personnes ne le reprenne sans autorisation u_u

Spoiler:

[Shizuo Heiwajima]

Je te propose qu'on voit la suite par MP pour que tu puisses retirer ton template

[Ceress]

Oui si tu peux m'aider par mp ce serait génial, merci !

[*angiesworld*]

Nan t'inquiète c'est pas grave xD
Moi aussi j'ai dit CSS alors que je voulais dire code source, gros boulet que je suis x)

Donc du coup cela ne te plaît pas ?
Donc plus de questions ?

Bouuuu Shizuo Heiwajima..
Déjà que j'suis une quiche ambulante de nature.. Alors si en plus tu fais des boulettes.
On est pas sortie de l'auberge! xD

Ma foi.. Merci à toi pour cette aide. ^^
En effet cela ne me plaît pas avec les catégories actuelles que j'ai..
Mais comme j'essai de les modifier.. Peut être que je rouvrirai un topic pour savoir comment faire ceci ou cela si je viens à avoir, à l'avenir, un problème avec le code que tu m'as donné.
Donc plus de question!

Dois je clore le sujet en le mettant en résolu, où est ce que je vous le laisse ouvert pour toi & Ceress?!

[Shizuo Heiwajima]

Nope c'est bon pour Ceress aussi tu peux mettre résolu ;D

[*angiesworld*]

Nope c'est bon pour Ceress aussi tu peux mettre résolu ;D

Ouki L'ami
Encore Merci! A un de ces jours qui sait..

Sur ce.. Bonne Continuation & Prend soin de toi
Amicalement, Angie
xoXox