Menu

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

elhadri4 2 Messages postés lundi 2 janvier 2017Date d'inscription 12 février 2017 Dernière intervention - 10 janv. 2017 à 19:22 - Dernière réponse :  elhadri4
- 13 janv. 2017 à 19:55
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 

2 réponses

alexkiller01 347 Messages postés jeudi 20 juin 2013Date d'inscription 12 janvier 2017 Dernière intervention - 11 janv. 2017 à 23:52
0
Utile
1
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..
Merci beaucoup le souci est reglė il faillait crėer des pages sur blogger pour que je puisse afficher tous les sous menus
thanks