La date/heure actuelle est Dim 25 Fév 2018 - 10:48

4 résultats trouvés pour i_icon_mini_login

[ModernBB] : supprimer des items de l'en-tête et navigation

Bonjour Fevy, pour retirer le bouton groupes, ajoutez à votre CSS :


Code:
#i_icon_mini_groups{display:none;}


Et voici les identifiants de chaque bouton :


#i_icon_mini_index Id. de l'image du lien Index
#i_icon_mini_calendar Id. de l'image du lien Calendrier
#i_icon_mini_portal Id. de l'image du lien Portail
#i_icon_mini_faq Id. de l'image du lien FAQ
#i_icon_mini_search Id. de l'image du lien Rechercher
#i_icon_mini_members Id. de l'image du lien Membres
#i_icon_mini_groups Id. de l'image du lien Groupes
#i_icon_mini_profile Id. de l'image du lien Profil
#i_icon_mini_message Id. de l'image du lien MP
#i_icon_mini_new_message Id. de l'image du lien Nouveaux MP
#i_icon_mini_logout Id. de l'image du lien Déconnexion
#i_icon_mini_login Id. de l'image du lien Connexion
#i_icon_mini_register Id. de l'image du lien S'enregistrer


Si par exemple vous supprimez 2 boutons, vous pouvez écrire votre code comme ceci, par exemple groupes et s'enregistrer :

Code:
#i_icon_mini_groups,#i_icon_mini_register{display:none;}


Je vous conseillerai aussi de vous rendre dans votre PA>Affichage>Page d'accueil>En-tête & Navigation>Barre de navigation et déplacer les boutons qui ne vous servent pas d'un côté ou de l'autre de la barre de navigation pour éviter d'avoir des espaces inutiles. Wink

Bien à vous.
par ◦Jay◦
le Sam 21 Oct 2017 - 16:07
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: [ModernBB] : supprimer des items de l'en-tête et navigation
Réponses: 2
Vues: 309

Couleur de texte -Feuille de personnage-

Malheureusement non :O et ce problème est apparu sans que je n'ai rien touché au préalable... j'avoue ne pas trop comprendre.
Dans la gestion des couleurs, rien n'indique quel champs doit être modifié pour que seules les couleurs des Listes et Texte de la feuille de personnage, sur les profils, soient impactées? Et pour ce qui est du CSS... encore une fois je n'y ai rien modifié depuis des mois u.u
Voulez-vous mon css? (chambre mal rangée, j'vous préviens...)
CSS:
/* DEBUT BARRE DE NAVIGATION */
.nav_txt {
text-align: center;
font-variant: small-caps;
font-family: Georgia;
color: #7e7e7e;
background: #091016;
font-size: 18px;
height: 28px;
text-shadow:1px 1px 2px #000000;
border-bottom: 1px solid #091016;
box-shadow: 0px 0px 3px #000000;
}
.barre_nav a{
text-align: center !important;
font-variant: initial;
font-family: Georgia;
color: #7d6a60;
font-size: 14px;
margin-left: 5px;
text-decoration: none !important;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
}

.barre_nav a:hover {
text-decoration: none !important;
color : #7e7e7e !important;
text-align: center !important;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
}
.barre_nav {
width: 80%;
height: auto;
left: 10%;
margin-left: auto;
margin-right: auto;
margin-top: -1px;
position: absolute;
overflow: hidden;
z-index: 10;
border-top: 0px solid #7d6a60;
}


.nav_1 {
width: 19%;
height:25px;
background: #080e13;
float: left;
border: 1px solid #;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
overflow: hidden;
}
.nav_2 {
width: 19%;
height:25px;
background: #080e13;
float: left;
border: 1px solid #091016;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
overflow: hidden;
}
.nav_3 {
width: 19%;
height:25px;
background: #080e13;
float: left;
border: 1px solid #091016;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
overflow: hidden;
}
.nav_4 {
width: 19%;
height:25px;
background: #080e13;
float: left;
border: 1px solid #091016;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
overflow: hidden;
}
.nav_5 {
width: 19%;
height:25px;
background: #080e13;
float: left;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
overflow: hidden;
}
.nav_1:hover {
width: 19%;
height: auto;
text-align: left !important;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
border-radius: 20px; border-bottom: solid 3px #7d6a60;
}
.nav_2:hover {
width: 19%;
height:auto;
text-align: left !important;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
border-radius: 20px; border-bottom: solid 3px #7d6a60;
}
.nav_3:hover {
width: 19%;
height:auto;
text-align: left !important;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
border-radius: 20px; border-bottom: solid 3px #7d6a60;
}
.nav_4:hover {
width: 19%;
height:auto;
text-align: left !important;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
border-radius: 20px; border-bottom: solid 3px #7d6a60;
}
.nav_5:hover {
width: 19%;
height:auto;
text-align: left !important;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
border-radius: 20px; border-bottom: solid 3px #7d6a60;
}
/* --------------------------------- MENU latérale--------------------------------- */

/* Contient l'image */
.bloc_onglet {
position: fixed;
top: 5em;
}

/* Info-bulles */
nav.info{
z-index: 24;
text-decoration: none;
position: relative;
}

nav.info:hover{
z-index: 26;
}

nav.info span{
display: none
}

nav.info:hover span{
display: block;
position: absolute;
top: 1.3em;
left: 11em;
height: auto;
width: 200px;
background: none;
text-align: center top;
font-weight: none;
padding: 0px;
color : #7e7e7e !important;

}

nav.info a {
text-decoration: none !important;
}

/* FIN BARRE DE NAVIGATION */


/* --------------------------------- Navigation Haut/Bas --------------------------------- */
.haut{
position:fixed;
top:45px;
left:24px;}

.bas{
position:fixed;
top:45px;
left:69px;}
/* --------------------------------- WIDGET --------------------------------- */
/* Widget statistic */
.widgperso {
border: solid #7d6a60 0px;
border-radius: 20px;
border-bottom:solid 3px #7d6a60 ;
border-radius:0 0 20px 20px;

background-color: #0D0D0D;
color: #F3F3F3;
border-radius: 0px 10px 10px 10px;
border-bottom:solid 3px #7d6a60 ;
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
font-size: 12px !important;
}
/* Positionnement du widget et choix du fond */
.widget {
position: fixed;
top: 2.9em;
left: 3.8em;
background-image: url('http://www.photos-public-domain.com/wp-content/uploads/2011/02/black-vertical-siding-texture.jpg');
width: 20em;
height: 26em;
padding: 20px;
z-index: 2;
}

/* Englobe le titre et le texte du widget */
.widget_interne {
width: 17em;
height: 21em;
padding: 20px;
padding-top: 0px;
text-align: justify;
color: #C0C0C0;
z-index: 4;
position: fixed;
top: 5.5em;
left: 5em;
}

/* --------------------------------- FIN WIDGET --------------------------------- */
/*********************************** PA Quête ***********************************/
/*Bloc du concept*/
#concept {
float : left;
position: relative;
width: 175px;
height: 80px;
overflow: hidden;
}
/*Texte du concept*/
#concept_text {
width: 163px;
height: 70px;
margin: 1px;
padding: 5px;
text-align: left;
overflow: auto;
font-size: 9px;
}
/*Image du concept*/
#concept_img {
position: absolute;
top: 0px;
left: 0px;
width: 175px;
height: 80px;
transition: 0.5s;
-webkit-transition: 0.5s;
}
/*Glissement de l'image du concept*/
#concept:hover #concept_img {
left: 200px;
}

/*********************************** PA ***********************************/

/*** PARTENAIRES ET TOPS ***/
.img_partenaires {
opacity: 0.5;
}
.img_partenaires:hover {
opacity: 1;
}
/*** IMAGES DU STAFF ***/

.imgPA {
border-radius: 0%;
width: 60px;
height: 60px;
padding: 2px;
}
.info {
position: relative;
z-index: 24;
text-decoration: none;
padding : 2px;
}
c.info:hover {
z-index: 25;
}
c.info span {
display: none;
}
c.info:hover span {
display: block;
position: absolute;
top: 0px;
left: -1px;
border-radius: 0px 10px 10px 10px;
width: 100px;
height: 80px;
background-color: #0D0D0D;
color: #F3F3F3;
text-align: center;
font-weight: none;
}

/*** IMAGES DES PREDEFINIS ***/
.imgwidget {
border-radius: 0%;
width: 116px;
height: 117px;
}
.imgwidget:hover {
border-radius: 0%;
width: 116px;
height: 117px;
}
.info {
position: relative;
z-index: 24;
text-decoration: none;
}
d.info:hover {
z-index: 25;
}
d.info span {
display: none;
}
d.info:hover span {
display: block;
position: absolute;
top: -10px;
left: 3px;
width: 116px;
height: 40px;

background-color: #0D0D0D;
color: #F3F3F3;
border-radius: 0px 10px 10px 10px;
border-bottom:solid 3px #7d6a60 ;

text-align: center;
font-weight: none;
}

/*** EFFET DU CONTEXTE ***/
.contexte {
width: 400px;
height: 200px;
overflow: hidden;
background-color: #333333;
border-radius: 25px;
position: relative;
top: -2px;
}
.contexte_img {
position: relative;
z-index: 2;
width: 400px;
height: 200px;
margin-left: 0px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.contexte:hover .contexte_img {
margin-top: -200px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.contexte_description {
position: relative;
z-index: 1;
width: 350px;
height: 140px;
color: #a4a4a4;
padding: 25px;
text-align: justify !important;
font-size: 11px;
overflow: auto;
}
.contexte_description a {
text-decoration: none !important;
}
/*** SYSTEME D'ONGLETS ***/
.paonglet {
display: inline-block;
margin-left: 20px;
margin-right: 30px;
padding: 10px;
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
font-size: 14px;

background-color: #;
color: #7e7e7e;
}
.paonglet_0 {
border-radius: 0px;
width: 180px;
height: 30px;
background-image: url(https://redcdn.net/hpimg15/pics/42125230t2.png);
background-position: center top;
background-repeat: no-repeat;
}
.paonglet_1 {
border-radius: 0px;
background-image: url(https://redcdn.net/hpimg15/pics/57476156t1.png);
background-position: center top;
background-repeat: no-repeat;
width: 180px;
height: 30px;
color: #7d6a60;
}
.contenu_paonglet {
padding: 10px;
display: none;
width: 780px;
height: 450px;
border-radius: 20px;
background-color: #0D0D0D;
}
.contenu_paonglet a{
text-decoration: none !important;
}
/*** BLOC DE TEXTE DE LA PA ***/

.bloc_pa {
background-color: #333333;
border-radius: 25px;
color: #a4a4a4;
padding: 0px;
text-align: center !important;
position: center;
top: -3px;
}
.bloc_pa a {
text-decoration: none !important;
color: #70A0BA !important;
}

/*** TITRES DES BLOCS ***/

.titre_pa {
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
font-size: 16px;
position: relative;
top: -3px;
color: #a4a4a4;
z-index: 1;
}

.titre_pa:hover {
color: #70A0BA;
}

/*********************************** FIN PA ***********************************/
/* --------------------------------- /* MISE EN FORME DES LISTES DE SUJETS */ --------------------------------- */

.bloc_sujets
{
width: 775px;
margin: auto;
background: #;
border-radius: 20px 0px 0px 20px;
border-bottom:solid 3px #7d6a60 ;
padding: 5px;
}
.sujets
{
background: #000;
background-image: url();
background-position: center top;
background-repeat: repeat;
border-radius: 20px;
border-radius: 20px 0px 0px 20px;
text-align: left !important;
border-bottom:solid 3px #7d6a60 ;
padding: 3px;
}
.topictitle
{
font-variant: small-caps;
font-size: 12px;
background: #000;

}
.sujets_auteur
{
display: block;
width: 180px;
font-size: 11px;
border-radius: 20px;
}
.sujet_last
{
display: block;
background-image: url(https://redcdn.net/hpimg11/pics/269823Sanstitre1.jpg);
background-position: center top;
background-repeat: no-repeat;
width: 190px;
height: 62px;
background: #000;
padding-top: 10px;
font-size: 9px;
}
.sujets_stats
{
width: 675px;
text-align: right;
margin-bottom: 0px;
}
.sujets_stats_contenu
{
font-size: 9px;
color: #a4a4a4;
padding: 2px;
background: #;
border-bottom: solid #7d6a60 1px;
border-left: solid #7d6a60 1px;
border-right: solid #7d6a60 1px;
border-radius: 0px 0px 10px 10px;
background-image: url(https://redcdn.net/hpimg11/pics/469850motif.jpg);
background-position: center top;
background-repeat: repeat;
}

/* --------------------------------- /* DEBUT CATHEGORIE */ --------------------------------- */

#i_icon_mini_login{
margin-right:20px !important;
}

.cat_titre1 {
letter-spacing: 2px;
text-transform: uppercase;
font-size: 22px;
font-family: Balthazar;
}
.cat_droite {
border-radius:0px;
border: solid #7d6a60 1px;
padding: 10px;
width: 167px;
height: 56px;
font-size: 9px;
background-image: url('https://redcdn.net/hpimg11/pics/480531Sanstitre1.jpg');
background-position: center top;
background-repeat: no-repeat;
color: #7d6a60 !important;
margin-right:-45px;
margin-left:20px;
float:right;
background-color:black;
text-align:center;
margin-top:-100px;
}
.cat_titre2 {
font-size: 14px;
text-align: center !important;
color : #7e7e7e !important;
margin-left:50px;
margin-top:5px;
font-family: Balthazar;
}
.cat_des1 {

border: 0px;
margin-left:70px;
width:70%;
}
.cat1 {
border: solid #7d6a60 1px;
background-image: url('https://redcdn.net/hpimg11/pics/469850motif.jpg');
background-position: center top;
background-repeat: repeat;
border-radius: 20px;
text-align: center !important;
border-bottom:solid 3px #7d6a60 ;
padding-top:5px;
padding-left:0px;
}
.cat2 {
border: solid #7d6a60 0px;
border-radius: 20px;
padding:0px;
background-color:black;
height: 100px;
}
.souscat {
text-decoration:white;
text-align: center !important;
line-Height: 8pt;
padding:0px;
padding-right:20px;
overflow-x:;
margin-top:-40px;
margin-right:140px;
margin-left:160px;
}
.cat_des2 {
color:black;
font-size: 12px;
overflow:initial;
height: 100px !important;
padding-left:0px;
margin-top:-5px;
width:85%;
}
.catimg {
border: solid #7d6a60 1px;
width: 95px;
height: 80px;
float: left;
padding-right:0px;
margin-left:5px;
margin-top:32px;
}
/*** ILLUSTRATION QUI SUIT LE TITRE DE CATEGORIE ***/
.illustration_cate {

width: 592px;
height: 78px;
border-radius: 0px 0px 0px 0px;
position: relative;
top: 0px;
left: 0px;
}
/* --------------------------------- /* FIN CATHEGORIE*/ --------------------------------- */

/* --------------------------------- /* MISE EN FORME DES MESSAGES */ --------------------------------- */

/*Cadre autour des messages *****************************************************************/

.rangée .thRight, .nomavatar, .rangée .thLeft, .basviolet .browse-arrows{
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
}
.basviolet, .postviolet{ background-color:#202020;}/*couleur de fond des messages*/

.fondpost{
border: solid #7d6a60 1px;/*bordures fines autour du message*/
background: url(https://redcdn.net/hpimg11/pics/424348fond.jpg) no-repeat center bottom,
url(https://redcdn.net/hpimg11/pics/442537fond2.jpg) no-repeat center top;
border-radius:10px;/*arrondi*/
padding: 15px;
min-height: 325px;
margin: 10px 30px auto 30px;
}

.rangée{
background-color:#000;/*couleur de fond de la ligne "auteur-message"*/
border-bottom: solid #7d6a60 1px;/*bordures fines autour du message*/
border-radius:0px 20px 0 0;/*arrondis*/
display:block;
margin-top:15px;
}
.rangée .thRight{
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
color:#7e7e7e;/*couleur du texte "message"*/
font-size: 14px;
border-bottom: solid #7d6a60 1px;/*bordures fines autour du message*/
font-weight:bold;
display:block;
margin-left:255px;
padding-top:7px;
height:19px;
}
.rangée .thLeft, .basviolet .browse-arrows{
color:#7e7e7e;/*couleur du texte "auteur"*/
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
font-size: 15px;
border-bottom: solid # 0px;/*bordures fines autour du message*/
font-weight:bold;
display:block;
float:left;
width:255px;
padding-top:7px;
padding-left:7px;
height:19px;
}
.basviolet{
border: solid #7d6a60 1px;
background-image: url(https://redcdn.net/hpimg11/pics/469850motif.jpg);
background-position: center top;
background-repeat: repeat;
border-radius: 20px;
text-align: center !important;
border-bottom:solid 3px #7d6a60 ;
display:block;
border-radius:0 0 20px 20px;
border-top:none;
margin-bottom:30px;
}

.postviolet{
border-left:1px solid #7d6a60;/*bordures de la partie centrale du message*/
border-right:1px solid #7d6a60;
display:block;
}

.postviolet .postdetails {display:none;}/*enlève la date et l'heure du sujet*/
.postviolet .post-options{padding-right:30px;}
th.thBottom, th.thCornerL, th.thCornerR, th.thHead, th.thLeft, th.thRight, th.thSides, th.thTop { border:none;font-weight:normal;}

/* --------------------------------- PROFILS/AVATAR RP --------------------------------- */

.profil_mess
{
position: relative;
z-index: 9;
width: 210px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
background-color: #333333;
padding: 4px;
text-align: center;
background-image: url('https://redcdn.net/hpimg15/pics/643525profil.jpg');
background-position: center top;
box-shadow: 0px 0px 5px #000000;
-moz-box-shadow: 0px 0px 5px #000000;
-htm-box-shadow: 0px 0px 5px #000000;
-o-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
}

.name
{
display: block;
margin-top: -5px;
margin-bottom: -10px;
font-size: 12px;
font-family: arial black;
text-shadow: 1px 1px 0px #000000;
padding-bottom: 5px;
border-bottom: 1px solid #5b5b5b;
}

.avatar_mess
{
display: block;
width: 200px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
height: 400px;
overflow: hidden;
border: 5px solid #0d0d0d;
opacity: 0.9;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
filter: alpha(opacity=70);
transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-htm-transition: 0.5s;
-webkit-transition: 0.5s;
}
.avatar_mess:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-htm-transition: 0.5s;
-webkit-transition: 0.5s;
}

.profil2_mess
{
position: relative;
z-index: 1;
width: 180px;
margin-left: auto;
margin-right: auto;
margin-top: -202px;
background-color: #000;
padding-left: 4px;
padding-right: 4px;
text-align: left;
border-radius: 10px;
-moz-border-radius: 10px;
-htm-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #000;
box-shadow: 0px 0px 5px #000000;
-moz-box-shadow: 0px 0px 5px #000000;
-htm-box-shadow: 0px 0px 5px #000000;
-o-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
color: #434343 !important;
transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-htm-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil2_mess:hover
{
margin-top: -42px;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-htm-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil2_content
{
display: block;
width: 180px;
height: 400px;
max-height: 200px;
overflow: auto;
font-size: x-small;
}
/******************* transition lien ******************************/
a {
-moz-transition:all 0.5s; /* Mozilla Firefox */
-webkit-transition:all 0.5s; /* Safari et Google Chrome */
-o-transition:all 0.5s; /* Opera */
transition:all 0.5s;
}
/******************* ENLEVER SOULIGNEMENT DES LIENS******************************/

a:hover{text-decoration: none !important;}
a{text-decoration: none !important;}

/******* curseur général********/
body {
cursor: url(http://fc05.deviantart.net/fs71/f/2014/112/4/a/cursor_by_ginl-d7fj3nw.png);
}
/******* curseur lien ********/
a {
cursor : url(http://fc05.deviantart.net/fs70/f/2014/112/2/8/cursorlink_by_ginl-d7fj3tf.png), auto;;
}

/******* BG forum ********/
body{
background-image: url('https://redcdn.net/hpimg15/pics/638615fond2.jpg', 'https://redcdn.net/hpimg11/pics/630325Sanstitre1.jpg', 'https://redcdn.net/hpimg15/pics/881593fond.jpg', 'https://redcdn.net/hpimg11/pics/789821fond.jpg');
background-position: center top;
background-repeat: no-repeat;
background-attachment: scroll;
background-color: #000
text-align: justify;
}
/* -------------------------------- avatar rep rapide --------------------------------------- */
#av_quickreply img{
position: relative;
top: 0px;
left: 0px;
width: 110px;
height: 210px;
margin: 0 5px;
border-radius: 10px;
}

#av_quickreply {
float: left;
position : absolute;
}

/* --------------------------------- Editeur --------------------------------- */
/* Icônes couleur dans la palette */

.color-option {
display: inline-block !important;
width: 15px !important; /* largeur de l'icône couleur */
height: 15px !important; /* hauteur de l'icône couleur */
border: 2px solid #fff !important; /* cadre blanc sur l'icône couleur */
margin: 3px !important; /* espace entre chaque icône */
box-shadow: 0 0 2px #778899; /* ombre */
cursor: pointer !important;
}
.color-option span{
display: block !important;
width: 15px !important; /* largeur de l'icône couleur */
height: 15px !important; /* hauteur de l'icône couleur */
}
.color-option, .color-option span {
border-radius: 2px; /* arrondi */
}

/* Palette complète - la largeur influence le nombre d'icônes affichées */
.sceditor-dropdown.sceditor-color-picker {
width: 200 !important; /* largeur de la palette complète */
height: relative !important; /* hauteur de la palette complète */
padding: 5px !important;
border-radius: 5px !important;
}

/*--- Bloc réponse rapide ---*/

.sceditor-container.ltr.sourceMode {
width:500px !important;
background-color: #444444 !important;
position: auto;
top: 0px;
left: center;
}
.sceditor-container.ltr.wysiwygMode {
width:500px !important;
background-color: #444444 !important;
position: auto;
top: 0px;
left: center;
}

.slidesmile{
position:relative; !important;
top:39px; left:100px; !important;
z-index:4;
}
#smileyContainer iframe
{
height: 300px !important;
overflow: auto !important;
}
#smileyContainer
{
border: 3px solid #000000; !important;
}

.sceditor-toolbar
{
background: #141414 !important;
border-bottom: 1px solid #000000 !important;
}
.sceditor-group
{
background: #444444 !important;
border: 1px outset #333333 !important;
border-radius: 5px !important;
}
.sceditor-container
{
width:500px !important;
position: auto;
margin: 2px auto !important;
background: #000 !important;
border: 2px solid #000000 !important;
}
a.sceditor-button
{
background: #000 !important;
border-radius: 20px !important;
}
a.sceditor-button:hover
{
background: #999999 !important;
}
a.sceditor-button
{
background: #777777 !important;
border-radius: 20px !important;
}
a.sceditor-button:hover
{
background: #999999 !important;
}
.sceditor-container textarea, .sceditor-container iframe
{
padding: 5px !important;
background: #555555 !important;
border: 1px solid #666666 !important;
}
/* --------------------------------- Bouton Editeur supp --------------------------------- */
a.sceditor-button.sceditor-button-farand {
display: none;
}
a.sceditor-button.sceditor-button-date {
display: none;
}
a.sceditor-button.sceditor-button-time {
display: none;
}
a.sceditor-button.sceditor-button-faupdown {
display: none;
}
a.sceditor-button.sceditor-button-fascroll {
display: none;
}


/* --------------------------------- LISTE membres --------------------------------- */

.description3
{
display: block;
width: 200px;
margin: auto;
height: 100px;
overflow: hidden;
transition:0.4s ease;
-o-transition:0.4s ease;
-moz-transition:0.4s ease;
-webkit-transition:0.4s ease;
}

.description3:hover {
display: block;
width: 200px;
margin: auto;
height: 200px;
overflow: hidden;
}

.description3_contenu
{
position: absolute;
width: 200px;
height: 200px;
overflow: 200px;
background-color: #EFE9DD;
font-size: 11.5px;
font-family:'Georgia';
color: #3E352E;
text-align: justify;
padding:0px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description3_contenu:hover
{
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

/* --------------------------------- CHATBOX --------------------------------- */


/* Taille des avatars */

#chatbox .cb-avatar > img {
height: 40px !important;
width: 20px !important;
}
/* Calque des avatars */

#chatbox .cb-avatar {
float: left;
margin-right: 4px;
background: none repeat scroll 0 0 #000 !important; /* Fond */
border: 1px solid #d5d5d5 !important;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
height: 40px !important; /* Hauteur */
padding: 1px;
vertical-align: middle;
width: 20px !important; /* Largeur */
}



/* ChatBox */
body.chatbox {
background-image: url('https://redcdn.net/hpimg4/pics/640843chat.jpg');
background-position: center top;
background-repeat: no-repeat;
}
#chatbox .chatbox_row_1,#chatbox .chatbox_row_2,#chatbox .chatbox_row_3{
background-color: transparent;
}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Le comptoire"; }
background-color: transparent;
body.chatbox {
background-color: transparent; }

/* ChatBox latérale */

#chatbox_header .cattitle strong {
display: none;
}

#chatbox_header .cattitle:before {
content: "La Taverne";
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
font-size: 20px;
text-shadow: #DED3C1 0px 0px 0px;
margin-top:5px;
margin-left:20px;
}

body.chatbox {
display: block;

}

.chatbox_row_1, .chatbox_row_2 {
background : none;
}

/* conteneur de la chatbox et du bouton */
#cb_block {
width: 600px; /* largeur */
height: 300px; /* hauteur */
position: fixed; /* position fixe dans la fenêtre */
bottom: -205; /* est caché de 200px vers le bas */
left: 0px; /* est collé à 0px du bord gauche */
z-index: 100;
transition: 1s; /* le mouvement glissant est de 1s */
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
border-radius:5px;
}

/* chatbox seule */
.ChatboxLaterale {
width: 600px; /* largeur */
height: 200px; /* hauteur */

z-index: 100;
position: relative;
}
#chatbox {height: 75%}

/* bouton ouvrir/fermer */
.BoutonChatbox {
cursor: pointer; /* on ajoute un pointeur pour indiquer que notre image est cliquable */
position: center;
z-index:100;
width: 30px; /* largeur */
height: 97px; /* hauteur */
border-radius:5px;
margin-left: 0px; /* on le pousse à 15px du bord gauche */
}

.text-styles {
margin-top: -30px;
padding-top: 8px;}

#chatbox_members, .member-title.away, .member-title.online {
background:none;
}


/* --------------------------------- FIN NAVIGATION --------------------------------- */

.transparent .row1 {
background: transparent;
}
.transparent .gensmall {
font-size:12px;
}

#qeel_position {
position: relative;
margin:auto;
background-image: url("https://redcdn.net/hpimg11/pics/861652qeel.jpg");
background-position: center;
background-repeat: no-repeat;
}

#qeel_titre {
font-size:10px;
font-weight: bold;
color:black;
text-align:center;
}

.qeel_colonne1 {
font-size: 11px;
text-align: right;
width: 200px;
height: 300px;
background:#;
margin-top: 10px;
padding:60px;

border-top-left-radius:20px;
border-bottom-left-radius:20px;
}

.qeel_centre {
background:transparent;
font-size: 11px;
width:200px;
height:300px;
padding:1px;
}

.qeel_colonne2 {
width: 270px;
height: 300px;
background:#;
padding:35px;
text-align:left;
font-size:10px;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
}

.qeel_bloc {
width: 200px;
padding:5px;
height: 300px;
background:#000;
border-radius:5px;
overflow:auto;
}

.qeel_groupe {
position: relative;
top: 10px;
height: 50px;
width: 50px;
border-radius:50px;
overflow: visible;
margin: 1px;
}

.qeel_groupe .infobulle {
position: absolute;
top: 0px;
left: 50px;
width: 70px;
height: auto;
background:#000;
opacity: 0;
visibility: hidden;
transition: 0.3s;
padding: 5px;
border-radius:0px 10px 10px 10px;
}


.qeel_groupe:hover .infobulle {
opacity: 1;
visibility: visible;
z-index: 100;
transition: 0.5s;
}


Merci pour votre temps.
par ginl
le Lun 10 Oct 2016 - 16:18
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Couleur de texte -Feuille de personnage-
Réponses: 5
Vues: 748

probleme avec CSS pour une barre de navigation avec boutons reactifs

merci de votre reponse
Voici le copier coller de mon CSS

}
/*IMAGE INDEX*/
#i_icon_mini_index{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/accu10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_index:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/acceui10.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE CALENDRIER*/
#i_icon_mini_calendar{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/calen10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_calendar:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/calend12.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE FAQ*/
#i_icon_mini_faq{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/faq110.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_faq:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/faq10.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE RECHERCHE*/
#i_icon_mini_search{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/sans_t26.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_search:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/recher13.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE LISTE MEMBRES*/
#i_icon_mini_members{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/membr10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_members:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/membre11.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE PROFIL*/
#i_icon_mini_profile{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/prof10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_profile:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/profil12.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE MP (pas de nouveaux messages)*/
#i_icon_mini_message{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/messag11.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_message:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/messag12.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE MP (nouveaux messages)*/
#i_icon_mini_new_message{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/mp11.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_new_message:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/16217514.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE DECONEXION*/
#i_icon_mini_logout{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/decone11.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_logout:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/deconn11.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE S'ENREGISTRER*/
#i_icon_mini_register{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/enregi10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_register:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/enreg10.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE CONNEXION*/
#i_icon_mini_login{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/connex10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_login:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/connex11.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}



Pour l etape 3 !! oui j ai bien rentrer dans le panneau des images cette formule (empty)
par Neibaf23
le Sam 3 Jan 2015 - 11:29
 
Rechercher dans: Archives des problèmes avec un code
Sujet: probleme avec CSS pour une barre de navigation avec boutons reactifs
Réponses: 15
Vues: 1710

Inscrutation d'une image de fond à la barre de Nav + changement au survol

[mention]Nyko-neko[/mention] a écrit:merci, si je demandais de l'aide c'est que j'ai justement déja cherché

Bonjour Je me suis dit aussi ???? Smile !
Code CSS :

/* Barre Navigation */

{#}i_icon_mini_index{/#}{width:81px; height:68px; background:url(url de l'image index) no-repeat 0 0;}
{#}i_icon_mini_index{/#}:hover{background:url(url de l'image index) no-repeat 0 -68px;}

{#}i_icon_mini_calendar{/#}{width:113px; height:68px; background:url(url de l'image calendrier) no-repeat 0 0;}
{#}i_icon_mini_calendar{/#}:hover{background:url(url de l'image calendrier) no-repeat 0 -68px;}

{#}i_icon_mini_faq{/#}{width:56px; height:68px; background:url(url de l'image Faq) no-repeat 0 0;}
{#}i_icon_mini_faq{/#}:hover{background:url(url de l'image Faq) no-repeat 0 -68px;}

{#}i_icon_mini_search{/#}{width:120px; height:68px; background:url(url de l'image Rechercher) no-repeat 0 0;}
{#}i_icon_mini_search{/#}:hover{background:url(url de l'image Rechercher) no-repeat 0 -68px;}

{#}i_icon_mini_gallery{/#}{width:86px; height:68px; background:url(Galerie) no-repeat 0 0;}
{#}i_icon_mini_gallery{/#}:hover{background:url(url de l'image Galerie) no-repeat 0 -68px;}

{#}i_icon_mini_members{/#}{width:100px; height:668px; background:url(url de l'image Membres) no-repeat 0 0;}
{#}i_icon_mini_members{/#}:hover{background:url(url de l'image Membres) no-repeat 0 -68px;}

{#}i_icon_mini_groups{/#}{width:94px; height:68px; background:url(url de l'image Groupes) no-repeat 0 0;}
{#}i_icon_mini_groups{/#}:hover{background:url(url de l'image Groupes) no-repeat 0 -68px;}

{#}i_icon_mini_profile{/#}{width:72px; height:68px; background:url(url de l'image Profil) no-repeat 0 0;}
{#}i_icon_mini_profile{/#}:hover{background:url(url de l'image Profil) no-repeat 0 -68px;}

{#}i_icon_mini_message{/#}{width:122px; height:68px; background:url(url de l'image Messagerie) no-repeat 0 0;}
{#}i_icon_mini_message{/#}:hover{background:url(url de l'image Messagerie) no-repeat 0 -68px;}

{#}i_icon_mini_new_message{/#}{width:123px; height:68px; background:url(url de l'image New Message) no-repeat 0 0;}
{#}i_icon_mini_new_message{/#}:hover{background:url(url de l'image New message) no-repeat 0 -68px;}

{#}i_icon_mini_logout{/#}{width:142px; height:68px; background:url(url de l'image Deconnexion) no-repeat 0 0;}
{#}i_icon_mini_logout{/#}:hover{background:url(Deconnexion) no-repeat 0 -68px;}

{#}i_icon_mini_register{/#}{width:123px; height:68px; background:url(url de l'image S'enregistrer) no-repeat 0 0;}
{#}i_icon_mini_register{/#}:hover{background:url(url de l'image S'enregistrer) no-repeat 0 -68px;}

{#}i_icon_mini_login{/#}{width:142px; height:68px; background:url(url de l'image Connexion) no-repeat 0 0;}
{#}i_icon_mini_login{/#}:hover{background:url(url de l'image Connexion) no-repeat 0 -68px;}


PA/Affichage/Images et couleurs/couleurs/Feuille de style CSS
remplacer ce qui est en rouge dans le code css par les url des images.

Et voici les images pour une barre de navigation en ruban qui change au passage de la souris :
Images:

index:
http://i11.servimg.com/u/f11/18/07/55/29/off10.png

En espérant vous avoir aidé ?
Cordialement
P-J
par Invité
le Sam 27 Déc 2014 - 8:25
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Inscrutation d'une image de fond à la barre de Nav + changement au survol
Réponses: 4
Vues: 1352

Revenir en haut

Sauter vers: