AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  



 
Bonjour Invité
Merci d'avoir choisi city of pub



→ Pour poster dans la partie "AIDES CSS" il te faut te présenter:
"Fiche de présentation"
Des jeux pour vous, pour vos pubs et pour s'amuser !
C'est par ici: Jeu du JackPot et CityGame
Bonne chance à vous !
Recherche URGENT:
Graphiste, Aide RPG, Codeur, Correcteur,
En savoir + !!
Notre forum met en place sa fiche
Vous pouvez la mettre sur votre forum
une fois votre pub poster: Fiche du forum

Faire une ancre dans le sujet
Voir le sujet précédent Voir le sujet suivant Aller en bas

 :: Entraides :: CSS & HTML
MessageSujet: Faire une ancre dans le sujet 08.09.14 22:48
Faire une ancre dans le sujet

   

Je vais vous apprendre à créer une ancre !
J'ai mit du temps à comprendre mais j'ai compris ! Bref...



ça va donner ça:

Veuillez poster à la suite un simple "Merci" pour voir le codage:



Qu'est-ce qu'un ancrage ? Une ancre est un lien qui ne redirige pas vers une page HTML mais vers un endroit précis de la page. Voyez-vous, il existe déjà les ancres Top et Bottom crées automatiquement mais vous pouvez aussi en créer vous même !

Les ancres c'est bien pratique dans les forum RPG ou autre bien sûr. Il suffit de créer un lien et de faire une "cible" dans le même sujet. Pratique pour les sujet de "Poste vacant" dans les RPG, on clique sur le lien et il descend sur le même sujet ... bref...

Pour les ancrages il faut: un lien et une cible fixe.

Pas obligé d'être le roi du codage en CSS et HTML ou admin, il suffit de suivre les instructions suivante !

→ Le lien cliquable

Tout le monde (ou presque) sait comment on code un lien comme ceci:
Code:
<a href="http://">texte cliquable</a>

Donc là, c'est un simple lien qui mène vers une autre page, sauf que l'ancrage ça ne va pas vers une autre page, mais ça descend plus bas dans le sujet !

Pour indiquer à notre lien qu'il va renvoyer vers une ancre il faut rajouter # (dièse) + le nom de la cible (truc muche) il suffit de faire un lien vers la page où se trouve l'ancre et d'y ajouter #ancre

après le # (dièse) vous devez mettre ce que vous avez placer entre les "..." de l'ancre !

Pour le lien qui emmènera vers l'ancre, encadrez ce dernier de ceci:
Code:
<a href="#finTopic">Clique moi, je t'emmènerai à la fin de ce message.</a>

Clique moi, je t'emmènerai à la fin de ce message.

Super ça mais... euh... ça envoi trop loin non ? Si on créait la cible exact ?

→ La cible/ancre


Pour rejoindre le paragraphe en dessous, on rajoute une "id" comme le CSS ce qui donne:

Puis, pour l'ancre, encadrez le paragraphe de ceci:

Veuillez poster à la suite pour voir:


Petit exemple:

Accès au sujet du dessous

Le lien va vous emmener en dessous de ce sujet ! Vous avez compris ?.



Soyons extraordinaires ensemble, plutôt qu’ordinaires séparément.
Je veux mourir dans tes bras à 110 ans ou plus. Voila ce que je veux.
   
avatar

En savoir plus
Nombre de forum: 1
Emploi/loisir: crochet, bracelet brésilien, cuisiner, dessiner, cartonnage !
Un peu +:
Voir le profil de l'utilisateur
Féminin

✎ Citation : Chaque personne qu’on s’autorise à aimer, est quelqu’un qu’on prend le risque de perdre.
✎ Blabla : 1973
✎ PeaCPt's : 9782
✎ Musique du moment : Aucune je me passe de musique
✎ Livre du moment : Je n'arrive pas à lire en ce moment
✎ Gif :
Revenir en haut Aller en bas
MessageSujet: Re: Faire une ancre dans le sujet 08.09.14 22:49

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras imperdiet ullamcorper quam, et scelerisque dolor adipiscing in. Donec id scelerisque urna, eget pellentesque massa. Donec ornare felis sed massa consectetur congue. Suspendisse magna justo, varius at pretium id, suscipit eu felis. Phasellus eget eros accumsan, tempus orci et, viverra mi. Donec ut risus sed libero pulvinar egestas. Phasellus fringilla eu elit eu imperdiet. Aliquam imperdiet vulputate pulvinar.



ce qui donne ceci:

Code:
<p id="sujetdessous">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras imperdiet ullamcorper quam, et scelerisque dolor adipiscing in. Donec id scelerisque urna, eget pellentesque massa. Donec ornare felis sed massa consectetur congue. Suspendisse magna justo, varius at pretium id, suscipit eu felis. Phasellus eget eros accumsan, tempus orci et, viverra mi. Donec ut risus sed libero pulvinar egestas. Phasellus fringilla eu elit eu imperdiet. Aliquam imperdiet vulputate pulvinar.</p>

Vous retrouvez le nom du lien que vous avez cliqué: "sujetdessous"

Si vous avez un souci avec ce tuto, postez à la suite !

Revenir en haut clique moi


Soyons extraordinaires ensemble, plutôt qu’ordinaires séparément.
Je veux mourir dans tes bras à 110 ans ou plus. Voila ce que je veux.
   
avatar

En savoir plus
Nombre de forum: 1
Emploi/loisir: crochet, bracelet brésilien, cuisiner, dessiner, cartonnage !
Un peu +:
Voir le profil de l'utilisateur
Féminin

✎ Citation : Chaque personne qu’on s’autorise à aimer, est quelqu’un qu’on prend le risque de perdre.
✎ Blabla : 1973
✎ PeaCPt's : 9782
✎ Musique du moment : Aucune je me passe de musique
✎ Livre du moment : Je n'arrive pas à lire en ce moment
✎ Gif :
Revenir en haut Aller en bas
MessageSujet: Re: Faire une ancre dans le sujet 12.09.14 17:33
Sujet revu et corrigé par Oswinwho


Soyons extraordinaires ensemble, plutôt qu’ordinaires séparément.
Je veux mourir dans tes bras à 110 ans ou plus. Voila ce que je veux.
   
avatar

En savoir plus
Nombre de forum: 1
Emploi/loisir: crochet, bracelet brésilien, cuisiner, dessiner, cartonnage !
Un peu +:
Voir le profil de l'utilisateur
Féminin

✎ Citation : Chaque personne qu’on s’autorise à aimer, est quelqu’un qu’on prend le risque de perdre.
✎ Blabla : 1973
✎ PeaCPt's : 9782
✎ Musique du moment : Aucune je me passe de musique
✎ Livre du moment : Je n'arrive pas à lire en ce moment
✎ Gif :
Revenir en haut Aller en bas
MessageSujet: Re: Faire une ancre dans le sujet 02.02.15 10:52
Il semble avoir un souci avec les ancrages, je réglerais le souci assez rapidement !


Soyons extraordinaires ensemble, plutôt qu’ordinaires séparément.
Je veux mourir dans tes bras à 110 ans ou plus. Voila ce que je veux.
   
avatar

En savoir plus
Nombre de forum: 1
Emploi/loisir: crochet, bracelet brésilien, cuisiner, dessiner, cartonnage !
Un peu +:
Voir le profil de l'utilisateur
Féminin

✎ Citation : Chaque personne qu’on s’autorise à aimer, est quelqu’un qu’on prend le risque de perdre.
✎ Blabla : 1973
✎ PeaCPt's : 9782
✎ Musique du moment : Aucune je me passe de musique
✎ Livre du moment : Je n'arrive pas à lire en ce moment
✎ Gif :
Revenir en haut Aller en bas
MessageSujet: Re: Faire une ancre dans le sujet 17.03.16 2:26
Merci
avatar
Voir le profil de l'utilisateur
Masculin

✎ Blabla : 53
✎ PeaCPt's : 63
✎ Gif : Un petit gif de 190px,108px
Revenir en haut Aller en bas
Faire une ancre dans le sujet
Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1
Sujets similaires
-
» Comment faire pour appliquer le code dans ce sujet ?
» ajouter des options sur le profil visible dans un sujet d'une personne, comment faire ?
» Un sujets dans un sujet, comment faire ?
» Faire des Cadres dans le sujet des forums
» Menu déroulant dans un sujet

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
city of pub :: Entraides :: CSS & HTML-
Sauter vers: