Régler image sur largeur

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

Résolu Régler image sur largeur

Message par TheDirector le Dim 6 Juil 2014 - 21:21

Bonsoir,
comment pourrais-je faire pour que ma bannière (vague rouge) aux barre blanche (en haut, à gauche et à droite) ?

Merci beaucoup



Dernière édition par TheDirector le Lun 7 Juil 2014 - 13:19, édité 1 fois

TheDirector
*****

Masculin
Messages : 635
Inscrit(e) le : 08/05/2012

http://contrehomophobes.pro-forum.fr/
TheDirector a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler image sur largeur

Message par demeter1 le Dim 6 Juil 2014 - 21:30

C'est le principe de la bannière extensible.
La bannière centrale reste fixe et centrée et les deux côtés s'adaptent à la résolution de l'écran.

Sur thèmes fa, tu as un tutoriel pour les encadrements extensibles qui reprend exactement le même principe. Il suffit juste de récupérer les 3 div de l'encadrement de la partie haute et, de les reporter après l'ouverture du head dans le template overall_header.
Tu peux changer les background de gauche et de droite par des background-color au lieu de passer par des background-image.

http://www.themes-fa.com/t2179-encadrement-extensible-sur-tout-le-forum?highlight=encadrement



Dernière édition par demeter1 le Dim 6 Juil 2014 - 21:43, édité 3 fois

demeter1
+ Hyperactif +

Masculin
Messages : 8106
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler image sur largeur

Message par TheDirector le Dim 6 Juil 2014 - 21:40

Pourrais-tu m'envoyer en MP le lien du tuto en question stp ? Smile

TheDirector
*****

Masculin
Messages : 635
Inscrit(e) le : 08/05/2012

http://contrehomophobes.pro-forum.fr/
TheDirector a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler image sur largeur

Message par demeter1 le Dim 6 Juil 2014 - 21:42

Lien transmis en édition avant ton dernier message.

demeter1
+ Hyperactif +

Masculin
Messages : 8106
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler image sur largeur

Message par TheDirector le Dim 6 Juil 2014 - 23:00

Je vois Smile Mais je ne parle pas de mon cadre mais de ma bannière, donc je ne vois toujours pas comment faire :/

TheDirector
*****

Masculin
Messages : 635
Inscrit(e) le : 08/05/2012

http://contrehomophobes.pro-forum.fr/
TheDirector a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler image sur largeur

Message par demeter1 le Dim 6 Juil 2014 - 23:49

L'encadrement extensible tel qu'il est expliqué dans le tutoriel, est composé de trois images. une image centrale et deux images (une à droite et une a gauche) qui sont en repeat pour occuper l'espace laissé à droite et à gauche de l'image centrale.

Sortez du contexte qu'il s'agit d'un encadrement et récupérez juste les 3 div qui constituent la partie haute de l'encadrement pour constituez la partie centrale de la bannière et les deux côtés.

A partir de là, il suffit d'insérer ces trois div dans le template overall_header juste en dessous de l'ouverture de la balise head pour constituer entièrement la bannière.

Il ne reste plus qu'a récupérer le css affilié à ces trois div et suivre les indications laissés en commentaire.

demeter1
+ Hyperactif +

Masculin
Messages : 8106
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler image sur largeur

Message par TheDirector le Lun 7 Juil 2014 - 13:18

Bonjour,
j'ai trouvé beaucoup plus simple Smile
Il suffit de jouer avec le CSS :

Code:
#i_logo {margin-left: XX px;
margin-right: XX px;
margin-high: XX px;
margin-top: XX px;
margin-bottom: XX px;}

Voilà, merci demeter de ton aide Wink

TheDirector
*****

Masculin
Messages : 635
Inscrit(e) le : 08/05/2012

http://contrehomophobes.pro-forum.fr/
TheDirector 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