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

Partagez | 
 

 Faire une ancre dans le sujet

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


Oswinwho

PROFIL Féminin

✎ Blabla : 1903
✎ PeaCPt's : 9682
✎ Musique du moment : Still loving you de Scorpion
✎ Livre du moment : Atom(ka) de Franck Thilliez
✎ Gif :
PETIT +
En savoir plus
Nombre de forum: 1
Emploi/loisir: ...
Un peu +:
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 ?.




“Vivre, c'est espérer et attendre.”


Dernière édition par Oswinwho le 02.02.15 11:26, édité 10 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://xlittletenshix.tumblr.com/


Oswinwho

PROFIL Féminin

✎ Blabla : 1903
✎ PeaCPt's : 9682
✎ Musique du moment : Still loving you de Scorpion
✎ Livre du moment : Atom(ka) de Franck Thilliez
✎ Gif :
PETIT +
En savoir plus
Nombre de forum: 1
Emploi/loisir: ...
Un peu +:
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



“Vivre, c'est espérer et attendre.”
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://xlittletenshix.tumblr.com/


Oswinwho

PROFIL Féminin

✎ Blabla : 1903
✎ PeaCPt's : 9682
✎ Musique du moment : Still loving you de Scorpion
✎ Livre du moment : Atom(ka) de Franck Thilliez
✎ Gif :
PETIT +
En savoir plus
Nombre de forum: 1
Emploi/loisir: ...
Un peu +:
MessageSujet: Re: Faire une ancre dans le sujet   12.09.14 17:33

Sujet revu et corrigé par Oswinwho



“Vivre, c'est espérer et attendre.”
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://xlittletenshix.tumblr.com/


Oswinwho

PROFIL Féminin

✎ Blabla : 1903
✎ PeaCPt's : 9682
✎ Musique du moment : Still loving you de Scorpion
✎ Livre du moment : Atom(ka) de Franck Thilliez
✎ Gif :
PETIT +
En savoir plus
Nombre de forum: 1
Emploi/loisir: ...
Un peu +:
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 !



“Vivre, c'est espérer et attendre.”
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://xlittletenshix.tumblr.com/


Coco-Lapin

PROFIL Masculin

✎ Blabla : 53
✎ PeaCPt's : 63
✎ Gif : Un petit gif de 190px,108px
PETIT +
MessageSujet: Re: Faire une ancre dans le sujet   17.03.16 2:26

Merci
Revenir en haut Aller en bas
Voir le profil de l'utilisateur


Contenu sponsorisé

PROFIL
PETIT +
MessageSujet: Re: Faire une ancre dans le sujet   Aujourd'hui à 2:04

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-