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
BonjourVoici 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
- 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 !
- 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.
- 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
- 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