Flèches bas et haut

3 participants

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

Résolu Flèches bas et haut

Message par b2uty Ven 6 Avr 2012 - 23:39

Bonsoir, j'aimerais réussir a mettre des petites flèches sur le coté de mon forum pour aider les membres a accédé plus vite au bas et haut du forum.
Flèches bas et haut Fv10
b2uty

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Flèches bas et haut

Message par invisible Sam 7 Avr 2012 - 3:34

invisible

invisible
**

Messages : 62
Inscrit(e) le : 25/03/2012

http://asistencia.foroactivo.com
invisible a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Flèches bas et haut

Message par b2uty Sam 7 Avr 2012 - 12:43

ça ne marche pas, je sais pas pourquoi. J'ai pourtant suivi tout les instructions. =$
b2uty

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Flèches bas et haut

Message par Matriochka Sam 7 Avr 2012 - 13:35

Bonjour,

À tout hasard, avez-vous activé la gestion des pages JavaScript ? Smile
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Flèches bas et haut

Message par b2uty Sam 7 Avr 2012 - 13:44

Matriochka a écrit:Bonjour,

À tout hasard, avez-vous activé la gestion des pages JavaScript ? Smile

Oui oui je l'ai fait. T.T
Spoiler:


Dernière édition par b2uty le Sam 7 Avr 2012 - 13:46, édité 1 fois
b2uty

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Flèches bas et haut

Message par Matriochka Sam 7 Avr 2012 - 13:45

Quel est le forum concerné ?
Serait-il possible d’avoir également vos codes ?

Merci
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Flèches bas et haut

Message par b2uty Sam 7 Avr 2012 - 13:49

http://kpop123.forumactif.com/

Code java :
Code:
$(function(){
          $("body").append('<div class="bouhautbas"><a href="#top"><img src="http://i42.servimg.com/u/f42/09/02/12/09/sort_u10.png" alt="Aller en haut" /></a> <a href="#bottom"><img src="http://i42.servimg.com/u/f42/09/02/12/09/sort_d10.png" alt="Aller en bas" /></a></div>');
});

CSS :
Code:

body {
background-position: top center;
background-repeat: no-repeat;
background-image: url(http://img850.imageshack.us/img850/281/6123521470.png);
}
 

.secondarytitle,.secondarytitle h2 {
margin: 0; padding: 0;
color: #7c477f;
font-family: Georgia ;
font-size: 11px;
text-align: center;
left: 100px;
}

.secondarytitle h2 { display:inline; }

.infos {
margin: 0; padding: 0;
color: #000000;
font-family: impact  ;
font-size: 15px;
}

#add-google{ border: 0px line #9e9e9e; }


.fond_magique{
    background-image:url(http://img853.imageshack.us/img853/6356/cccopie.png) !important;
}




/***APPARENCE CAT-FO***/

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
background-image:url("http://");
padding:2px 3px;}



.forumline {
background-image:url("http://");
border-bottom: 0px #CFC2A6 solid;
border-top: 0px #CFC2A6 solid;
border-right: 0px #CFC2A6 solid;
border-left: 0px #CFC2A6 solid;
}


a.forumlink {
text-decoration: none;
background-color: #;
border-bottom: 0px solid #ECF0F6;
border-top: 0px solid #ECF0F6;
-moz-border-radius: 11px ;
border-right: 0px solid #ECF0F6;
-moz-border-radius: 11px ;
border-left: 0px solid #ECF0F6;
display:block;
}



a.forumlink{
-moz-border-radius: 1px 1px 1px 1px;
background-color: #;
border-bottom: 0px solid #E68917;
colorE5EBB5;
font-family: Verdana;
font-size: 18px;
font-weight: lighter;
letter-spacing: 1px;
display:block;
text-align: center;
}

a.forumlink:hover {
text-transform:none;
}


.attachbox dt {
text-transform:none;
}



/***P.A***/

.boxtitle {
background-color: #D2E3D1;
color: #;
border-bottom: 0px hand #749CA3;
font-weight:bold;
text-decoration:none;
font-size: 12px;
margin:0px 5px 0px 0px;
padding: 3px 10px 3px 10px;
display: block;
text-align : center;
}

.box {
background-color: #E5EBB5;
color: #4E87B2;
border: 0px solid #E5EBB5;
font-size:12px;
margin: 0px;
padding: 3px 10px 3px 10px;
width: auto;
}

.att {
background-color: #E5EBB5;
color: #AD1F31;
border: 0px solid #749CA3;
font-weight: bold;
font-size:11px;
text-align: center;
margin: 0px;
padding: 0px;
width: auto;
}

.li {
list-style-position: outside;
list-style-type: circle;
}

#subnav A:link, #subnav A:visited, #subnav A:active {
background-color: #E5EBB5;
color: #E5EBB5;
border-bottom: 0px hand #648183;
text-transform: lowercase;
text-decoration:none;
font-size: 11px;
display: block;
text-align : center;
padding: 2px;
line-height: 12px;
display: block;
}

#subnav A:hover {
background-color: #E5EBB5;
color: #4E87B2;
border-bottom: 0px hand #88A6A8;
text-transform: lowercase;
}



/***DESCRIPTION FORUM***/

#def {
display: block;
background-color: #;
border: 0px solid #E5EBB5; 
text-align: center;
font-size: 11px;
color:#45407A;
font-face: Trebuchet MS;
width: 70%;
}

.links a:link, .links a:active, .links a:visited {
text-decoration: none;
text-transform: none;
font-weight: bold;
color: #E5EBB5;
border-bottom: 0px dotted #E5EBB5;
font-size: 0px;
}

.links a:hover {
text-decoration: none;
text-transform: none;
font-weight: bold;
color: #E5EBB5;
border-bottom: 0px hand #6B797E;
font-size: 0px;
}




/***LIENS FORUM***/




.gensmall {
font-size : 10px;
text-transform: .gensmall ;
}

a.gensmall {
font-size : 10px;
text-transform: .gensmall ;
}

a.gensmall:hover{
font-size : 11px;
text-transform: capitalize;
}
a.imginfo { /* INFOBULLES */
position: relative;
color: #CFC2A6; /* couleur de votre texte */
text-decoration: none;
border-bottom: 0px #7c477f solid; /* on souligne le texte */
}

a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 10px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: CFC2A6;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #339E8C; /* vos couleurs et taille de bordures */
border-right: 3px solid #339E8C;
border-top: 3px solid #339E8C;
border-bottom: 5px solid #339E8C;
}



/***DIVERS***/

blockquote {
width: 600px;
border: 1px solid #8EA3A4;
font-size: 15px;
color:#E3393A;
font-family: Comic Sans MS;
letter-spacing:2px;
font-size: 12px;
text-align: left;
background-image:url('http://2img.net/i/fa/empty.gif');
background-repeat: no-repeat;
background-color: #FFFFFF;
background-position: bottom right;
}

.fiche {
width: 610px;
border: 1px solid #809399;
font-size: 11px;
color:#E3393A;
font-family: Comic Sans MS;
text-align: left;
}

.titre {
font-family: Tahoma;
font-size: 110%;
text-transform: uppercase;
background-image: URL(" ");
border-bottom: 1px dashed #ffffff;
color: #141414;
text-align: left;
border-left: 2px solid #B4B6B;
border-right: 2px solid #B4B6B;
}

.stitre {
border-bottom : 1px solid #799799;
font-size: 15px;
color:#E3393A;
text-transform:lowercase;
letter-spacing:2px;
text-align: right;
width: 600px;
}



.profstats {
font-size : 10px;
}






.milieu {width: 90%; margin: 0px; border: 1px solid #ffffff;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#FBEFCA}




/*----QEEL----*/
.fa td {
background-color: transparent;
border: 0px #F2F3F1 solid;
-moz-border-radius : 8px 8px 8px 8px;
-webkit-border-radius : 8px 8px 8px 8px;
}


.statistiques{
border:0px;
width:995px;
background-image: url("http://img835.imageshack.us/img835/3306/87890346.png");
background-repeat: no-repeat;
background-position: center;
height:350px;}








.traits{
border-bottom: 4px solid #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.forumlink {text-shadow: #ffffff 0px 1px 1px;}
a.forumlink {text-shadow: #ffffff 0px 1px 1px;}
a.forumlink:hover {text-shadow: #ffffff 0px 1px 1px;}

.post .name{text-shadow: #ffffff 1px 1px 2px;}

.gensmall {text-shadow: #7D7465 0px 0px 0px;}


.montablo{
background-color: #F2F3F1;
color: #F2F3F1;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding: 20px;
width:300px;
height:270px;}

.tstaff{font-size:2 em;}

.infobulle{position: relative;z-index: 0;}

.infobulle:hover{background-color: transparent;z-index: 50;}

.infobulle span{
position: absolute;
background-color: #E5EBB5;
padding: 5px;
left: -1000px;
visibility: hidden;
color: }

.infobulle span img{border: 1px groove;padding: 2px;}

.infobulle:hover span{
visibility: visible;
top: 180px;
left: 35px;
width: 200 px ; 174 px;}

.montablo2{
background-color: #E5EBB5;
color: ;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius:8px;
padding: 10 px;
width: 200px;
height: 100px;}

ul, li{
  list-style: none;
}

.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 7px;
  color: ;
  background: #21000E;
  border: 1px solid #121212;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;}

.mon_onglet:hover{
  background:#E5EBB5;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;} 

.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 7px;
  color: ;
  background: #E5EBB5;
  border-top: 1px solid #E5EBB5;
  border-right: 1px solid #E5EBB5;
  border-left: 1px solid #E5EBB5;
  border-bottom: 1px solid #E5EBB5;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;  }
       
.clear{
  clear: both;
}

.mon_contenu{
  color: ;
  background: #E5EBB5;
  border: 2px solid #E5EBB5;
  padding: 2px;   
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;    }

#mes_contenus, #mes_onglets{
  width: 100%;
  }


.forumline{
border: 15px solid # ;}


.maintitle
{
margin-top:485px;
}





.row1.over span.gensmall
{
display: none
}




a.forumlink:hover {
color: #C0C0C0;
background-color: #
}


.vava{
background-color: #F8F9F7;
padding: 3px;
-moz-border-radius: 3px;
border: 2px solid #E2E3E1
}


.post .name{
font-size: 21px;
font-family: garamond;
text-align: center;}



.postdetails.poster-profile{
font-size: 10px;
font-family: Trebuchet MS;

}










.row3 { TEXT-TRANSFORM: uppercase; FONT-FAMILY: small fonts; COLOR: #CFC2A6; FONT-SIZE: 1px; FONT-WEIGHT: normal; text-shadow: 1px 1px 1px #ffffff; color: black; }.



.arrondis {
border: 0px solid black;
-moz-border-radius: 8px;
border-radius:8px;
-webkit-border-radius:8px;}.




/*titre des catégories*/
.secondarytitle{
background-color: #couleur de votre choix pour le fond;
}
.secondarytitle, .secondarytitle h2{
color : #couleur de votre choix pour la police;
text-align:center;
background-color: transparent;
}





    .stats{
  background-image: url(http://img689.imageshack.us/img689/4677/sansre2br.png);
      padding: 3px;
      text-align: center;}


.dermessage{
  background-color: #CFC2A6;
  border: 1px dashed #a0522d;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-bottomright: 12px;
  -webkit-border-bottom-right-radius: 12px;
  -webkit-border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-top-left-radius: 12px;
  padding: 3px;
  text-align: center;}



.nav img
{
max-width: 200px;
}



 
.img_bas {background: url(http://img840.imageshack.us/img840/1909/errr2copie.png);
  width: 997px; height: 66px;
}




.generalites {
background-image: url(http://i46.servimg.com/u/f46/14/46/58/04/tumblr38.jpg);
}
.generalites .row1 {
background-color: transparent;
}



.bouhautbas {
    bottom: 40px;
    right: 10px; /* remplacez left par right pour afficher les boutons à droite */
    position: fixed;
    z-index: 100;
}
b2uty

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Flèches bas et haut

Message par b2uty Dim 8 Avr 2012 - 16:13

up
b2uty

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Flèches bas et haut

Message par b2uty Dim 8 Avr 2012 - 17:06

J'ai essayer sur un autre forum à moi et ça fonctionne ^^
donc je met ce sujet résolu.
Mercii.
b2uty

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum