La date/heure actuelle est Ven 19 Avr 2024 - 18:54

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: 3193

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: 1096

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: 1336

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: 1081

Revenir en haut

Sauter vers: