Mettre un bouton "haut" et "bas" sur la page d'accueil

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

Résolu Mettre un bouton "haut" et "bas" sur la page d'accueil

Message par tony59 le Jeu 14 Juil 2011 - 0:08

Bonjour,

J'aimerais savoir s'il est possible (et comment faire) d'ajouter les boutons "haut" et "bas" (la flèche qui ajoutes "#top" au lien...) sur ma page d'accueil, sur l'index de mon forum sur "la barre" :
aux endroits entourés ci dessous donc


Pouvez vous m'aider s'il vous plait?


Dernière édition par tony59 le Jeu 14 Juil 2011 - 19:37, édité 1 fois

tony59
*****

Masculin
Messages : 618
Inscrit(e) le : 23/10/2010

http://www.leforumsecret.com
tony59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un bouton "haut" et "bas" sur la page d'accueil

Message par Vicsius le Jeu 14 Juil 2011 - 7:47

Voici un lien vers le forum de Pakodar vous y trouverez votre bonheur^^

http://ogamemaio.forumgratuit.org/t3-code-css-actuel

Vicsius
****

Masculin
Messages : 228
Inscrit(e) le : 24/04/2010

http://zombie-lane-leforum.frenchboard.com/forum
Vicsius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un bouton "haut" et "bas" sur la page d'accueil

Message par tony59 le Jeu 14 Juil 2011 - 13:57

Bonjour,

Oui merci mais bon, ça ne résout pas mon soucis,
Je ne vois toujours pas à quel endroit? dans quel template? et quel code parmi tout ceux présentés dans "Boutons haut/bas du forum " de ton lien? il faut que je fasse ?

tony59
*****

Masculin
Messages : 618
Inscrit(e) le : 23/10/2010

http://www.leforumsecret.com
tony59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un bouton "haut" et "bas" sur la page d'accueil

Message par Vicsius le Jeu 14 Juil 2011 - 14:41

bin là je vais être franc mais même un enfant comprendrait. votre demande est:
Mettre un bouton "haut" et "bas" sur la page d'accueil
et dans le lien que je vous es donné à la fin il y a une ligne qui s'appelle:
Boutons haut/bas du forum (template & CSS)
Après suffit de lire tout est expliqué, quel template à modifier et le css à ajouter, que voulez vous de plus???

Vicsius
****

Masculin
Messages : 228
Inscrit(e) le : 24/04/2010

http://zombie-lane-leforum.frenchboard.com/forum
Vicsius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un bouton "haut" et "bas" sur la page d'accueil

Message par Milouze14 le Jeu 14 Juil 2011 - 14:46

Salut Tony59,

Dans Templates/Général/overall_header

Tu peux mettre en fin de template ce script qui te donnera un effet esthétique
lors du choix.
Je mets à disposition ce script à qui le voudra Wink
Code:
<script src="http://milouze14.fr/M14smoothscroll.js" type="text/javascript"></script>

Juste après
Code:
</head>
Colle ceci:
Code:
<div class="haut">
<a href="#top">Haut de page</a>
</div>
<div class="bas">
<a href="#bottom">Bas de page</a>
</div>


Valide la modification en cliquant sur

Ensuite dans ta feuille de style

Code:
.haut
{
position:fixed;
margin-top:25%;
}
.bas
{
position:fixed;
margin-top:28%;
}

Enregistres ton changement.
De cette façon tu auras en permanence l'affichage des liens "Haut et "Bas" côté gauche Wink

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un bouton "haut" et "bas" sur la page d'accueil

Message par tony59 le Jeu 14 Juil 2011 - 15:13

@Vicsius : Désolé d'être un débutant.
Il y a plusieurs codes je n'y comprend rien, je doute qu'un enfant comprendrait ! Sans milouze14, n'y connaissant rien, je ne pouvais pas savoir que c'était dans l'overall_header et encore moins qu'il fallait que je dispose ces codes après "</head>".
@milouze14 : Merci beaucoup pour ce script, c'est très beau je trouve.
Par contre oui merci mais est ce que ce serait possible de mettre
Code:
    <div class="haut">
    <a href="#top">Haut de page</a>
    </div>
    <div class="bas">
    <a href="#bottom">Bas de page</a>
    </div>
plutôt aux endroits que j'ai indiqué sur mon premier message et non pas à chaque foi à gauche, c'est juste pour la page d'accueil en fait?

tony59
*****

Masculin
Messages : 618
Inscrit(e) le : 23/10/2010

http://www.leforumsecret.com
tony59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un bouton "haut" et "bas" sur la page d'accueil

Message par Milouze14 le Jeu 14 Juil 2011 - 15:21

Salut,

oui cela est possible Wink ,
tu colles simplement ceci dans ton message d'accueil
Code:
<p align="right"><a href="#top">Haut de page</a><br />
<a href="#bottom">Bas de page</a></p>

Par contre supprimes dans ta feuille de style ceci:
Code:
<div class="haut">
    <a href="#top">Haut de page</a>
    </div>
    <div class="bas">
    <a href="#bottom">Bas de page</a>
    </div>

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un bouton "haut" et "bas" sur la page d'accueil

Message par tony59 le Jeu 14 Juil 2011 - 16:16

Oui merci mais pas dans mon message d'accueil, en fait ce serait dans ces endroits là que j'aimerais les ajouter :

tony59
*****

Masculin
Messages : 618
Inscrit(e) le : 23/10/2010

http://www.leforumsecret.com
tony59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un bouton "haut" et "bas" sur la page d'accueil

Message par Vicsius le Jeu 14 Juil 2011 - 16:20

@tony59 a écrit:@Vicsius : Désolé d'être un débutant.
Il y a plusieurs codes je n'y comprend rien, je doute qu'un enfant comprendrait ! Sans milouze14, n'y connaissant rien, je ne pouvais pas savoir que c'était dans l'overall_header et encore moins qu'il fallait que je dispose ces codes après "</head>".

voilà un screen du début du code, dites moi comment vous faites pour ne pas lire où il faut poser les codes ???

CLIC

Mais bon je vais pas polémiquer, je vous laisse à votre sujet^^

Vicsius
****

Masculin
Messages : 228
Inscrit(e) le : 24/04/2010

http://zombie-lane-leforum.frenchboard.com/forum
Vicsius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un bouton "haut" et "bas" sur la page d'accueil

Message par tony59 le Jeu 14 Juil 2011 - 16:24

Oui, hé bien, c'est pour tout les "hauts de pages", moi je parle de la page d'accueil uniquement et de ces endroits que j'ai entourer uniquement... Si je fais ce qu'il y a d'écrit, ça ne fera pas le même rendu ... C'est bien ce que j'ai dit...
En 1 ce que TOI tu me dis de faire, en 2 ce que MOI je demandes depuis le début sur ce sujet... je vois pas où est la ressemblance...

tony59
*****

Masculin
Messages : 618
Inscrit(e) le : 23/10/2010

http://www.leforumsecret.com
tony59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un bouton "haut" et "bas" sur la page d'accueil

Message par Milouze14 le Jeu 14 Juil 2011 - 18:53

Salut,
bon j'ai trouvé une solution mais c'est pas vraiment le top

1.Dans la description du site insères après ton texte ceci:
Code:
<div class=haut> <a href=#top>Haut de page</a> </div> <div class=bas> <a href=#bottom>Bas de page</a> </div>
2. Dans ta template Index-body recherche ceci:
Code:
<span class="cattitle">
<a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
et remplace par ceci:
Code:
<span class="cattitle">
<a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a><br>
<div class="haut">
<a href="#top">Haut de page</a>
</div>
<div class="bas">
<a href="#bottom">Bas de page</a>
</div>
</span>
Valide la modification en cliquant sur


Dans ta CSS supprime le style précédent et colle ceci;
Code:
.haut
{
margin-left:80%;
margin-top:0px;

}
.bas
{
margin-left:80%;
margin-top:0px;
}


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un bouton "haut" et "bas" sur la page d'accueil

Message par tony59 le Jeu 14 Juil 2011 - 19:37

Merci beaucoup, j'ai personnaliser ça à mon façon et je j'aime beaucoup :p

tony59
*****

Masculin
Messages : 618
Inscrit(e) le : 23/10/2010

http://www.leforumsecret.com
tony59 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