Bonjour,
Le sujet à peut-être déjà été traité mais je n'ai pas trouvé le fil.
J'utilise le plugin "additional pages" pour avoir une page d'accueil avec une image. Pas de souci pour la mise en pratique, seul bémol, je n'arrive pas à centrer l'image par rapport à l'écran et au titre qui lui est centré.
Quelqu'un peut il m'aider ?
Voilà le code utilisé :
<style type="text/css">
#menubar {display:none !important;}
.titrePage {display:none}
.myHomePage_photo {text-align: center; margin:50px 0 20px 0}
.myHomePage_photo a img {border-width:1px; border-style:solid;}
.myHomePage_links {letter-spacing:2px; text-align:center; margin-bottom:0; font-weight:bold;}
.myHomePage_name {margin-top:40px; letter-spacing:3px; text-align:center;}
</style>
<div id="myHomePage">
<div class="myHomePage_photo">
<a href="index.php?/categories"><img src="http://xxx.free.fr/galleries/accueil/Accueil.jpg"></a>
</div>
<div class="myHomePage_links">
<a href="index.php?/categories">Albums</a> - <a href="index.php?/contact">Contact</a>
</div>
<div class="myHomePage_name">
by Dominique · Galerie Studio Sépia - Le temps d'un regard </div>
</div>
Merci d'avance
Dominic
Hors ligne
Quel theme tu utilise ?
il faut utiliser un truc du genre
.content {
margin: 20px 50px 0 !important;
}
Hors ligne
As tu essayé le code que je t'ai donné ?
Hors ligne
Bonjour,Je déterre ce topic, car j'ai le même souci... La photo que j'affiche ne se centre pas par rapport au texte.
J'ai bien lu la réponse de ddtddt, mais je ne sais pas où intégrer son code.
J'utilise le thème Dark et voici le code de la page:
<style type="text/css">
#menubar {display:none !important;}
.titrePage {display:none}
.content {max-width:900px; margin:0 auto 10px auto !important;}
.Online {display:none;}
.content_block {max-width:none;}
.myHomePage_photo {text-align: center; margin:50px 0 20px 0;}
.myHomePage_photo a img {border-width:2px; border-style:solid; border-color:#666;}
.myHomePage_links {letter-spacing:2px; text-align:center; margin-bottom:0; font-weight:bold;}
.myHomePage_name {margin-top:30px; letter-spacing:2px; text-align:center;}
</style>
<div id="myHomePage">
<div class="myHomePage_photo">
<a href="index.php?/categories"><img src="http://images.rivgame.com/_data/i/upload/2015/10/22/20151022113706-78ed6009-me.jpg"[photo id=4724 size=L link=no]</a>
</div>
<div class="myHomePage_links">
<a href="index.php?/categories">Connexion</a> ● <a href="index.php?/contact">Inscription</a>
</div>
<div class="myHomePage_name">
par Sylvaine & André
</div>
</div>
Inutile de vous préciser que je suis nul de chez nul... Je vous donne l'adresse du site : images.rivgame.com
Merci à ce forum pour les renseignements trouvés.
Hors ligne
Bonjour,
Avant
</style>
Hors ligne
Salut ddtddt, et merci pour la réponse rapide.
J'ai bien fait tout ce que tu m'as dit (écrit), mais ça ne résoud pas mon problème :-( . Mon image se cale tout à gauche... Et je ne sais pas pourquoi j'ai un fond gris sous l'image, et plus court que l'image...
Hors ligne
Bonjour à tous
Je déterre à nouveau ce topic, car j'ai le même souci... La photo que j'affiche ne se centre pas par rapport au texte.J'utilise le thème Luciano Amodio
voici le code de la page:
<style type="text/css">
#menubar {display:none !important;}
.titrePage {display:none}
.content {
margin: 20px 50px 0 !important;
}
.Online {display:none;}
.content_block {max-width:none;}
.myHomePage_photo {text-align: center; margin:50px 0 20px 0;}
.myHomePage_photo a img {border-width:2px; border-style:solid; border-color:#666;}
.myHomePage_links {letter-spacing:2px; text-align:center; margin-bottom:0; font-weight:bold;}
.myHomePage_name {margin-top:30px; letter-spacing:2px; text-align:center;}
</style>
<div id="myHomePage">
<div class="myHomePage_photo">
<a href="index.php?/categories">[photo id=254 size=L link=no]</a>
</div>
<div class="myHomePage_links">
<a href="index.php?/categories">Albums</a> ● <a href="index.php?/contact">Contact</a>
</div>
<div class="myHomePage_name">
Par Philippe BERNARD :
Bonne visite
</div>
</div>
Comme pour les demandes précédentes Inutile de vous préciser que je suis nul de chez nul...
l'adresse du site : https://philippe-bernard.piwigo.com/
Merci pour votre aide , et à ce forum pour les renseignements trouvés.
Salut
Tu devrais faire ton propre topic plutôt que te greffer sur un sujet résolu, sinon
plugins --> LocalFiles Editor --> css
#theHeader h1, #theHeader p {text-align: center;}
Ton texte sera centré !!
Hors ligne
Merci dreamer ta réponse rapide et tes conseils c'est la première fois que j'utilise le forum pour poser une question j'ai donc editer local file editor et rentré le code #theHeader h1, #theHeader p {text-align: center;} dans la fenêtre prévu mais cela ne change rien texte inscrit dans un rectangle gris ! pourquoi ? et collé à gauche de l'image je suis total néophyte et je me sens bien nul !
Bonjour philippe Bernard
en fait ton code est bon cependant le "contener et plus petit" donc cela ne centre pas dedans car il n'y a pas la place
donc soit tu met une photo plus petite, soit tu agrandie le contener en gris
Hors ligne
bonjour ddtddt
j'ai finalement changer le thème, avec élégant maintenant tout est rentré dans l'ordre,et cela me convient merci beaucoup pour ton aide