proflat

centrer une image dans le overall_footer - proflat

centrer une image dans le overall_footer

Nouveau messagepar agame » 21 Déc 2018 à 12:47

hello,
j'aimerais placer une image avec un lien pile au milieu de l'overall_footer, entre le texte de gauche et les icônes social_link de droite.

Code: Tout sélectionner
<center> <A HREF="https://www.batraciens-reptiles.com"><IMG SRC="https://www.batraciens-reptiles.com/brmlogo.jpg" ALT="accès au site batraciens et reptiles du monde" TITLE="accès au site batraciens et reptiles du monde" border="0" width="200" height="72"></A> </center>


Faut-il créer une page en appel genre logo.html ou juste insérer à LA BONNE PLACE :lol: ce bout de code ?


merci 100 fois d'avance et bonne fin de semaine
agame
Roi des posts
Roi des posts
 
Messages: 689
Enregistré le: 17 Avr 2006 à 22:08

Re: centrer une image dans le overall_footer

Nouveau messagepar Mazeltof » 31 Déc 2018 à 16:40

'jour ici.

Pour si peu de html j'aurai tendance a dire que ce n'est pas nécessaire de créer un fichier html dédié.
Mais c'est ausi une question de choix (donc c'est a toi de voir).

Cela dit le code que tu indiques ne fonctionnera pas en l'état. Je te propose de procéder de la manière suivante :
Ouvre le fichier overall_footer.html de ton style hérité.
(s'il n'y est pas fait un copier/coller depuis proflat/template/)
trouve (vers la igne 48) :
Code: Tout sélectionner
<!-- INCLUDE social_links.html -->

ajoute juste avant :
Code: Tout sélectionner
<div class="truchose"> <a href="https://www.batraciens-reptiles.com"><img src="https://www.batraciens-reptiles.com/brmlogo.jpg" alt="accès au site batraciens et reptiles du monde" title="accès au site batraciens et reptiles du monde"></a> </div>

Ouvre le fichier style_proflat.css de ton style hérité :
trouve (vers la ligne 1263) :
Code: Tout sélectionner
/* --------------------------------------------------------------------------------------- */ /* bidi.css */ /* --------------------------------------------------------------------------------------- */

ajoute juste avant :
Code: Tout sélectionner
/* Lien site dans footer */ .copyright { max-width: 33%; } .truchose { display: inline-block; padding: 10px; text-align: center; min-width: 33%; } .truchose img { width: 200px; } .socialinks { max-width: 33%; } @media (max-width: 700px) { .copyright { max-width: 100%; } .truchose { display: block; padding: 10px 0; text-align: center; min-width: 100%; } .socialinks { max-width: 100%; } }

ça devrait le faire :wink:
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 3302
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: centrer une image dans le overall_footer

Nouveau messagepar agame » 01 Jan 2019 à 18:25

GRAND MERCI !
agame
Roi des posts
Roi des posts
 
Messages: 689
Enregistré le: 17 Avr 2006 à 22:08


Connexion  •  M’enregistrer

cron