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

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

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

Message par Ombeline30 le Mer 2 Nov 2016 - 15:51

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


Dernière édition par Ombeline30 le Sam 5 Nov 2016 - 12:16, édité 2 fois
avatar

Ombeline30
****

Messages : 240
Inscrit(e) le : 11/08/2015

http://voyances-ombeline.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de chaque côté des titres des catégories

Message par Ombeline30 le Jeu 3 Nov 2016 - 15:54

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

Ombeline30
****

Messages : 240
Inscrit(e) le : 11/08/2015

http://voyances-ombeline.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de chaque côté des titres des catégories

Message par Ombeline30 le Ven 4 Nov 2016 - 18:11

Up
avatar

Ombeline30
****

Messages : 240
Inscrit(e) le : 11/08/2015

http://voyances-ombeline.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de chaque côté des titres des catégories

Message par ◦Jay◦ le Ven 4 Nov 2016 - 20:49

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.


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3466
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de chaque côté des titres des catégories

Message par Ombeline30 le Ven 4 Nov 2016 - 21:15

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

avatar

Ombeline30
****

Messages : 240
Inscrit(e) le : 11/08/2015

http://voyances-ombeline.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Image de chaque côté des titres des catégories

Message par ◦Jay◦ le Sam 5 Nov 2016 - 0:41

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.


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3466
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de chaque côté des titres des catégories

Message par Ombeline30 le Sam 5 Nov 2016 - 7:45

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 Embarassed

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

Ombeline30
****

Messages : 240
Inscrit(e) le : 11/08/2015

http://voyances-ombeline.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de chaque côté des titres des catégories

Message par ◦Jay◦ le Sam 5 Nov 2016 - 8:14

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


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3466
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de chaque côté des titres des catégories

Message par Ombeline30 le Sam 5 Nov 2016 - 8:18

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

Ombeline30
****

Messages : 240
Inscrit(e) le : 11/08/2015

http://voyances-ombeline.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de chaque côté des titres des catégories

Message par ◦Jay◦ le Sam 5 Nov 2016 - 19:56

Bonsoir Ombeline, heureux que cela vous plaise.

@Bientôt. Wink


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3466
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de chaque côté des titres des catégories

Message par Ombeline30 le Sam 5 Nov 2016 - 20:01

Bonsoir Jay,

Oh oui beaucoup encore merci et je vous dis au plaisir sunny

Très belle soirée flower
avatar

Ombeline30
****

Messages : 240
Inscrit(e) le : 11/08/2015

http://voyances-ombeline.forumgratuit.be/
Ombeline30 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