Une annonce directement sur la page d'accueil
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Une annonce directement sur la page d'accueil
Détails techniques
Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Internet Explorer
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://yurixyaoi.forumactif.org/
Description du problème
BonjourJ'aimerai avoir à mettre sur ma page d'accueil des images de partenariats et un lien Facebook de ma page directement sur l'accueil. Or, tout ce que j'ai réussi à faire c'est de mettre une image en mode a>Href dessus.
Comment procède-on ?
Merci de votre réponse et désoler si je ne poste pas au bon endroit.
Cordialement
Dernière édition par DD69 le Dim 17 Avr 2016 - 17:07, édité 1 fois
Re: Une annonce directement sur la page d'accueil
Bonjour,
Le code html pour un lien sur une image est celui-ci :
et IMAGE par le lien direct de l'image (adresse de l'image).
Pour en mettre plusieurs sur votre page d'accueil, vous pouvez les mettre à la suite, par exemple ainsi 5 liens :
Si vous souhaitez que les images ne soient pas les unes à côté des autres mais les unes en dessous des autres, ajoutez entre chaque lien un retour à la ligne <br/> :
Le code html pour un lien sur une image est celui-ci :
- Code:
<a href="LIEN"> <img src="IMAGE" /> </a>
et IMAGE par le lien direct de l'image (adresse de l'image).
Pour en mettre plusieurs sur votre page d'accueil, vous pouvez les mettre à la suite, par exemple ainsi 5 liens :
- Code:
<!-- lien 1 --> <a href="LIEN"> <img src="IMAGE" /> </a>
<!-- lien 2 --> <a href="LIEN"> <img src="IMAGE" /> </a>
<!-- lien 3 --> <a href="LIEN"> <img src="IMAGE" /> </a>
<!-- lien 4 --> <a href="LIEN"> <img src="IMAGE" /> </a>
<!-- lien 5 --> <a href="LIEN"> <img src="IMAGE" /> </a>
Si vous souhaitez que les images ne soient pas les unes à côté des autres mais les unes en dessous des autres, ajoutez entre chaque lien un retour à la ligne <br/> :
- Code:
<!-- lien 1 --> <a href="LIEN"> <img src="IMAGE" /> </a> <br/>
<!-- lien 2 --> <a href="LIEN"> <img src="IMAGE" /> </a> <br/>
<!-- lien 3 --> <a href="LIEN"> <img src="IMAGE" /> </a> <br/>
<!-- lien 4 --> <a href="LIEN"> <img src="IMAGE" /> </a> <br/>
<!-- lien 5 --> <a href="LIEN"> <img src="IMAGE" /> </a>
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Une annonce directement sur la page d'accueil
Bonjour MlleAlys
En fait mon message serait : Maintenant Yuri X Yaoi est sur FaceBook
Donc pas de lien d'image, mais juste l'annonce. J'avais fait sous le a>href mais hélas ça marche pas. Dans quelle partie de l'administration faudrait-t-il pour le mettre stp ?
Sinon c'est pas trop grave, je le ferai dans un poste mais ce sera plus discret.
En fait mon message serait : Maintenant Yuri X Yaoi est sur FaceBook
Donc pas de lien d'image, mais juste l'annonce. J'avais fait sous le a>href mais hélas ça marche pas. Dans quelle partie de l'administration faudrait-t-il pour le mettre stp ?
Sinon c'est pas trop grave, je le ferai dans un poste mais ce sera plus discret.
Re: Une annonce directement sur la page d'accueil
Le contenu du message d'accueil se trouve dans Affichage > accueil > généralités. Vous pouvez y mettre ce que vous souhaitez :
Le code pour un lien :
Le code pour une image :
Si on veut mettre le lien sur une image, il faut donc remplacer TEXTE DU LIEN par le code pour une image, ce qui donne donc le code donné dans mon message précédent :
Le code pour un retour à la ligne :
Donc pour votre lien vers facebook, si j'ai bien compris votre demande, ça peut donner quelque chose comme ceci :
en remplaçant ADRESSE DE LA PAGE FACEBOOK par l'adresse correspondante.
Cependant, "a>href" ne correspond à aucun code correct, si votre code fini par ceci, il contient sûrement des erreurs.
Pouvez-vous copier coller tout le contenu de votre page d'accueil dans votre prochain message ? Mettez-le entre balises code :
Le code pour un lien :
- Code:
<a href="LIEN"> TEXTE DU LIEN </a>
Le code pour une image :
- Code:
<img src="IMAGE" />
Si on veut mettre le lien sur une image, il faut donc remplacer TEXTE DU LIEN par le code pour une image, ce qui donne donc le code donné dans mon message précédent :
- Code:
<a href="LIEN"> <img src="IMAGE" /> </a>
Le code pour un retour à la ligne :
- Code:
<br/>
- Code:
<br/><br/>
Donc pour votre lien vers facebook, si j'ai bien compris votre demande, ça peut donner quelque chose comme ceci :
- Code:
<a href="ADRESSE DE LA PAGE FACEBOOK"> Maintenant Yuri X Yaoi est sur FaceBook ! </a>
en remplaçant ADRESSE DE LA PAGE FACEBOOK par l'adresse correspondante.
Cependant, "a>href" ne correspond à aucun code correct, si votre code fini par ceci, il contient sûrement des erreurs.
Pouvez-vous copier coller tout le contenu de votre page d'accueil dans votre prochain message ? Mettez-le entre balises code :
- Code:
[code] VOTRE CODE ICI [/code]
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Une annonce directement sur la page d'accueil
Voici avec la balise code mon lien. Mais pour moi a>Href = image du forum en cliquant dessus. Ici c'est juste la phrase que je veux mettre, pas l'image en soit ^^
Mais j'avoue que les formats en a>Href je réussie qu'une fois sur deux, sais pas pourquoi.
*
Mais j'avoue que les formats en a>Href je réussie qu'une fois sur deux, sais pas pourquoi.
*
- Code:
<a href="http://www.boosterforum.com/"><img .html"="" target="_blank" src="http://www.casimages.com/i/160414101114663679.gif" title="boosterforum-logo" /><img border="0" src="http://nsa38.casimages.com/img/2016/04/14/mini_160414101114663679.gif" alt="boosterforum-logo" /></a>
Re: Une annonce directement sur la page d'accueil
Il y a effectivement des erreurs dans ce code, le voilà simplifié :
On retrouve bien le code d'un lien sur une image comme je l'ai indiqué dans mon message précédent ^^
Et avec les précision supplémentaires proposées, cela donne :
où, dans la balise du lien :
- target="_blank" permet que le lien s'ouvre dans un nouvel onglet
et dans la balise de l'image :
- alt="boosterforum-logo" précise le contenu de l'image (s'il y a un problème à l'affichage de l'image, c'est ce texte qui s'affiche, ou pour les noms voyant, c'est ce texte qui est lu)
- border="0" évite qu'une bordure apparaisse à cause du lien sur certaines version d'internet explorer
Pour ajouter votre lien vers facebook en dessous de cette image, voici ce que ça devient :
j'ai ajouté deux <br/> pour un saut de ligne, puis collé le code du lien vers facebook, dans lequel il faut remplacer ADRESSE DE LA PAGE FACEBOOK.
On peut ajouter des commentaires entre <!-- commentaire ici --> qui n'apparaissent pas à l'affichage du code, mais permettent de mieux s'y retrouver et d'y voir plus claire dans le code :
- Code:
<a href="http://www.boosterforum.com/"> <img src="http://nsa38.casimages.com/img/2016/04/14/mini_160414101114663679.gif" /> </a>
On retrouve bien le code d'un lien sur une image comme je l'ai indiqué dans mon message précédent ^^
Et avec les précision supplémentaires proposées, cela donne :
- Code:
<a href="http://www.boosterforum.com/" target="_blank"> <img src="http://nsa38.casimages.com/img/2016/04/14/mini_160414101114663679.gif" alt="boosterforum-logo" border="0" /> </a>
où, dans la balise du lien :
- target="_blank" permet que le lien s'ouvre dans un nouvel onglet
et dans la balise de l'image :
- alt="boosterforum-logo" précise le contenu de l'image (s'il y a un problème à l'affichage de l'image, c'est ce texte qui s'affiche, ou pour les noms voyant, c'est ce texte qui est lu)
- border="0" évite qu'une bordure apparaisse à cause du lien sur certaines version d'internet explorer
Pour ajouter votre lien vers facebook en dessous de cette image, voici ce que ça devient :
- Code:
<a href="http://www.boosterforum.com/" target="_blank"> <img src="http://nsa38.casimages.com/img/2016/04/14/mini_160414101114663679.gif" alt="boosterforum-logo" border="0" /> </a> <br/> <br/> <a href="ADRESSE DE LA PAGE FACEBOOK"> Maintenant Yuri X Yaoi est sur FaceBook ! </a>
j'ai ajouté deux <br/> pour un saut de ligne, puis collé le code du lien vers facebook, dans lequel il faut remplacer ADRESSE DE LA PAGE FACEBOOK.
On peut ajouter des commentaires entre <!-- commentaire ici --> qui n'apparaissent pas à l'affichage du code, mais permettent de mieux s'y retrouver et d'y voir plus claire dans le code :
- Code:
<!-- lien booster forum --> <a href="http://www.boosterforum.com/" target="_blank"> <img src="http://nsa38.casimages.com/img/2016/04/14/mini_160414101114663679.gif" alt="boosterforum-logo" border="0" /> </a> <br/> <br/>
<!-- lien vers facebook --> <a href="ADRESSE DE LA PAGE FACEBOOK"> Maintenant Yuri X Yaoi est sur FaceBook ! </a>
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Une annonce directement sur la page d'accueil
Bien, je te remercie MlleAlys
C'est beaucoup mieux, même si je m'attendais mieux du résultat au moins y a le lien sur l'accueil
C'est beaucoup mieux, même si je m'attendais mieux du résultat au moins y a le lien sur l'accueil
Re: Une annonce directement sur la page d'accueil
Vous pouvez changé la mise en forme si vous le souhaitez, par exemple :
Dans la balise du lien, l'attribut style ="..." permet de modifier la mise en forme de l'élément, ici le lien a pour mise en forme :
- font-family: 'comic sans ms'; police comic sans ms
- font-size: 20px; taille de police 20px
- font-weight: bold; en gras
- color: #3F51B5; couleur bleue
- text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2); un effet d'ombre
- Code:
<!-- lien booster forum --> <a href="http://www.boosterforum.com/" target="_blank"> <img src="http://nsa38.casimages.com/img/2016/04/14/mini_160414101114663679.gif" alt="boosterforum-logo" border="0" /> </a> <br/> <br/>
<!-- lien vers facebook --> <a href="ADRESSE DE LA PAGE FACEBOOK" style="font-size: 20px; color: #3F51B5; font-family: 'comic sans ms'; font-weight: bold; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);"> Maintenant Yuri X Yaoi est sur FaceBook ! </a><br/><br/>
Dans la balise du lien, l'attribut style ="..." permet de modifier la mise en forme de l'élément, ici le lien a pour mise en forme :
- font-family: 'comic sans ms'; police comic sans ms
- font-size: 20px; taille de police 20px
- font-weight: bold; en gras
- color: #3F51B5; couleur bleue
- text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2); un effet d'ombre
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Sujets similaires
» Affichage des visiteurs sur la page daccueil.
» sous catégorie qui redirige directement vers une page html
» Dernière page d'un topic : tomber directement sur le bas de page
» Code pour afficher sous-forums directement sur la page d'accueil
» Notification Push directement depuis la page du sujet
» sous catégorie qui redirige directement vers une page html
» Dernière page d'un topic : tomber directement sur le bas de page
» Code pour afficher sous-forums directement sur la page d'accueil
» Notification Push directement depuis la page du sujet
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum