Signaler

CSS et nombre de sous-menus [Résolu]

Posez votre question elhadri4 2Messages postés lundi 2 janvier 2017Date d'inscription 12 février 2017 Dernière intervention - Dernière réponse le 13 janv. 2017 à 19:55 par elhadri4
Bonjour,
je n'arrive pas à comprendre pourquoi mon blog n'affiche pas plus que 4 sous-menus, y a t il un blockage niveau CSS, merci d'avance de votre aide

.post ul li span{position:relative;display:block;padding:5px 8px;margin-bottom:10px;background:#fff;color:#666;text-decoration:none;transition:all .3s ease-out;}
.post ul li span:hover{background:#fafafa;}
ol {counter-reset:li;list-style: none;font:15px 'Open Sans', 'lucida sans';
padding:0;margin-bottom:4em;text-shadow: 0 1px 0 rgba(255,255,255,.5);}
ol ol {margin:0 2em 0 0;}
.post ol li{position:relative;display:block;padding:.4em .8em .4em .4em;
margin:.5em 2.5em .5em 0;background:#fff;color:#666;text-decoration:none;
transition:all .3s ease-out;}
.post ol li:hover{background:#fafafa;}
.post ol li:before{content:counter(li);counter-increment:li;position:absolute;
right:-2.5em;top:50%;margin-top:-1em;background:#1CBD9F;color:#fff;height:2em;width:2em;
line-height:2em;text-align:center;font-weight:bold;}
.post ol li:after{position:absolute; content:'';border: .5em solid transparent;
right:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}
.post ol li:hover:after{right:-.5em;border-right-color:#1CBD9F;}
.post ol li span{position:relative;display:block;padding:5px 8px;margin-bottom:10px;background:#fff;color:#666;text-decoration:none;transition:all .3s ease-out;}
.post ol li span:hover{background:#fafafa;}


voici le code css complet de la template blogger

/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}


/* CSS HTML5 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{background:transparent;}table{border-collapse:collapse;border-spacing:0;}
/* CSS Framework */
.navbar,.post-feeds,.feed-links{display:none;}
.section,.widget{margin:0 0 0 0;padding:0 0 0 0;}
strong,b{font-weight:bold;padding: 0 0.25em;-webkit-transition: color 0.2s;transition: color 0.2s;}
strong,b:hover{color:#d04c3f;right:-0.1em;content: '[';-webkit-transform: translateX(-100%);transform: translateX(-100%);}
cite,em,i{font-style:italic;}
a:link{color:#1CBD9F;text-decoration:none;outline:none;transition:all 0.25s;}
a:visited{color:#000000;text-decoration:none;}
a:link:hover{color:#444;text-decoration:none;}
a:visited:hover{color:#444;text-decoration:none;}
a img{border:none;border-width:0;outline:none;}
img{max-width:100%;vertical-align:middle;border:0;}
abbr,acronym{border-bottom:1px dotted;cursor:help;}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}
sub{top:.4em;}small{font-size:86%;}
kbd{font-size:80%;border:1px solid #b4babe;padding:2px 5px;border-bottom-width:2px;}
mark{background-color:#ffce00;color:#182025;}
p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;}
hr{height:1px;border:none;background-color:#46515e;}

/* CSS Blog Heading */
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;margin:0 0 0.6em;}
h1{font-size:200%}
h2{font-size:180%}
h3{font-size:160%}
h4{font-size:140%}
h5{font-size:120%}
h6{font-size:100%}

/* CSS Form */
input,button,select,textarea{font:'Open Sans';font-size:100%;line-height:normal;vertical-align:baseline;}
textarea{display:block;box-sizing:border-box;}
pre,code{font-family:'Open Sans';color:#46515e;}
pre{white-space:pre;word-wrap:normal;overflow:auto;}
blockquote{border-right:4px solid #ccc;margin-right:0;padding-right:15px}
blockquote:before{content:'\f10d';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;color:#999}
blockquote:after{content:'\f10e';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;color:#999}
.awal{float:right;color:#1CBD9F;background:#fff;line-height:30px;padding-top:1px;padding-left:5px;font-family:times;font-size:50px;}

/* CSS List */
ul,dl{margin:.5em 3em .5em 0em}
ol{list-style:decimal outside}
ul{list-style:disc outside}
li{margin:.5em 0}
dt{font-weight:bold}
dd{margin:0 2em .5em 0}

/* CSS List Custom */
.post ul li span{position:relative;display:block;padding:5px 8px;margin-bottom:10px;background:#fff;color:#666;text-decoration:none;transition:all .3s ease-out;}
.post ul li span:hover{background:#fafafa;}
ol {counter-reset:li;list-style: none;font:15px 'Open Sans', 'lucida sans';
padding:0;margin-bottom:4em;text-shadow: 0 1px 0 rgba(255,255,255,.5);}
ol ol {margin:0 2em 0 0;}
.post ol li{position:relative;display:block;padding:.4em .8em .4em .4em;
margin:.5em 2.5em .5em 0;background:#fff;color:#666;text-decoration:none;
transition:all .3s ease-out;}
.post ol li:hover{background:#fafafa;}
.post ol li:before{content:counter(li);counter-increment:li;position:absolute;
right:-2.5em;top:50%;margin-top:-1em;background:#1CBD9F;color:#fff;height:2em;width:2em;
line-height:2em;text-align:center;font-weight:bold;}
.post ol li:after{position:absolute; content:'';border: .5em solid transparent;
right:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}
.post ol li:hover:after{right:-.5em;border-right-color:#1CBD9F;}
.post ol li span{position:relative;display:block;padding:5px 8px;margin-bottom:10px;background:#fff;color:#666;text-decoration:none;transition:all .3s ease-out;}
.post ol li span:hover{background:#fafafa;}

/* CSS Post Table */
.post-body table th, .post-body table td, .post-body table caption{border:1px solid #d8dde1;padding:.2em .5em;text-align:right;vertical-align:top;}
.post-body table.tr-caption-container {border:1px solid #d8dde1;}
.post-body th{font-weight:700;}
.post-body table caption{border:none;font-style:italic;}
.post-body table{}
.post-body td, .post-body th{vertical-align:top;text-align:right;font-size:13px;padding:3px 5px;border:1px solid #d8dde1;}
.post-body th{background:#ecf0f1;}
.post-body table.tr-caption-container td {border:none;padding:8px;}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}
img {max-width:100%;height:auto;border:none;}
table {max-width:100%;width:100%;margin:1.5em auto;}
table.section-columns td.first.columns-cell{border-right:none}
table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
table.columns-2 td.columns-cell{width:50%}
table.columns-3 td.columns-cell{width:33.33%}
table.columns-4 td.columns-cell{width:25%}
table.section-columns td.columns-cell{vertical-align:top}
table.tr-caption-container{padding:4px;margin-bottom:.5em}
td.tr-caption{font-size:80%}

/* CSS Post Layout */
body {background:#ffffff none repeat scroll top right;margin:0 0 0 0;padding:0 0 0 0;
color:#444;font-family:'Open Sans';font-size:13px;font-weight:400;text-align:right;}
body#layout #outer-wrapper, body#layout .post-inner, body#layout .sidebar {
padding:0 0 0 0;}
body#layout .top-tab-widget-menu ul {display:none;}
body#layout #wrapper, body#layout .post-inner, body#layout .sidebar-inner {
padding:0 0 0 0;}
body#layout .tably {float:right;width:79px;}
body#layout .header-wrapper {margin-top:0;}
body#layout #navigation {float:right;width:100%;}
body#layout .tably {float:right;width:100%;}
body#layout #header-wrapper {min-height:0px;width:100%;}
body#layout #header {width:30%;}
body#layout #header-left {width:70%;}
.ct-wrapper {margin:0;padding:0;}
.clear {clear:both;}
.clear:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;
height:0;}
#navbar-iframe {display:none !important;}
header,nav,section,aside,article,footer {display:block;}
form.searchform {margin:0;}
body#layout #tably-1, body#layout #tably-2, body#layout #tably-3 {width:33.3%;float:right;}

/* CSS Global Wrapper */
#outer-wrapper {max-width:1000px;margin:20px auto;padding:20px;overflow:hidden;margin-top:50px}
#post-wrapper {float:right;width:70%;max-width:700px;margin:0 0 10px;}
.post-inner {padding:15px 0 0 15px;}
.blogouter-wrapper {overflow:hidden;position:relative;width:100%;}
.ct-wrapper {padding:0 20px;position:relative;max-width:1024px;margin:0 auto;}
#header-wrapper {width:100%;margin:0 auto;margin-bottom:15px;overflow:hidden;}
#header {float:right;width:100%;max-width:257px;}
.header-left {float:left;padding:0;overflow:hidden;margin:0;width:100%;
max-width:728px;}
.header-wrapper2 {position:relative;z-index:999;}
#sidebar-wrapper {float:left;width:30%;max-width:300px;margin:0 auto;}
.sidebar-inner {padding:15px 0;}
#footer-wrapper {width:100%;text-align:right;overflow:hidden;margin:20px 0px 0px 0px}
#footer-widgetfix .footer-widget {width:30.6%;float:right;margin-right:20px;}
#footer-widgetfix {max-width:1000px;overflow:hidden;margin:0 auto;}
#footer-wrapper .widget-content {text-align:right;margin:20px 0 15px;}
#footer-wrapper .widget-content li {margin-right:-14px;}
#footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 15px 0 0;display:block;}
#credit {width:98%;margin:0 auto;}
.credit-right {text-align:center}
.credit-left {float:left;margin:9px 0 0}
.footer-bottom {min-height:40px;}
#footx1,#footx2,#footx3 {margin:0 .2%}
.footer {padding-bottom:.2em;}
#social_networks{width:100%;display:block;margin:0 auto;text-align:center;}
#social_networks ul {list-style:none;}

.status-msg-wrap{display:none !important;}

::-webkit-scrollbar{width:7px;}
::-webkit-scrollbar-track{background-color:#2C3E50;border: 1px solid #2C3E50;
-webkit-box-shadow: inset 1px 1px 2px #2C3E50;}
::-webkit-scrollbar-thumb{background-color:#1CBD9F;}
::-webkit-scrollbar-thumb:active{background-color:#1CBD9F;}
.post-body img { padding: 2px; border-radius: 2px; box-shadow: 1px 30px 30px -26px #A9A7A7; border: 1px solid #D8D8D8; background: linear-gradient(to bottom,#fefefe 0%,#FFFFFF 100%); }

.post blockquote{margin-right:2em;margin-left:2em;padding:1em 1em;font-size:100%;background:#fc4f3f;color:#fff;border:3px solid #c94033;box-shadow:5px 5px 0 rgba(0,0,0,0.1);}
.post blockquote:before {content:"\f10d";font-family:FontAwesome;font-style:normal;
font-weight:normal;text-decoration:inherit;padding-left:4px;color:#fff;}
/* .post blockquote:after{content:"\f10e";font-family:FontAwesome;font-style:normal;
font-weight:normal;text-decoration:inherit;padding-right:4px;} */
.awal{float:right;color:#DD2D39;background:transparent;line-height:30px;padding-top:7px;padding-left:5px;font-family:Electrolize,ge_dinar_tworegular;font-size:30px;}
span.post-labels {
font-size: 10px;
}
span.post-comment {
font-size: 11px;
}

.post-body img { padding: 2px; border-radius: 2px; box-shadow: 1px 30px 30px -26px #A9A7A7; border: 1px solid #D8D8D8; background: linear-gradient(to bottom,#fefefe 0%,#FFFFFF 100%); }

body#layout ul {
display: none;
}

]]></b:skin>
Afficher la suite 
Utile
+0
plus moins
Il me faut le HTML aussi pour t'aider et merci de raccourcir ton code parce que c'est assez dur à t'aider avec des code d'image etc..
elhadri4- 13 janv. 2017 à 19:55
Merci beaucoup le souci est reglė il faillait crėer des pages sur blogger pour que je puisse afficher tous les sous menus
thanks
Répondre
Donnez votre avis

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !