Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Flèches bas et haut

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

Résolu Flèches bas et haut

Message par b2uty le 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.
avatar

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 le Sam 7 Avr 2012 - 3:34

avatar

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 le Sam 7 Avr 2012 - 12:43

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

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 le Sam 7 Avr 2012 - 13:35

Bonjour,

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

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 le 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
avatar

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 le Sam 7 Avr 2012 - 13:45

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

Merci

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 le 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://illiweb.com/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;
}
avatar

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 le Dim 8 Avr 2012 - 16:13

up
avatar

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 le 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.
avatar

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


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