Une annonce directement sur la page d'accueil

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

  • 0

Résolu Une annonce directement sur la page d'accueil

Message par DD69 le Dim 17 Avr 2016 - 13:03

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

Bonjour

J'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

DD69
Nouveau membre

Messages : 23
Inscrit(e) le : 19/03/2016

http://yurixyaoi.forumactif.org/
DD69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une annonce directement sur la page d'accueil

Message par MlleAlys le Dim 17 Avr 2016 - 13:35

Bonjour,
Le code html pour un lien sur une image est celui-ci :
Code:
<a href="LIEN"> <img src="IMAGE" /> </a>
où LIEN est remplacé par l'adresse de la page vers laquelle le lien redirige,
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>
(les passages entre <!-- et --> sont des commentaires qui n'ont aucune incidence sur l'affichage du code, ce sont des indications qui aident à s'y retrouver et ici à maintenir la forme du code dans l'éditeur)

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
+ Hyperactif +

Messages : 4405
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une annonce directement sur la page d'accueil

Message par DD69 le Dim 17 Avr 2016 - 14:35

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.

DD69
Nouveau membre

Messages : 23
Inscrit(e) le : 19/03/2016

http://yurixyaoi.forumactif.org/
DD69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une annonce directement sur la page d'accueil

Message par MlleAlys le Dim 17 Avr 2016 - 14:51

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 :
Code:
<a href="LIEN"> TEXTE DU LIEN </a>
(en remplaçant LIEN par l'adresse de la page vers laquelle le lien dirige, et TEXTE DU LIEN par le texte sur lequel il faut cliquer)

Le code pour une image :
Code:
<img src="IMAGE" />
(en remplaçant IMAGE par l'adresse directe de l'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/>
Donc pour un saut de ligne :
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]
pour être sû qu'il ne déforme rien et soit plus facile à lire et à récupérer pour moi, et ainsi on pourra vérifier s'il contient des erreurs et vous aider à insérer le nouveau code au bon endroit Wink

MlleAlys
+ Hyperactif +

Messages : 4405
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une annonce directement sur la page d'accueil

Message par DD69 le Dim 17 Avr 2016 - 15:18

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.


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

DD69
Nouveau membre

Messages : 23
Inscrit(e) le : 19/03/2016

http://yurixyaoi.forumactif.org/
DD69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une annonce directement sur la page d'accueil

Message par MlleAlys le Dim 17 Avr 2016 - 15:48

Il y a effectivement des erreurs dans ce code, le voilà simplifié :
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
+ Hyperactif +

Messages : 4405
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une annonce directement sur la page d'accueil

Message par DD69 le Dim 17 Avr 2016 - 17:07

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 Smile

DD69
Nouveau membre

Messages : 23
Inscrit(e) le : 19/03/2016

http://yurixyaoi.forumactif.org/
DD69 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Une annonce directement sur la page d'accueil

Message par MlleAlys le Dim 17 Avr 2016 - 17:18

Vous pouvez changé la mise en forme si vous le souhaitez, par exemple :
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
+ Hyperactif +

Messages : 4405
Inscrit(e) le : 12/09/2012

MlleAlys 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