Image de chaque côté des titres des catégories

[Ombeline30]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://voyances-ombeline.forumgratuit.be/

Description du problème

Bonjour,

Je rencontre un petit soucis pour mettre, pour tous les titres de mes catégories, une image de chaque côté (gauche/droite) histoire d'agrémenter les titres comment dois-je m'y prendre s'il vous plaît ? Je pense qu'il doit y avoir un code à ajouter dans .secondarytitle h2 oui mais lequel ? hi

Merci beaucoup pour votre aide ^^

[Ombeline30]

Un petit up pour solliciter votre aide s'il vous plaît ^^

[Ombeline30]

Up

[◦Jay◦]

Bonjour Ombeline30, il faudrait voir avec les images que vous souhaitez mettre mais vous pouvez déjà commencer avec ceci, vous pourrez adapter :

Code:

.secondarytitle h2{
background: url("url de votre 1ere image") , url("url de votre 2eme image") ;
background-repeat:no-repeat, no-repeat;
background-position:left,right;
padding-left:20px;
padding-right:20px;
}

J'ai mis en padding 20 px mais il faudra changer la valeur en fonction de votre image.

Bien à vous.

[Ombeline30]

Bonsoir Jay et merci beaucoup pour votre aide, j'ai tenté seulement cela me met un titre sur deux et en image de fond, en fait je souhaitais mettre cette image

à gauche et à droite des titres mais ici le rendu est en background donc en image de fond et cela me le fait 1 titre sur 2 et non à tous les titres ^^

Donc ici j'ai mis ceci pour l'instant :

Code:

.secondarytitle h2{
background: url("http://img11.hostingpics.net/pics/35604726elfe.gif"), url("http://img11.hostingpics.net/pics/35604726elfe.gif");
width:150px;
height:150px;
background-repeat:no-repeat, no-repeat;
background-position:left,right;
padding-left:20px;
padding-right:20px;
}

Merci pour votre aide ^^

[◦Jay◦]

Ah oui, ça ne peut pas aller, votre image est beaucoup trop grande, j'ai découpé l'image et l'ai réduite, il faudrait mettre le code comme ceci :

Code:

.secondarytitle h2{
background: url("http://zupimages.net/up/16/44/dfbc.png"), url("http://zupimages.net/up/16/44/3uq7.png");
background-repeat:no-repeat, no-repeat;
background-position:left,right;
padding-left:80px;
padding-right:80px;
padding-top:50px;
padding-bottom:50px;}
.secondarytitle{height:80px}

Il y a un problème sur certains titres, vous avez dû mettre des retours à la ligne je pense, il faudrait que le titre tienne sur une seule ligne sans saut de ligne.

L'anti clic droit est très ennuyant et ne sert à rien pour votre sécurité puisqu'il est possible de le désactiver, toutefois, pour faire des tests, c'est plutôt gênant...

Ce qui donnerait ceci :



Cordialement.

[Ombeline30]

Bonjour Jay et un très grand merci pour votre aide,

Concernant l'anti-clic droit ça je peux l'ôter il n'y a aucun soucis, et l'image en effet étant très grande je pensais qu'il était possible de la redimensionner au passage via le CSS mais donc apparemment non

Sinon pour le retour de ligne c'est sensé se traduire par quel code s'il vous plaît, ainsi je vais le chercher et l'ôter ^^

S'agirait-il de la propriété overflow ?

Et aussi à certains titres de catégorie j'ai ceci =>



Encore merci,

Très belle journée à vous,

Ombeline

[◦Jay◦]

Bonjour Ombeline, non, je pense qu'il y a des sauts de lignes la ou vous avez écrit le titre dans votre PA.

[Ombeline30]

Bonjour Jay,

Après vérification, en effet j'ai placé des balises dans les titres je vais rectifier tout cela et en effet tout est nickel à présent, encore un immense merci pour votre aide, votre temps et surtout de vous être occupé de l'image, vous n'étiez pas obligé mais vous l'avez fait pour me faire plaisir et répondre à ma demande et ça cela me touche vraiment beaucoup d'autant que le résultat est superbe et bien au-delà de mes attentes

[◦Jay◦]

Bonsoir Ombeline, heureux que cela vous plaise.

@Bientôt.

[Ombeline30]

Bonsoir Jay,

Oh oui beaucoup encore merci et je vous dis au plaisir

Très belle soirée