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

La date/heure actuelle est Lun 21 Sep 2020 - 21:31

4 résultats trouvés pour fa_sticky_nav

Bouton avertissement rapide admin et modo non visible

Bonjour

Voici les widget le code javascript et CSS que j'ai rentré

Widget:avertissement modo



Widget: avertissement admin


Javascript: avertissement rapide modo et admin


Les CSS


question il a t'il une erreur dans les code que j'ai rentrer ou mon souci viens des templates





par J-Cmotor
le Lun 16 Oct 2017 - 19:43
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Bouton avertissement rapide admin et modo non visible
Réponses: 15
Vues: 2056

Régler la taille de la barre de navigation flottante

Bonjour,
trouvez votre bloc "#fa_sticky_nav", celui-ci :
Code:
/* sticky nav main */
#fa_sticky_nav {
  font-size:0; /* hide whitespace */
  text-align:center;
  background:#282828;
  border-bottom:1px solid #222 !important;
  height:30px;
  position:fixed;
  right:0;
  z-index:999;
  overflow:hidden;
  transition:top 200ms linear, width 600ms ease-in-out;
}

et changez-le par :
Code:
/* sticky nav main */
#fa_sticky_nav {
  font-size:0; /* hide whitespace */
  text-align:center;
  background:#282828;
  border-bottom:1px solid #222 !important;
  height:30px;
  position:fixed;
  right:0;
  z-index:999;
  overflow:hidden;
  transition:top 200ms linear, width 600ms ease-in-out;
    width: 70% !important;
    margin-right: 15%;
    margin-left: 15%;
}

note : la quinzième ligne n'est pas indispensable, vous pouvez la supprimez si vous le souhaitez, ou supprimer la quatorizième mais il en faut au moins une des deux.

Si vous n'arrivez pas à trouver le bloc, voici le complet avec les lignes ajoutées :

Code:
/* Vérification disponibilité pseudo a l'inscription */
#username_reg {
  color: #a90c0c;
}
#username_reg.okusername {
  color: #2f9122;
}

/* coin forum arrondi */
.bodyline {
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}

/* Affichage avatar du membre */
.fa_avatar {
  width: 25px;
  height: 25px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;
}

/* Affichage image cadre de réponse */
.sceditor-container iframe, .sceditor-container textarea {
background:url(http://2img.net/i/fa/empty.gif)!important;}

/* Raccourci affichage des liens */
.postbody a {
  display: inline-block;
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: bottom;
}


/* Toolbar */

div#fa_search {display:none!important;} /*suppression bare de recherche */

/* Modification image share toolbar */
a#fa_fb {
background:url('http://i86.servimg.com/u/f86/17/12/71/14/facebo12.png')no-repeat!important;
}
a#fa_twitter {
background:url('http://i86.servimg.com/u/f86/17/12/71/14/twitte11.png')no-repeat!important;
}
a#fa_gp {
background:url('http://i86.servimg.com/u/f86/17/12/71/14/google10.png')no-repeat!important;
}
a#fa_mail {
background:url('http://i86.servimg.com/u/f86/17/12/71/14/10.png')no-repeat!important;
}
a#fa_rss {
background:url('http://i86.servimg.com/u/f86/17/12/71/14/rss12.png')no-repeat!important;
}

/* Modification forme toolbar */
div#fa_toolbar {
    background-color: #282828;  /* Couleur de fond */
    border-radius: 0 0 50px 50px;  /* Arrondis les bords de la toolbar */
    box-shadow: 0 0 5px #282828;  /* Affiche une ombre */
    margin: auto;  /* Centre la toolbar */
    width: 98%;  /* Modifie la longueur de la toolbar */
}
 
div#fa_toolbar div, div#fa_toolbar span {
    margin: 0 15px;  /* Repositionne correctement le contenu de la toolbar */
}

  /* ------------------------ Barre de navigation ------------------------- */

/* Barre de navigation */
#navi {
background-color: #282828;
background-repeat:repeat-x;
width: 100%;
}

a.mainmenu {
color:#FFFFFF;
margin: 5px;
font-family: Arial;
font-size: 16px;
}

/* barre de navigation flottante */

/* sticky nav main */
#fa_sticky_nav {
  font-size:0; /* hide whitespace */
  text-align:center;
  background:#282828;
  border-bottom:1px solid #222 !important;
  height:30px;
  position:fixed;
  right:0;
  z-index:999;
  overflow:hidden;
  transition:top 200ms linear, width 600ms ease-in-out;
    width: 70% !important;
    margin-right: 15%;
    margin-left: 15%;
}
 
#fa_sticky_nav li { display:inline } /* navlist adjustment */
 
/* sticky menu links */
#fa_sticky_nav a.mainmenu {
  color:#FFFFFF;
  font-size:12px;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
  background:url('http://i21.servimg.com/u/f21/18/21/41/30/row10.gif') repeat-x 0px 30px;
  display:inline-block;
  padding:0 10px;
  height:30px;
  line-height:30px;
  transition:200ms;
}
 
#fa_sticky_nav a.mainmenu:hover, #fa_sticky_nav a.mainmenu.fa_navactif {
  color:#FFF;
  background-position:0 25px;
}
 
/* sticky nav toggler */
#fa_sticky_toggle {
  background:url('http://i21.servimg.com/u/f21/18/21/41/30/omnida11.png') no-repeat 0 0 #282828;
  border:1px solid #222;
  border-right:none;
  display:inline-block;
  height:29px;
  width:30px;
  position:fixed;
  right:0;
  z-index:999;
  transition:top 200ms linear;
}
 
#fa_sticky_toggle:hover { background-position:-30px 0 }

/* make hidden toolbar similar to toggler */
#fa_toolbar_hidden {
  border-radius:0 !important;
  border:1px solid #222;
  border-right:0;
  border-top:0;
}
 
/* post offset fix */
.post div[style*="-30px;"] {
  top:-60px !important;
}

/*----Bouton avertissement rapide ----*/
 
.mod_mess, .adm_mess {
margin: 5px auto;
width: 90%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
 
.mod_mess a.postlink, .adm_mess a.postlink {
color: #FFF !important;
text-decoration: underline !important;
}
 
/* administrateur bb-Code - bloc de message d'enregistrement */
 
.adm_mess {
background: #e54858;
background: -moz-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e54858), color-stop(100%, #f5b57a));
background: -webkit-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -o-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -ms-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: linear-gradient(left, #e54858 0%, #f5b57a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54858", endColorstr="#f5b57a", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}
 
/* Administrateur bb-Code - mise en page */
.adm_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #B60505; 
}
   
/* Administrateur BB-Code - présentation du texte */
.adm_mess .titl + div {
display: block;
margin-left: 10px;
padding: 25px 5px 25px 80px;
background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome-10.png) no-repeat left center;
}
 
/* Messages BB-Code - bloc de message d'enregistrement */
 
.mod_mess {
background: #5c93f5;
background: -moz-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5c93f5), color-stop(100%, #afcfda));
background: -webkit-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -o-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -ms-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: linear-gradient(left, #5c93f5 0%, #afcfda 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c93f5", endColorstr="#afcfda", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}
 
/* Messages BB-Code - Un titre */
.mod_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #0D4DD3;   
}
   
/* modernité BB-Code - présentation du texte */
.mod_mess .titl + div {
display: block;
margin-left: 10px;
padding: 25px 5px 25px 80px;
background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome610.png) no-repeat left center; 
}

/*suppression lignes verticales categories*/
table.forumline {
    border-spacing: 0px 1px;
}

/* Couleur des entêtes catégories */
.secondarytitle, .secondarytitle ~ th {
background: none !important;
}
/* catégorie 1 */
tr#cat1 {
background-color: #00a1c9;
}
/* catégorie 2 */
tr#cat2 {
background-color: #59b800;
}
/* catégorie 3 */
tr#cat3 {
background-color: #e6c700;
}
/* catégorie 4 */
tr#cat4 {
background-color: #e60041;
}
/* catégorie 5 */
tr#cat5 {
background-color: #00a1c9;
}
/* catégorie 6 */
tr#cat6 {
background-color: #d60000;
}

Bonne journée !
par Feuilla'
le Mer 20 Avr 2016 - 13:10
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Régler la taille de la barre de navigation flottante
Réponses: 8
Vues: 759

Echec d'installation de la barre de navigation flottante

Bonjour,

Vous avez oublié de modifier la feuille CSS sur votre forum normal.
Il manque l'ID s'apparentant à la barre en question (#fa_sticky_nav) ainsi que ses dérivés.
par Oka.mi
le Mer 10 Fév 2016 - 4:15
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Echec d'installation de la barre de navigation flottante
Réponses: 21
Vues: 1132

boutons menu flottant

oui, merci , mais les 2 valeurs sont à zero, et ça ne marche pas (là ça marche parce que j'ai ajouté la ligne de code proposée par Jay
Code:
#submenu img{margin:-15px;})

si je l'enlève, même avec 
 
    #fa_sticky_nav a.mainmenu {
      color:#CCC;
      font-size:12px;
      font-weight:bold;
      font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
      background:url('https://i.servimg.com/u/f21/18/21/41/30/row10.gif') repeat-x 0px 30px;
      display:inline-block;
      padding:0 0px;
      height:30px;
      line-height:30px;
      transition:200ms;

ça ne marche pas

Mais bon, vu que ça fonctionne, ne te tracasse pas et encore merci Bizz
par @stra
le Lun 1 Fév 2016 - 22:51
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: boutons menu flottant
Réponses: 10
Vues: 797

Revenir en haut

Sauter vers: