merci pour les flèches^^je viens de le faire c'est bien

mille fois merci^^

Moi ça marche pas ! --" Enfin, si les fléches sont là ou je veux quelles soit (j'ai pris les même que toi vu que c'était celles qui était dans le code HTML), j'ai mis le code css, bon tout me convient ! Suaf que quand je clique sur la fléche du bas pour descendre au pied de page ça marche pas !! Voilà, j'attend ton aide Ô grande Nagalia !

une capture pour illustrer comment ça marche pas >

Mais ça mets aussi (parfois) une page de recherche sur mon blog avec écrit "ERREUR 404".......

AIDEZ MOI !!!!

Okay.......MERCI MIMILLE511 !!!ç amarche !! merci ! Tu ne saurais pas comment on fait pour que ça suivent notre déplacement sur la page ? Comme sur ce blog !

Ok !! Merci mimille511 ! Je passerais peut être sur ton blog !

Pas mal ! J'avais réussis avant de connaître ton code XP (bien évidemment grace à tes autres tutos, une fois qu'on a compris...) 

Mais je n'ai pas mis la même chose à a href, j'ai mis:

#top 

et pour le bas

#footer

directement, et ça marche aussi 

Nagalia => Est-ce que j'peux prendre tes flèches et changer leurs couleurs ?_?

Edit : 0-0 j'arrive pas ca me fait "Une erreur est survenue lors du chargement.

Merci de réessayer" (screenshot => http://data0.ek.la/testdefonds/mod_article46714247_4fd4928c4bf78.png?7639)

Ça marche toujours pas ._. Tu peux essayer : http://theworldofgroovie.id.st/

Pss : Désolé pour l'invasion de la guerre des comm's pour l'article du blablatage xD (ça fait un peu long là xD)

J'ai réessayé, ça a chargé pendant 5sec et ça m'a remis la même chose.

J'vois toujours pas pourquoi ça marche pas :s

HTML

<div id="fleche"><a href="/fleche-haut-et-bas-de-page-a46682589#header"> <img src="http://ekladata.com/54Y7uS-OPp_4B2P9M57kztCxMsI.png" alt="Revenir en Haut" /> </a> <a href="/fleche-haut-et-bas-de-page-a46682589#footer"> <img src="http://ekladata.com/DmP3eLBajy5zltrN_-rq_2O1Ba0.png" alt="Aller en Bas" /> </a></div>

CSS

 #fleche {position: fixed;
           top: 50%;
           left: 0%;} 

Non! 

Il faut mettre

<div id="fleche"><a href=" #top"> <img src="http://ekladata.com/54Y7uS-OPp_4B2P9M57kztCxMsI.png" alt="Revenir en Haut" /> </a> <a href=" #footer"> <img src="http://ekladata.com/DmP3eLBajy5zltrN_-rq_2O1Ba0.png" alt="Aller en Bas" /> </a></div>

Un truc du genre 

Nagalia, pour le bas, #bottom ça marche aussi nan ? 

merci :3

Edit : Pour le haut #header marche aussi

au moins le problème est réglé xD

Ca ne marche pas de mon côté :/ .

<div id="fleche"><a href="/fleche-haut-et-bas-de-page-a46682589#header"><img src="http://i45.servimg.com/u/f45/17/45/11/93/flache10.png" alt="" /> </a><a href="/fleche-haut-et-bas-de-page-a46682589#footer"><img src="http://i45.servimg.com/u/f45/17/45/11/93/flache11.png" alt="" /> </a></div>

J'ai fait une erreur quelque part ? :$

Non te pends pas ! . Qui va nous aider après : 0 :okjesors:

Désolé mais ça marche toujours pas ='/ . Pardon de t'enquiquiner comme ça ><' ~

Aucun changement. Mais je vois pas ou il y aurait une faute ><' . Peut-être dans le CSS mais je vois pas :

#fleche {position: fixed;
 top: 100%;
 left: 10%;}

Les placer à gauche centré verticalement xDxD Ben j'étais à l'opposé ..

T'avais raison, 100 ça fait sortir les flèches  ><' . Merci & je te revaudrais ça un jour :] . Mais comment ? Quel jour ? Tel est la question :0 .

c'était le même code css pour moi xD (voir un peu plus haut dans les comm's)

Ah oui xD

Nagalia ! :)

En fait, merci pour tes libres services et tes tuto' !!! :o 

Et à propos de cet article, j'ai vu les comm's, en fait j'ai eu aussi ces bugs et j'ai juste remplacé : 

<div id="fleche">
<a href="/fleche-haut-et-bas-de-page-a46682589#header"> 
<img src="http://img15.hostingpics.net/pics/856927monte.png" />
</a>
<a href="/fleche-haut-et-bas-de-page-a46682589#footer">
<img src="http://img15.hostingpics.net/pics/952333descnd.png" />
</a>
</div>

Par : 

<div id="fleche">
<a href="#header"> 
<img src="http://img15.hostingpics.net/pics/856927monte.png" />
</a>
<a href="#footer">
<img src="http://img15.hostingpics.net/pics/952333descnd.png" />
</a>
</div>

Bon en gros si c'est déjà expliqué, ben désolée x) je ne lis pas je survole les comm's...

Merci mille fois pour tes tuto's :D (ceux que je connaisais pas ou que je ne maîtrisais pas bien)

Mon ordi se fiche de moi là ...

Depuis tout à l'heure je mets : 

top : 50px

left : 100px

et ça n'apparaît pas

Là j'essaye :

top : 50px

left : 0px

et ça marche - -'

Comment faire pour que les flèches soit l'une et à côté de l'autre et non l'une en dessous de l'autre ?
Merci d'avance :)

Heu, j'ai pas compris ^^'

Enfin, merci quand même =)

Non, mon code n'est pas du tout comme ça O_O

Mimille: Ton code (pour mettre les flèches l'une par dessus l'autre) ne marche pas :/

Nagalia: Comment on me tles flèches l'une sur l'autre, et comment on met le point d'intérrogation ??

Les flèche en vertical si tu préfère ;)

Ok^^

Non c'est bon^^'

Mais juste, sa me fait une marge blanche sur le côté droit (la ou il y'a les flèches) tu pourrais m'aider ?Tu peu voir la marge sur mon blog : http://leslegendairesshimyjadina.eklablog.fr

Merci d'avance ;D

Je ne comprend pas comment ou est ce qu'on met le code html (et aussi comment le code CSS comprend quel "fleche" on veut mettre quelqu'un peut m aider? >w<

Le code HTML ce mets dans un module  simple ! Tu clique sur le petit icôn HTML ! Pour le css, c'est par rapport au selecteurs que tu as mis qu'il sait à quel fléche appliqués les effets que tu veux ! J'ésépre t'avoir aider ! :)

En faites c est ce que j ai fait mais sa marche pas!! (en faites la flèche est dans le module simple et pis c est tout)!!

Je suis pas un pro (et encore moins un anarqueur), mais peux tu me donner la perm 3 sur le blog auquel tu veux faire ça ? Je comprendrais que tu refuse ! 

Akemi, tu mets le code HTLM, après avoir cliqué sur l'icon [HTLM] lorsque tu as ouvert l'édition de ton module de menu (la fenêtre pour écrire du texte), dans la fenêtre d'HTLM : 

<div id="fleche">
<a href="#header"> 
<img src="http://img15.hostingpics.net/pics/856927monte.png" />
</a>
<a href="#footer">
<img src="http://img15.hostingpics.net/pics/952333descnd.png" />
</a>
</div>

Ensuite tu cliques vas sur "apparence", "modifier le thème" puis "ajouter du CSS". Tu ajoutes ça :

#fleche {position: absolute;
           top: X%;
           left: X%;} 

Tu remplaces les valeurs X (en rouge) par un chiffre pour placer tes flèches sur ton blog :)

Si tu n'y arrives pas, je peux te montrer en images ^^

C'est ce que j ai fait mais sa marche pas! X'( (et en passant je kiff ton avatar)

Ok attends je vais regarder et ben si ça ne marche toujours pas faudra attendre Nagalia :/ (Merci xD)

Désolée ça ne fonctionne pas xD Sinon mets seulement ça  : xD

HTLM : <div id="fleche"><a href="#header"> <img src="http://ekladata.com/1SyMkbKRMGsNeXmvVdFQGxXGtbw/happy01.png" alt="" /> </a></div>

Et CSS : #fleche {position: fixed;

           top: 63%;
           left: 86%;} 

Ce serait mieux xD

Desolée pour le blabla Nagalia ><

Attend je vais voir^^

Merci pour ce tuto tu explique trop bien :D

J'ai un petit problème j'aimerais le mettre au même endroit que toi mais je sais pas comment faire ?

C'est simple, tu joue avec les % du code CSS et quand ça te plait, tu laisse ! :) (si tu veux que ça suive ta page, n'oublie pas de remplacer "absolute" par "fixed") ^^

Oui mais j'arrive pas :(

Attend je vais t'aider, je finis mes (nombreuses) commandes et je m'occupe de toi !! Si mimilles511 veut intervenir, elle peut ! X) ce serais un honneur pour moi, su'elle vienne m'aider à t'aider ! %)

ok merci

J'ai presque fini...désolé ! Bon je vais quand même t'aider vite fait ! ^^ Essaye de mettre "top: 50%___left: 100%"

euuh je suis pas graphuse preofessionnelle... Et comment on fait des fleches ? >w<( turquoise :D )

Alors moi, j'ai un problème. Les flèches sont sur le milieu de la page et ne sont pas fixe ! Ils sont collés à la page. Aahhhh ! Au secours ! X')

Regarde : #fleche {position: absolute;

           top: X%;
           left: X%;} 

Ca, c'st ton CSS par défaut, tu change "absolute" par "fixed". (sans les guillemets) Ensuite, tu régle l'endroit ou tu veux qu'elles soient, en modifier les X% (exemple: top: 40%; left: 50%) Après, tu choisis les valeurs que tu veux ! :)

Oh merci ! :) Mais ça me fait tout le temps erreur du chargement ! :'(

Verifie ton code HTML ! :)

merci bc sa marche :)

Moi sa marche pas , sa met les fleche et tout mais quant je clik sur les fleche , sa me renvoi pas vert le haut ou le bas , sa me met '' Erreur '' 

<p><a href="#">remonter en haut</a></p>

tu met ça dans un module simple en html, tu peux mettre l'adresse de tesflèches à la place de remonter en haut !

J'ai trouver comment mettre les flèches verticlement ! :

il faut rajouter <p> dans le html >>

<div id="fleche">
<a href=#header> 
<img src="http://img15.hostingpics.net/pics/856927monte.png" />
</a>

<p>
<a href=#footer>
<img src="http://img15.hostingpics.net/pics/952333descnd.png" />
</a>
</div>

Merci beaucoup pour ce tuto , j'ai eu un peu de mal,

mais j'y suis arrivée ! encore merci !

Bonjour, cela va faire trois jours que je me suis inscrite sur EklaBlog UwU' Je découvre donc le fonctionnement -w-... Bref, (je fais trop sérieuse là xD)

J'aimerai bien faire aussi ces flèches, j'ai suivit le tuto et... Ca marche pas ToT !!! Au secours ouinnn ça va faire 3 heures que j'essaie en vaint X.X ! Que j'actualise les pages, que j'essaie d'autres codes des commentaires... Rien ! Hum, bref...

 Bon, alors voici mon code ce que j'ai mis dans le module simple (HTML);

<div id="fleche"><a href="#header"><img src="http://50.img.v4.skyrock.net/7952/87727952/pics/3172866681_0_5_Of1ZX4HI.png" alt="" /> </a><a href="#footer"><img src="http://50.img.v4.skyrock.net/7952/87727952/pics/3172866681_0_3_hz6qbF9t.png" alt="" /> </a></div>

Et le CSS ;

#fleche {position: absolute;
           top: 50%;
           left: 100%;}

Bon, j'explique le problème... Le CSS marche, il passe... Par contre le code HTML (je crois) se note dans le module et ça ne marche pas .w.'' Bref, merci d'avancee~

Bienvenue sur Ekla :D ------> Mercii

merci mais ça marche toujours pas TwT''

HTML

<div id="fleche">
<a href="/fleche-haut-et-bas-de-page-a46682589#header"><img src="http://50.img.v4.skyrock.net/7952/87727952/pics/3172866681_0_5_Of1ZX4HI.png" alt="" /> </a>
<br/>
<a href="/fleche-haut-et-bas-de-page-a46682589#footer"><img src="http://50.img.v4.skyrock.net/7952/87727952/pics/3172866681_0_3_hz6qbF9t.png" alt="" /> </a></div>

CSS

#fleche {position: absolute;
top: 50%;
right: 0%;}

Ca marche paaas ToT

Et ce que c'est l'habillage du blog qui poserait problème ?

@Mizuru : Je viens d'aller sur ton blog et je voulais savoir si tu avais bien mis le code html dans "Html" dans ton module car je vois le code :/

Ohhh *^*

Alors maintenant il y a les flèches, mais le liens marche pas xD

Mais merciiiii on avance *^*

De rien, heureuse d'avoir pu aider ! Reste juste à trouver les problème du lien , mais je ne pense pas être assez qualifiée pour ça alors je laisse faire Nagalia ... 

 Bon tant pis ... Je crois n'avoir pas vu dans votre code "<a href=#footer>" ainsi que le lien vers le header, je me trompe ? Après peut-êter qu'ils sont planqués ... Je ne sais pas si c'est la solution ou si je suis juste une grosse gourde en HTML ...

Mhh.... ben ;

<div id="fleche"><a href="/fleche-haut-et-bas-de-page-a46682589#header"><img src="http://50.img.v4.skyrock.net/7952/87727952/pics/3172866681_0_5_Of1ZX4HI.png" alt="" /> </a> <br /> <a href="/fleche-haut-et-bas-de-page-a46682589#footer"><img src="http://50.img.v4.skyrock.net/7952/87727952/pics/3172866681_0_3_hz6qbF9t.png" alt="" /> </a></div>

Je crois que c'est le rouge dans ces parties là qui est à enlever ... Naglaia avait corrigé un problème comme ça avant :)

href="/fleche-haut-et-bas-de-page-a46682589#header">

href="/fleche-haut-et-bas-de-page-a46682589#footer">

Ce qui nous donne :

<div id="fleche"><a href="#header"><img src="http://50.img.v4.skyrock.net/7952/87727952/pics/3172866681_0_5_Of1ZX4HI.png" alt="" /> </a> <br /> <a href="#footer"><img src="http://50.img.v4.skyrock.net/7952/87727952/pics/3172866681_0_3_hz6qbF9t.png" alt="" /> </a></div>

Ouaaah ça marchhe !! *^* Mercii

Ah bon ? Ouah j'y croyais pas ... Heureuse d'avoir pu aider à nouveau alors :) De rien et bonne installation sur eklablog ! 

Merci beaucoup, ça marche, sauf que moi, les flèches ne descendent pas en meme temps que la page... donc quand on est plus bas dans la page, les fleches sont restés en haut. C'est normal ? ^^

C'est bon j'ai compris =) il fallait mettre "fixed"

bjr, j'ai un site avec des flèches mais elle ne me conviennent pas j'aimerais avoir

les flèches qui sont sur fanstasy elles iraient bien sur mon site .

Comme je suis novice si c'est possible des les avoir, il faut bien m'expliquer, car je suis très, très très novice merci

cordialement

coucou ca ne fonctionne pas j ai mis ce code et les fleches sont la mais quand j appuye dessus ca ne fonctionne pas ca me dit une erruer est survenue

merci de m aider voici mon code <div id="fleche"><a href="/fleche-haut-et-bas-de-page-a46682589#header"><img src="http://img15.hostingpics.net/pics/845140haut.png" alt="" /> </a> <br /> <a href="/fleche-haut-et-bas-de-page-a46682589#footer"><img src="http://img15.hostingpics.net/pics/824827bas.png" alt="" /> </a></div>

oui merci j ai reussi juste une chose comment peux t on faire pour mettre les fleches  l une en dessous de l autre merci bisous

hello bonjour merci NAGALIA je vais essayer bonne journee bisous

BOBSOIR NAGALIA COMMENT JE FAIT POUR QUE MES FLECHES SIOS SUR TOUTE LES PAGES MERCI CAR LA MIENNE EST JUSTE SUR LA PAGE D ACCEUIL

MERCI NAGALIA DESOLEE POUR LE DERANGEMENT BISOUS BONNE FIN DE SOIREE

coucou desolee NAGALIA pas fait expres j ai oublier de mettre en minuscule et j ai editer le message bonne soiree bisous

comment faire pour que ça reste fixe ?

ok merci !

Merci infiniment pour le renseignement dont j'avais besoin (mettre une flêche en début de page pour se rendre immédiatement en fin de page aux com.) merci vraiment je viens de la faire pour ma page des "dernières nouvelles" et c'est exactement ce dont j'avais besoin. J'ai mis un lien de ton blog dans le mien pour ne pas te perdre de vue. Merci beaucoup. Bonne journée.

Merci pour ce tutoriel :)

Merci mille fois pour ce code.

Coucou ^^

Comment faire en sorte qu'elles soient bien l'une au dessus de l'autre STP :3 ?

D'accord :3 Merci beaucoup Nagalia, je te tiens au courant :3

Ça marche merci ! :3

J'ai un autre question :3, comment faire pour qu'elle n'apparaisse qu'a un certain endroit dans la page (Comme toi) S'il te plait :3 ?

Wow, c'est très compliqué ^^

Je vais tenter de modifier mais ne t'embête pas pour ça, c'est pas important ^^ si je n'y arrive pas abandonnerais plutôt XD

Haha en plus c'est pour le blog d'une amie, elle a pas activé le JS. XD. C'est pas grave ^^

Non ça n'a pas marché ^^ Manque de JS ^^

Ce n'est pas grave ^^ ! Merci beaucoup quand même, j'ai les flèches c'est déjà ça :3 !

Bonjour,

Y'a t'il moyen de cacher le menu sans que ça cache les flèches?

J'ai essayer avec ce code

#module_menu141423274 {
display: none;
}

mais ça cache inévitablement les flèches aussi

Merci par avance pour votre réponse

C'était si simple que je n'y es pas pensé

Merci beaucoup

Est-ce que je peux modifier tes flèches ?

Merci pour le partage de ce tuto "il est bien expliqué" ^^

Merci pour le code :)

PS:parcontre,on peut tout simplement mettre nos flèches puis mettre en liens:

#footer ou #header 

Merci de faire des tutos comme ça, c'est super cool ! Je suis fière du rendu de mon blog pour la première fois :3 En plus, j'adore ton blog :)

Bonjour je voudrai savoir comment on fait pour les mettre droite et non l'une de chaque coté

Merci d'avance ^^

C'est encore moué 8D J'voulais savoir comment mettre les flèche en opacité genre un peu comme la transparence dd'un blog ? Car les miennes sont trop "flachies" et j'voudrais les fondre un peu ^^'

Je sais je suis chiante ! o/ Mais j'ai un soucis avec mes flèches x) elles sont pas fonctionnelles genre quand on clique dessus elles ne vont ni vers le haut ni vers le bas elles affichent la flèche en plus grande sur fond blanc x) Je fait comment ? Merci ~ 

Bonjour,

J'aurai voulu savoir si il est possible d'avoir 2 fonds différents pour les articles.

Je m'explique:

Avoir un fond sur les articles sur la page d'accueil

Et un autre fond qui s'affiche quand on clic sur "lire la suite"

Merci d'avance

Sergio63

Merci pour ce tuto, il rend mon blog plus esthétique et convivial. Seul hic; j'ai du coller le code dans chacune des page, faute d'un module simple.

Merci pour le tutoriel mais je ne comprends pas comment faire pour que les flèches soit l'une en dessous de l'autre et non l'une à côté de l'autre. A chaque fois que je tente de le modifier pour arranger ça, certes elles ont l'une en dessous de l'autre mais ça met "erreur".

Merci d'avance...

• • Nagalia

    Lundi 27 Juin 2016 à 16:28
    

    Dans le css, rajoute simplement :

    width: Xpx;  /*X étant la largeur d'une flèche*/

    Dans mon exemple, mes flèches font 50px de large

  • Starlight Glimmer

    Lundi 27 Juin 2016 à 17:20
    

    Perso je les mets tout simplement l'une en dessous de l'autre dans mon module ^_^

  • Hilarry

    Lundi 27 Juin 2016 à 18:51
    

    Merci Nagalia ça fonctionne !

    Eliaze j'avais déjà essayé mais ça ne fonctionnait toujours pas.

C'est super ! Merci beaucoup c'est très bien expliqué.

Merci beaucoup pour ces codes, compréhensibles et efficaces.^^

Bonjour,

J'ai utilisé le code qui marche très bien (juste pour remonter et avec une flèche perso), mais au bout d'un moment l'image disparait et il reste un carré vide ou un carré bleu avec un point d'interrogation (ça fonctionne toujours mais sans image).

Je ne comprend pas pourquoi.

Cordialement,

JFMartin

merci beaucoup pour ce tutoriel :D très bien expliqué.

meme si au début j'avais inversé le css et le html XDD