Header

Partagez | 

[forumactif]Mettre un "ascenceur" à votre forum

Message Sujet: [forumactif]Mettre un "ascenceur" à votre forum    Ven 11 Fév - 14:44

avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

kiri

Doyenne
Bons Points (BP) : 60
Voir le profil de l'utilisateur
~ Créer un ascenseur pour votre Forum ~
Coucou,

voici un tutoriel Facile , simple et bien pratique surtout si votre forum comporte beaucoup de sous-forums

Le but



Réaliser un ascenseur à Droite ou à Gauche de votre Forum

aperçu de résultat possible:
 

Les conditions



Pour réaliser ce tutoriel vous devez :
  • Avoir un forum version phpbb2 ( je n'ai pas vérifié sur les autres versions )

  • Avoir accès aux PA et aux Templates

  • Quelques notions de CSS : [Trucs] Code CSS


Le code



On y va....Pour ce faire , vous devez allez dans votre panneau d'administration

Affichage --> Templates --> Général

Ouvrer le Template > overall_footer
> Tout en bas Vous cherchez :
Code:
</body>
</html>

Code copier et à coller à placer juste avant :
Code:

<div class="ascenseur"><br/>
<a href="#top"><img src="http://i78.servimg.com/u/f78/15/28/98/12/scroll11.png" /></a>
<br/><br/>
<a href="#bottom"><img src="http://i78.servimg.com/u/f78/15/28/98/12/scroll10.png" /></a><br/><br/>
</div>

Arrow Enregistrer puis publier votre template en cliquant sur le :

CSS
Panneau d'admin > Affichage > Couleurs > Feuille de style CSS
Ensuite vous copier coller ce code :
Code:
.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: XXpx; /*--- On le place à XX px du haut de l'écran ---*/
left: XXpx; /*--- On le place à X px de la gauche de l'écran ---*/
background-color: #COULEUR; /*--- On donne une couleur au fond ---*/
}

N'oubliez pas de remplacer #Couleur et les deux XXpx par vos propres valeurs

Personnalisation



Pour placer les flèches à droite remplacer ceci
Code:
left: XXpx; /*--- On le place à X px de la gauche de l'écran ---*/
par :
Code:
right: XXpx; /*--- On le place à X px de la droite de l'écran ---*/

vous pouvez bien sur personnaliser tout ceci en vous aidant de ces petits [Trucs] Code CSS


Bon courage et si vous avez des soucis, n'hésitez pas great

Tuto réalisé par ©kiri pour Sop





Vous rencontrez un souci avec ce tutoriel ? Venez poser votre question [ici].

Idea N'oubliez pas de lire et de suivre les [règles de la section].

Je soussignée, Kiri,  accepte qu'un directeur reposte le tutoriel "[forumactif]Mettre un "ascenceur" à votre forum " tel que je l'ai rédigé.
Revenir en haut Aller en bas


Présidente LOTR = Ligue Organique des Taupes Ridicules

J’ai toujours rêvé que mon ordinateur soit aussi simple à utiliser que mon téléphone.
Ce rêve est devenu réalité : je ne comprends plus comment utiliser mon téléphone   [ by Bjarne Stroustrup ]

Spoiler:
 

[forumactif]Mettre un "ascenceur" à votre forum
Page 1 sur 1
 Sujets similaires
-
» Nouveauté Forumactif: Possibilité de lier votre forum à sa page Google+
» Mettre une signature sur votre forum
» Votre forum à la sauce Forumactif !
» Changer le curseur de votre forum
» Votre forum est en sécurité avec Forumactif.
Réponse rapide

School of Progress :: La bibliothèque :: Tutoriels :: Informatique :: Codage+

Qui est en ligne ?

SoP en quelques chiffres

Nos étudiants ont posté un total de @messages@ messages.

Nous avons @membres_enregistres@ étudiants inscrits dans l’école.

Le dernier dossier validé est celui de @dernier_membre@.

@@membres_anniversaire_aujourdhui?@membres_anniversaire_aujourdhui=Il/Elle fête son anniversaire aujourd'hui : @membres_anniversaire_aujourdhui$&@$Ils fêtent leur anniversaire aujourd'hui : @membres_anniversaire_aujourdhui$, @@$Aucun membre ne fête son anniversaire aujourd'hui. @@

Ils étaient là hier

@derniers_membres_connectes$, @

Liste de présence

@membres_connectes$, @

La DirectionLes AssistantsLes SurveillantsLes ArtistesLes InspecteursLes PitresLes IntervenantsLes Doyens