Kikou Pixelles
Oui je pense que maintenant tout est normal !
:b2: énormément à simon
J'ai regroupé dans mon CSS personnalisé comme ceci :
/*sauvegarde du 05_02_2017*/
/*___________________________________
PARTIE MENU LATERAL
/*-----------------------------------*/
aside .bloc-cote a:hover {
font-size : 15px;
color : #c1f2e0!important;
font-style : italic;
font-weight : bold;
text-decoration : underline;
}
aside .bloc-cote a {
color : #480705;
font-size : 15px;
font-family : Arial;
font-style : normal;
font-weight : normal;
text-decoration : none;
}
aside .bloc-cote {
border: 2px solid #c1f2e0!important;
width:270px;
border-radius:30px;
margin:10px;
padding: 20px;
clear: both;
line-height: 20px;
margin-left:-80px;
box-shadow: -2px 4px 10px 3px rgba(0, 0, 0, 0.3),
2px 1px 10px 3px rgba(0, 0, 0, 0.3)!important;
}
/*menu latéral enlever points noirs devant les titres des catégories*/
aside {
color: transparent;
}
/* mis adresse image devant titres catégories ds menu latéral et ajouter padding-left */
aside li {
background:
url(
https://static.blog4ever.com/2013/02/727680/bulle-dev-titre-cat-menu-2017.png)
no-repeat 1px center !important;
no-repeat 1px center !important;
padding: 0 0 0 25px; /*position bulle*/
font-size: 20pt !important;
}
/*enlever ombre noir menu*/
.layout-2 {
-moz-box-shadow: inset 0px 0px 0px -0px rgba(0, 0, 0, 0.1)!important;
-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1)!important;
}
/*ici c'est pour mettre ou pas une couleur ou une image derrière les blocs menu H2 et titres catégories*/
.fond-cote {
display:none;
}
/*widget tweeter */
#twitter-widget-0 {
border: 5px solid #ccc!important;
border-radius:30px;
margin:10px 0 0 -80px;
width:300px!important;
}
#menu_partenaires h2 {
background-image: url(
https://static.blog4ever.com/2013/02/727680/H2-Partenaires-2017.png);
background-repeat: no-repeat;
background-position: center;
text-align:center;
color: #480705;
widht: 250px;
height: 120px;
border-radius: 10px;
box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
-2px 2px 12px rgba(0, 0, 0, 0.3);
}
#menu_stats h2 {
text-align:center;
background-image: url(
https://static.blog4ever.com/2013/02/727680/H2-Stats-2017.png);
background-repeat: no-repeat;
background-position: center;
height: 125px;
}
#menu_stats {
background-image: url(
https://static.blog4ever.com/2013/02/727680/H2-Stats-2017.pn);
background-repeat: no-repeat;
background-position: center;
color: #480705;!important;
height: 250px;
border-radius: 30px;
box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
-2px 2px 12px rgba(0, 0, 0, 0.3) ;
}
#menu_stats li{
font-size:13px!important
}
/*
--------------------
début bloc membres
--------------------
*/
#menu_blogmember_box {
background-image: url(
https://static.blog4ever.com/2013/02/727680/H2-Memb-2017.png);
background-position: 50% 10px;
background-repeat: no-repeat;
}
#menu_blogmember_box h2 {
margin-top: 150px;
}
.menu_blogmember_box_avatars {
background: #42676a;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 10px;
box-shadow: -1px 1px 10px 1px rgba(0, 0, 0, 0.5),
-1px 1px 10px 1px #000 inset;
}
.menu_blogmember_box_link {
width: 240px!important;
margin-top: 10px !important;
margin-bottom: 10px;
padding: 3px 10px;
border: 2px outset #000000;
}
.menu_blogmember_box_invite {
background-color: #D9E1EC;
color: #000 !important;
padding: 10px;
border-radius: 10px;
box-shadow: -1px 1px 10px 1px rgba(0, 0, 0, 0.5),
-1px 1px 10px 1px #000 inset;
}
.menu_blogmember_box_register {
background-color: #4883d0 !important;
color: #fff !important;
padding: 3px 10px;
box-shadow: -1px 1px 10px 1px rgba(0, 0, 0, 0.5),
-1px 1px 10px 1px #000 inset;
}
/*
-------------------
Fin bloc membres
-------------------
*/
/*___________________________________
___________________________________
FIN PARTIE MENU LATERAL
___________________________________
/*-----------------------------------*/
/*___________________________________
DEBUT PARTIE FOND DE PAGE
/*+++++++++++++++++++++++++++++++++++*/
body {
background-color: #42676a;
background-image: url(
https://static.blog4ever.com/2013/02/727680/body-gos-2016-2017.png)!important;
background-repeat: repeat;
color: #000000 !important;
}
/*codes pour règler la partie article et menu c'est à dire l'article on le voit sans le menu vertical*/
body.type-article aside {
display: none;
}
body.type-article article {
width:92%
}
/*___________________________________
FIN PARTIE FOND DE PAGE
/*____________________________________*/
/*-----------------------------------
*************************************
DEBUT PARTIE BARRE DE NAVIGATION
/*------------------------------------*/
nav {
margin-top: -395px !important;
height:395px; /*important car sinon impossible de régler la hauteur du bloc article et bloc menu vertical*/
text-transform :uppercase;
position:relative !important;
z-index:4;
clear: both;
line-height: 1;
background: transparent;
}
nav ul {
margin: 0 0 0 0px !important;
float: center;
}
nav li {
display: inline-block;
margin: 0 0 0 40px;
width: 650px;
height: 100px;
}
nav a {
padding-top: 80px;
width: 150px;
height: 90px;
background: url(
https://static.blog4ever.com/2016/08/821467/nav-li-gos-2016-2017.png) no-repeat scroll 0 0;
color: transparent;
font-family: 'Courier New, HelveticaNeueLT Com 47 LtCn', 'Arial Narrow', Helvetica, Arial, sans-serif;
font-size: 16px !important;
margin-left: 0px !important;
line-height: 100px;
}
nav a:hover {
padding-top: 80px;
width: 150px;
height: 90px;
background: url(
https://static.blog4ever.com/2016/08/821467/nav-li-survol3-gos-2016-2017.png) no-repeat scroll 0 0;
margin-left: 0px !important;
line-height: 100px;
color: transparent;
text-decoration: none;
}
nav .recherche_nav {
display: none;
}
/*-----------------------------------
**************************************
FIN PARTIE BARRE DE NAVIGATION
/*------------------------------------*/
/* BOUTON EN HAUT DU BLOG A DROITE DE L'ECRAN */
.blogmember_menu{ /*Se trouve en haut du blog à droite "Notifications" "Speudo"*/
height: 33px !important;
margin-top: -60px!important;
margin-right: 2px !important;
background-color: #f3ded1 !important;
border: 6px double #42676a !important;
border-radius: 12px;
box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
-2px 2px 12px rgba(0, 0, 0, 0.3) ;
}
/* FIN BOUTON EN HAUT DU BLOG A DROITE DE L'ECRAN */
/*--------------------
DEBUT EN-TETE
~~~~~~~~~~~~~~~~~~~~~~~~*/
header .image {
height: 393px;
width: 1100px;
overflow: hidden;
position: relative;
border-radius: 10px;
}
/*--------------------
FIN EN-TETE
~~~~~~~~~~~~~~~~~~~~~~~~*/
/*="="="="="="="="="="="=
DEBUT PARTIE CONTENU QUI SE TROUVE DERRIERE
ARTICLE ET MENU LATERAL
='='='='='='='='='='='='=*/
#contenu {
background-image: url(
https://static.blog4ever.com/2013/02/727680/fd-contenu-gos-2016-2017.png);
background-repeat: repeat;
width:1100px;
margin: 60px auto 0; /*descendre le logo pour voir s'inscrire se connecter*/
border: 2px Solid #f3ded1;
border-radius: 10px;
box-shadow: -2px 4px 20px 3px rgba(0, 0, 0, 0.5),
2px 1px 20px 3px rgba(0, 0, 0, 0.5)!important;
}
/*="="="="="="="="="="="=
FIN PARTIE CONTENU QUI SE TROUVE DERRIERE
ARTICLE ET MENU LATERAL
='='='='='='='='='='='='=*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
DEBUT PARTIE ARTICLE
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
aside .bloc-cote:first-child {
margin-top: 30px;
}
article {
min-height:300px;
padding:20px;
position:relative;
background-image: url(
https://static.blog4ever.com/2013/02/727680/fd-articles-transparent-2017.png);
background-repeat: repeat;
background-color: #42676a;
color: #f3ded1;
width:690px!important;
font-family: Book Antiqua !important;
margin-left: 20px !important;
margin-top: 25px;
border: 2px solid #480705!important;
border-radius: 30px;
box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
-2px 2px 12px rgba(0, 0, 0, 0.3) ;
}
article a { /*pour les liens directs */
font-family: Comic Sans MS !important;
color: #480705 !important;
}
article a:hover {/*survol pour tous liens 01 09 2016*/
color: #f6935e!important;
}
/* taille écriture dans les articles*/
#articles_show_contenu_article,.articles_index_contenu_article {
font-size: 18px;
}
#forum_haut_menu_visiteur form { /*fond de notifications quand on clique sur "Notification" en haut à droite du blog*/
background-image: url(
https://static.blog4ever.com/2013/02/727680/fd-notifications.png) !important;
background-repeat: repeat !important;
}
#forum_haut_menu_visiteur .register {/*fond de notifications quand on clique sur "Notification" en haut à droite du blog*/
color: #000000 !important;
}
#forum_haut_menu_membre {/*fond de notifications quand on clique sur "Notification" en haut à droite du blog*/
background-image: url(
https://static.blog4ever.com/2013/02/727680/fd-notifications.png) !important;
background-repeat: repeat !important;
}
/* code donné par Nana sur forum aide pour changer la couleur fond du diapo galerie photos */
.jcbx-glry-classic{
background-image: url(
https://static.blog4ever.com/2016/08/821467/fond-diapo-.png)!important;
background-repeat: repeat!important;
border: 2px solid #c1f2e0 !important;
border-radius: 10px;
box-shadow: -2px 2px 10px 3px rgba(0, 0, 0, 0.3),
2px 1px 20px 3px rgba(0, 0, 0, 0.3)!important;
}
/* ci dessous pour régler la couleur texte voir capture capt 1 dossier explication reçu par simon le 04 11 2016 */
.form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block {
color: blue;
margin-top: 10px;
}
/* ci dessous pour réglage voir capture 3 dans dossier explication simon reçu le 04 11 2016*/
#droite .login .register a, #texte .login .register a, #contenu .login .register a, #rubriques .login .register a, #content .login .register a {
display: block;
margin: 0;
padding: 3px 8px;
text-align: center;
background: white;
}
/*
--------------------------------
Insérer un message à la fin des articles de
---------------------------------
*/
.bloc_fin{
color: #fff;
width: 99%;
margin: 20px auto;
background-image: url(
https://static.blog4ever.com/2016/08/821467/fd-gris-fonc---message-fin-art-noel-2016.png) !important; /*modifs faite le 13 10 2016 noel 2016*/
background-repeat: repeat;
padding: 5px;
font-style: normal;
font-size: 12pt;
border: 2px solid #fff;
border-radius: 10px;
box-shadow: -1px 1px 10px 1px rgba(0, 0, 0, 0.5),
-1px 1px 10px 1px #000 inset;
}
/*
-------------------------------
Début css commentaires code fourni par Simon
---------------------------------
*/
/*poster un commentaire*/
.articles_show_stats_article {
color: #000000 !important;
font-style: italic;
}
/*****poster*******/
#article_commentaires ul li {
background-color: #42676a !important;
background-image: url(
https://static.blog4ever.com/2016/08/821467/fd-1-articles-comms-ul-li.png) !important;
background-repeat : repeat !important;
border: 2px solid #c1f2e0 !important;
border-radius: 15px;
list-style-type: none;
position: relative;
margin-top: 80px !important;
box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
-2px 2px 12px rgba(0, 0, 0, 0.3) ;
}
.post-comment .mini, .reply-comment .mini { /*rajouté le 27 02 2014 code de Simon*/
background-image: url(
https://static.blog4ever.com/2016/08/821467/fd-2-articles-comms.png) !important;
background-repeat: repeat !important;
color: #000000 !important;
font-size: 20px !important;
border: 6px double #42676a !important;
height: 100px !important;
box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
-2px 2px 12px rgba(0, 0, 0, 0.3);
}
#article_commentaires dl dd.commentaire_message, #photo_commentaires dl dd.commentaire_message {
background-color: #c1f2e0 !important;
border: 2px solid #42676a!important;
border-radius: 15px;
color: #42676a !important;
font-size: 20px !important;
margin: 0 10px 0 70px !important;
padding: 10px;
text-align: justify;
width: auto !important;
box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
-2px 2px 12px rgba(0, 0, 0, 0.3);
}
#article_commentaires dl dt.commentaire_auteur .popover,
#photo_commentaires dl dt.commentaire_auteur .popover {
background: none repeat scroll 0 0 #42676a !important;
margin-left: 75px;
margin-top: -25px;
text-align: left;
white-space: nowrap;
width: auto;
}
#article_commentaires .post-comment .blogmember_invite ul li, #photo_commentaires .post-comment .blogmember_invite ul li {
background: none repeat scroll 0 0 #f6935e !important;
list-style-type: square;
text-align: center !important;
color: #000;
width: 300px !important;
height: 20px !important;
margin-top: 10px !important;
}
.post-comment input[type="text"], .reply-comment input[type="text"] {
background-color: #f3ded1 !important;
color: #000000 !important;
display: block;
font-size: 11px;
width: 40%;
}
.post-comment dl dd, .reply-comment dl dd {
height: 220px;
margin: 0 0 0 50px;
}
#article_commentaires dl dt.commentaire_auteur .popover, #photo_commentaires dl dt.commentaire_auteur .popover {
background: none repeat scroll 0 0 #42676a !important;
border: 2px solid #f3ded1 !important;
text-align: left;
white-space: nowrap;
width: auto !important;
}
.post-comment .blogmember_invite {
bottom: 10px !important;
color: #000 !important;
font-size: 11px;
padding: auto !important;
position: absolute;
right: 250px !important;
white-space: nowrap;
width: -200px !important;
height: 80px !important;
}
div.popover-content {
background-color: 0!important;
}
/*
---------------------------------
Fin css commentaires code fourni par Simon
---------------------------------
*/
/*
--------------------------------
Début "A decouvrir aussi" en bas de chaque article
juste au dessus des commentaires
---------------------------------
*/
#article_suggestions{
background-image : url(
https://static.blog4ever.com/2016/08/821467/body-gos-2016-2017.png);
background-repeat : repeat;
text-align : center;
width : 90%;
margin : 0px auto;
padding : 10px;
border : 2px solid #c1f2e0;
border-radius: 10px;
box-shadow: -2px 2px 10px 3px rgba(0, 0, 0, 0.3),
2px 1px 20px 3px rgba(0, 0, 0, 0.3)!important;
}
#article_suggestions h4{ /*A decouvrir*/
width : 200px;
color : #c1f2e0;
background-color : #42676a !important;
font-family : Georgia;
font-size : 16px;
font-weight : bold;
font-style : italic;
text-align : center;
text-decoration : none;
margin : auto !important;
padding : 20px;
border : 2px solid #f6935e;
border-radius: 10px;
box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
-2px 2px 12px rgba(0, 0, 0, 0.3);
}
#article_suggestions a{
color : #42676a !important;
text-align : center;
line-height: 2.2;
background-color : #f3ded1;
margin-left: -25px !important;
margin-right: auto !important;
padding: 15px 5px 15px 10px;
border : 2px solid #42676a;
border-radius: 10px;
box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
-2px 2px 12px rgba(0, 0, 0, 0.3);
}
#article_suggestions a:hover{
color : #f3ded1 !important;
background-color : #42676a;
border : 2px solid #f6935e;
padding: 15px 5px 15px 10px;
}
#article_suggestions li{
background-color : transparent;
margin : 20px;
padding: 3px 15px 3px 15px;
}
/*
---------------------------------
Fin "A découvrir aussi"
---------------------------------
*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
FIN PARTIE ARTICLE
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*
=================================
DEBUT PARTIE MESSAGE PRIVE
---------------------------------
*/
#private-messages {
background-image:url(
https://static.blog4ever.com/2016/08/821467/fond-diapo-.png)!important;
baclground-repeat: repeat !important;
width: 700px !important;
padding: 5px;
border : 2px solid #f6935e;
border-radius: 10px;
box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
-2px 2px 12px rgba(0, 0, 0, 0.3);
}
#private-messages h2 {
text-align: center;
color: #000000;
}
#private-messages .conversation-interface.dizperso2 {
width: 700px !important;
}
#private-messages .conversation-messages table td {
border: 4px double #f6935e !important;
}
/* Liste des conversations */
#private-messages .pm-conversation-list {
width:200px !important;
background-image: url(
https://static.blog4ever.com/2016/08/821467/fd-1-MP-gos-2016-2017.png);
background-repeat: repeat;
margin-left: 5px;
border: 2px dotted #c1f2e0;
padding: 10px 0;
border-radius: 10px;
box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
-2px 2px 12px rgba(0, 0, 0, 0.3);
}
#private-messages div.pm-conversation.active {
color: #42676a !important;
background-color: #f3ded1 !important;
}
#private-messages .pm-conversation-list .username .date{
font-size: 12px;
}
/* Titre de la conversation */
#private-messages div.conversation-title h4 {
font-style: italic;
color: #000000 !important;
}
/* bouton nouveau messsage privé */
#private-messages div.conversation-title button.new-pm-conversation {
background-color: #c1f2e0 !important;
Color : #000000 !important;
}
/* zone de la conversation active */
#private-messages .conversation-messages {
border : 0px solid #000000;
margin-left: 10px;
}
#private-messages .conversation-messages tr {
background-color: #42676a !important;
border-bottom: 2px solid #c1f2e0 !important;
}
#private-messages .conversation-messages tr:hover {
border: 2px solid #000000 !important;
background-color: #c1f2e0 !important;
}
#private-messages .conversation-messages td {
background-color: #42676a !important;
border: 2px dotted #c1f2e0;
font-size: 20px !important;
}
#private-messages .conversation-messages td:hover {
border: 2px solid #000000 !important;
background-color: #c1f2e0 !important;
color: #000000 !important;
}
#private-messages .conversation-messages .message-date {
color: #000000 !important;
}
/* Zone saisie réponse */
#private-messages form#conversation-reply textarea{
width: 400px !important;
font-size: 20px !important;
border: 2px dashed #f6935e;
background-color: #ece1d9 !important;
border-radius: 5px;
box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
-2px 2px 12px rgba(0, 0, 0, 0.3);
}
/* bouton envoyer */
#private-messages form#conversation-reply button {
background-color: #c1f2e0 !important;
color: #000000 !important;
}
/*
=================================
FIN PARTIE MESSAGE PRIVE
---------------------------------
*/
/* =*=*=*=*=*=*=*=*=*=*=*=*
DEBUT PIED DE PAGE FOOTER
*=*=*=*=*=*=*=*=*=*=*=*=*/
footer {
width:98% !important;
height: auto;
min-height: 90px;
padding: 30px 0 0 0;
text-align: center;
overflow: hidden;
font-size : 15px !important;
margin: 10px auto 10px auto !important;
background-color: transparent;
background-repeat: repeat;
color: #42676a !important;
border: 0px solid #fbfbfb;
border-radius:30px;
}
#barre_bas a {
color: #000000 !important;
font-size : 12pt !important;
margin-left: 10px;
}
#barre_bas a:hover {
color: #ed8d33 !important;
}
/* =*=*=*=*=*=*=*=*=*=*=*=*
FIN PIED DE PAGE FOOTER
*=*=*=*=*=*=*=*=*=*=*=*=*/
/*===========================
DEBUT FORMULAIRE FLOTTANT POUR S'INSCRIRE AU BLOG
===========================*/
#floating-form {
background-color: #42676a !important;
background-image: url(
https://static.blog4ever.com/2013/02/727680/fd-contenu-gos-2016-2017.png);
background-repeat: repeat;
background-position: 50% 50%;
margin-bottom: 100px;
right: 10px;
border: 2px solid #480705;
border-radius: 10px;
-webkit-box-shadow: 2px 2px 20px #c1f2e0;
-moz-box-shadow: 2px 2px 20px #c1f2e0;
box-shadow: 2px 2px 20px #c1f2e0;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
}
#floating-form h3 {
color: #990000;
}
#floating-form p.register{
background-color: #c1f2e0;
color: #000000;
font-size: 11.5px;
padding: 5px;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 12px #000;
-moz-box-shadow: 2px 2px 12px #000;
box-shadow: 2px 2px 12px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
}
#floating-form p.subscribers {
color: #480705;
}
#floating-form button{
background-color: #c1f2e0;
color: #480705;
border: 1px outset #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 12px #000;
-moz-box-shadow: 2px 2px 12px #000;
box-shadow: 2px 2px 12px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
}
#floating-form input[type="text"]{
background-color: #f3ded1!important;
color: #000000!important;
border: 1px outset #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 12px #000;
-moz-box-shadow: 2px 2px 12px #000;
box-shadow: 2px 2px 12px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
}
/*===========================
FIN FORMULAIRE FLOTTANT POUR S'INSCRIRE AU BLOG
===========================*/
Peut-être que cela peut aider !?! :oe:
:sol: