تالار گفتمان اسکریپت دات کام

نسخه‌ی کامل: مشکل در ایجاد فهرست در دیزاین مدرن مینیمال
شما در حال مشاهده‌ی نسخه‌ی متنی این صفحه می‌باشید. مشاهده‌ی نسخه‌ی کامل با قالب بندی مناسب.
سلام مجدد

آقای مجیدی من به یه مشکل برخوردم در خصوص ایجاد فهرست
ببینید من فهرستم رو ایجاد کردم ، اما برخی از گزینه های فهرست من ، خودشون یه زیرمجموعه دارن
که اولین زیرمجموعه رو که وارد شیم ، دیگه بقیه فهرست رو نمیتونیم دسترسی داشته باشیم

واضح تر با ذکر مثال میگم
این سایت منه :
لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید
الان توی دسته کامپیوتر من دو تا منوی اصلی ساختم به نام های مالتی مدیا و کاربردی
هر کدوم از اونها خودشون تا این لحظه فقط 1 دونه زیر مجموعه دارن
زیرمجموعه مالتی مدیا شده مبدل
زیرمجموعه کاربردی هم شده فشرده سازی

اما حالا من اصلا نمیتونم موس رو روی کاربردی ببرم
چون تا میارمش روی مالتی مدیا ، زیرمجموعه اون که مبدل هستش باز میشه و جلوی کلیک روی کاربردی رو میگیره
چه برسه به زیرمجموعه کاربردی

مشکل اصلی اینجاست که وقتی منوی اصلی میاد پایین ، شما نمیتونید موس رو از کنار ببرید و وارد منوها بشید ، بلکه از بالا به پایین میتونید وارد شید و به این مشکل برمیخورید

میشه لطفا این مشکل رو حل کنید یا راه حلش رو بگید
منتظر جوابتون میمونم
با تشکر
سلام مجدد
ببخشید آقای مجیدی ، امکانش هست جواب سوال من رو بدید
ممنون میشم
سلام داداش گلم

منوی این قالب فقط برای یک بار زیر منو درست شده و قابلیت دوبار را ندارد

لطفا css مربوط به navbar رو اینجا درج کنید تا براتون درستش کنم

با تشکر
(امروز، )Vahid Majidi نوشته است: لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید سلام داداش گلم

منوی این قالب فقط برای یک بار زیر منو درست شده و قابلیت دوبار را ندارد

لطفا css مربوط به navbar رو اینجا درج کنید تا براتون درستش کنم

با تشکر
.

سلام مجدد
راستش زیاد سر در نمیارم ، اما میدونم تنها css که توی قالب بود همینه که میزارمش که حدود 9 تا navbar توش بود
پیوست پیام هم کردمش
امیدوارم درست گذاشته باشمش
ممنون از لطفتون

.


کد:
/*

Theme Name: Silver Light
Theme URI: http://xn--mgbguh09aqiwi.com
Description: Minimal Design <a href="http://xn--mgbguh09aqiwi.com">اسکریپت.com</a>
Version: 1.0
Author: Vahid Majidi
Author URI: http://xn--mgbguh09aqiwi.com
Tags: blue, silver, white, light, two-columns, fixed-width, threaded-comments

*/

*{
   border:none;
   margin:0px;
   padding:0px;
   outline:none;  
}
input{
   padding:10px;
   background-color:#f8f8f8;
   margin:10px 2px;  
   border:1px solid #bbb;
   border-radius:3px;
}
input[type=submit]:hover{
   cursor:pointer;  
}
input:focus,textarea:focus{
   box-shadow:0px 0px 2px #69a;
}
input[type=text]{
   width:250px;  
}
label{
   display:inline-block;
   min-width:50px;
}
textarea{
   background-color:#f8f8f8;
   margin:10px 0px;  
   border:1px solid #bbb;
   border-radius:3px;
}
h1{
   font-size:14px;
   letter-spacing:1px;
   padding:7px 0px;
   color:#222;
}
h2{
   font-size:14px;
   letter-spacing:1px;
   padding:7px 0px;
   color:#222;
}
h3{
   font-size:13px;
   letter-spacing:1px;
   padding:7px 0px;
   color:#222;
}
h4{
   font-size:12px;
   letter-spacing:1px;
   padding:7px 0px;
   color:#222;
}
h5{
   font-size:11px;
   letter-spacing:1px;
   padding:7px 0px;
   color:#222;
}
h6{
   font-size:10px;
   letter-spacing:1px;
   padding:7px 0px;
   color:#222;
}
hr{
   width:100%;
   height:1px;
   border:none;
   background-color:#000;
   margin:15px 0px;
}
.center{
   text-align:center;
   font-weight:bold;
   width:655px;
   float:right;
   clear:left;
}
a:link{
   text-decoration:none;
   color:#147;
}
a:hover{
   text-decoration:none;
   color:#147;
}
a:visited{
   text-decoration:none;
   color:#147;
}
a:active{
   text-decoration:none;
   color:#147;
}
ul,ol{
   margin:15px 20px;
}
::selection{
   background-color:#ddd;
   color:#000;
}
::-moz-selection{
   background-color:#ddd;
   color:#000;
}
body,html{
   width:100%;
   height:100%;
   font-family:Tahoma;
}
body{
   background:#fff;
   font-family:Tahoma;
   font-size:13px;
   word-wrap:break-word;
word-break:keep-all;
   direction:rtl;
   line-height:25px;
}
#main{
   width:980px;
   margin-left:auto;
   margin-right:auto;
   overflow:hidden;
}
#header{
   float:right;
   width:100%;
   height:120px;
   margin-bottom:25px;
   clear:both;
}
#header img.logo{
   float:left;
   margin-top:20px;
   margin-left:20px;
}
#header #search{
   float:right;
   margin-right:20px;
   margin-top:40px;
}
.navbar{
   float:right;
   clear:both;
   width:980px;
   height:40px;
   margin:0px;
   padding:0px;
   margin-bottom:20px;
   background-image:url(images/back-nav.png);
}
.navbar ul{
   list-style:none;
   float:right;
   margin:0px;
   padding:0px;
}
.navbar li{
   list-style:none;
   float:right;
   height:40px;
   margin:0px;
   padding:0px;
}  
.navbar > li{
   position:relative;
   width:150px;
   height:40px;
   border-left:1px solid #fff;
   text-align:center;
}
.navbar a{
   display:block;
   width:100%;
   height:32px;  
   padding-top:8px;
   color:#FFF;
}
.navbar a:hover{
   background-color:#FC3;  
   color:#111;
}
.navbar li > ul{
   display:none;
   position:absolute;
   top:40px;
   right:0px;
   width:250px;
   height:auto;
   min-height:200px;
   background-image:url(images/back-nav.png);
   z-index:1000;
   border-bottom-right-radius:50px;
}
.navbar li > ul > li{
   width:250px;
   border-top:1px solid #fff;
}
#sidebar{
   float:right;
   width:250px;
   min-height:100%;
   height:auto;
   margin-top:5px;
   margin-left:20px;
   margin-bottom:20px;
   border-left:1px solid #000;
   padding-left:19px;
   clear:right;
}
#sidebar ul{
   list-style-image:url(images/list.png);
}
#sidebar li > ul{
   list-style-image:url(images/list-in.png);
   margin-right:5px;
   margin-bottom:15px;
   border-right:1px solid #bbb;
   padding-right:10px;
   list-style-position:inside;
}
.in-sidebar{
     width:100%;
     border-bottom:1px solid #000;
     padding:35px 0;
}
.in-sidebar:first-child{
   padding-top:10px;
   margin:0px;  
}
.ads-folow{
   text-align:center;
   width:100%;
   height:55px;
   background-color:#eee;
   padding:20px 0px;
   overflow:hidden;
   margin:10px 0px;
   border-radius:5px;
}
#sidebar .menu{
   width:100%;
   height:40px;
   background-color:#eee;
   text-align:center;
   transform:rotate(2deg);
   -webkit-transform:rotate(2deg);
   -moz-transform:rotate(2deg);
   -o-transform:rotate(2deg);
   -ms-transform:rotate(2deg);
   margin-bottom:30px;
   border:1px solid #bbb;
}
img.ads{
   margin-right:1px;
   border:1px solid #bbb;
}
#content{
   float:left;
   width:690px;
   min-height:350px;
   height:auto;
   clear:left;
   padding:15px 0px 20px 0px;
   border-bottom:1px solid #000;
   margin-bottom:25px;
   overflow:hidden;
   position:relative;
}
#content img{
   margin:15px 10px;  
}
#content .menu{
   width:683px;
   height:40px;
   background-color:#eee;
   text-align:center;
   transform:rotate(2deg);
   -webkit-transform:rotate(2deg);
   -moz-transform:rotate(2deg);
   -o-transform:rotate(2deg);
   -ms-transform:rotate(2deg);
   margin-bottom:30px;
   border:1px solid #bbb;
   overflow:hidden;
}
#content .meta{
   width:100%;
   height:30px;
   overflow:hidden;
}
#content .meta-box{
   width:167px;
   float:right;
   text-align:center;
   border:1px solid #bbb;
   overflow:hidden;
   margin-left:3px;
}
#content .post{
   margin:25px 0px 25px 5px;
}
#shakhes img{
   float:left;  
   width:200px;
   height:150px;
   margin-top:5px;
   border:1px solid #bbb;
}
#content .read-more{
   text-align:center;
   color:#000;
   font-weight:bold;
   width:100px;
   position:absolute;
   bottom:0px;
   left:0px;
   height:20px;
   padding:10px;
   background-color:#eee;
   border:1px solid #bbb;
   border-bottom:none;
}
#information{
   width:655px;
   height:auto;
   background-color:#eee;
   float:right;
   clear:left;
   margin-top:10px;
   margin-bottom:10px;
   border-radius:5px;
   border:1px solid #bbb;
   padding:15px;
   overflow:hidden;
}
ul.share{
   margin:0px;
   margin-top:30px;
   float:right;
}
ul.share li{
  list-style:none;
  float:right;
}
ul.share img{
   transition:all 0.5s;
   -webkit-transition:all 0.5s;
   -o-transition:all 0.5s;
   -ms-transition:all 0.5s;
   -moz-transition:all 0.5s;
   opacity:1;
}
ul.share img:hover {
   opacity:0.6;
}
img.qrcode{
   width:100px;
   height:100px;
   float:left;
}
p.info{
   float:right;
   width:70%;
}
#comments{
   float:right;
   clear:left;
   width:655px;
   padding:25px 15px;
   background-color:#eee;
   margin-top:10px;
   border-radius:5px;
   border:1px solid #bbb;
}
#comments > ol{
   background-color:#FFF;
}
#comments li{
  margin:15px 0px;
}
#comments li > ol{
   margin-right:50px;
   border-bottom:1px solid #bbb;
   list-style-position:inside;
   list-style-type:disc;
}
.replay{
   text-align:center;
   width:80px;
   padding:2px;
   background-color:#f5f5f5;
   border:1px solid #bbb;
   margin:5px 0px;
}
#footer{
   width:978px;
   height:100px;
   background-color:#eee;
   float:left;
   clear:both;
   direction:ltr;
   text-align:center;
   border:1px solid #bbb;
   margin-bottom:100px;
   margin-top:20px;
}
#footer p{
   padding-top:40px;
   letter-spacing:1px;  
}
با سلام 

لطفا css خود را با css زیر عوض کنید

کد:
/*

Theme Name: Silver Light
Theme URI: http://xn--mgbguh09aqiwi.com
Description: Minimal Design <a href="http://xn--mgbguh09aqiwi.com">اسکریپت.com</a>
Version: 1.0
Author: Vahid Majidi
Author URI: http://xn--mgbguh09aqiwi.com
Tags: blue, silver, white, light, two-columns, fixed-width, threaded-comments

*/

*{
  border:none;
  margin:0px;
  padding:0px;
  outline:none;  
}
input{
  padding:10px;
  background-color:#f8f8f8;
  margin:10px 2px;  
  border:1px solid #bbb;
  border-radius:3px;
}
input[type=submit]:hover{
  cursor:pointer;  
}
input:focus,textarea:focus{
  box-shadow:0px 0px 2px #69a;
}
input[type=text]{
  width:250px;  
}
label{
  display:inline-block;
  min-width:50px;
}
textarea{
  background-color:#f8f8f8;
  margin:10px 0px;  
  border:1px solid #bbb;
  border-radius:3px;
}
h1{
  font-size:14px;
  letter-spacing:1px;
  padding:7px 0px;
  color:#222;
}
h2{
  font-size:14px;
  letter-spacing:1px;
  padding:7px 0px;
  color:#222;
}
h3{
  font-size:13px;
  letter-spacing:1px;
  padding:7px 0px;
  color:#222;
}
h4{
  font-size:12px;
  letter-spacing:1px;
  padding:7px 0px;
  color:#222;
}
h5{
  font-size:11px;
  letter-spacing:1px;
  padding:7px 0px;
  color:#222;
}
h6{
  font-size:10px;
  letter-spacing:1px;
  padding:7px 0px;
  color:#222;
}
hr{
  width:100%;
  height:1px;
  border:none;
  background-color:#000;
  margin:15px 0px;
}
.center{
  text-align:center;
  font-weight:bold;
  width:655px;
  float:right;
  clear:left;
}
a:link{
  text-decoration:none;
  color:#147;
}
a:hover{
  text-decoration:none;
  color:#147;
}
a:visited{
  text-decoration:none;
  color:#147;
}
a:active{
  text-decoration:none;
  color:#147;
}
ul,ol{
  margin:15px 20px;
}
::selection{
  background-color:#ddd;
  color:#000;
}
::-moz-selection{
  background-color:#ddd;
  color:#000;
}
body,html{
  width:100%;
  height:100%;
  font-family:Tahoma;
}
body{
  background:#fff;
  font-family:Tahoma;
  font-size:13px;
  word-wrap:break-word;
word-break:keep-all;
  direction:rtl;
  line-height:25px;
}
#main{
  width:980px;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
}
#header{
  float:right;
  width:100%;
  height:120px;
  margin-bottom:25px;
  clear:both;
}
#header img.logo{
  float:left;
  margin-top:20px;
  margin-left:20px;
}
#header #search{
  float:right;
  margin-right:20px;
  margin-top:40px;
}
.navbar{
  float:right;
  clear:both;
  width:980px;
  height:40px;
  margin:0px;
  padding:0px;
  margin-bottom:20px;
  background-image:url(images/back-nav.png);
}
.navbar ul{
  list-style:none;
  float:right;
  margin:0px;
  padding:0px;
}
.navbar li{
  list-style:none;
  float:right;
  height:40px;
  margin:0px;
  padding:0px;
}  
.navbar > li{
  position:relative;
  width:150px;
  height:40px;
  border-left:1px solid #fff;
  text-align:center;
}
.navbar a{
  display:block;
  width:100%;
  height:32px;  
  padding-top:8px;
  color:#FFF;
}
.navbar a:hover{
  background-color:#FC3;  
  color:#111;
}
.navbar li > ul{
  display:none;
  position:absolute;
  top:40px;
  right:0px;
  width:250px;
  height:auto;
  min-height:200px;
  background-image:url(images/back-nav.png);
  z-index:1000;
  border-bottom-right-radius:50px;
}
.navbar li > ul > li{
  width:250px;
  border-top:1px solid #fff;
  position:relative;
}
.navbar li > ul > li > ul{
  right:250px;
  position:absolute;
  top:0px;
}
#sidebar{
  float:right;
  width:250px;
  min-height:100%;
  height:auto;
  margin-top:5px;
  margin-left:20px;
  margin-bottom:20px;
  border-left:1px solid #000;
  padding-left:19px;
  clear:right;
}
#sidebar ul{
  list-style-image:url(images/list.png);
}
#sidebar li > ul{
  list-style-image:url(images/list-in.png);
  margin-right:5px;
  margin-bottom:15px;
  border-right:1px solid #bbb;
  padding-right:10px;
  list-style-position:inside;
}
.in-sidebar{
    width:100%;
    border-bottom:1px solid #000;
    padding:35px 0;
}
.in-sidebar:first-child{
  padding-top:10px;
  margin:0px;  
}
.ads-folow{
  text-align:center;
  width:100%;
  height:55px;
  background-color:#eee;
  padding:20px 0px;
  overflow:hidden;
  margin:10px 0px;
  border-radius:5px;
}
#sidebar .menu{
  width:100%;
  height:40px;
  background-color:#eee;
  text-align:center;
  transform:rotate(2deg);
  -webkit-transform:rotate(2deg);
  -moz-transform:rotate(2deg);
  -o-transform:rotate(2deg);
  -ms-transform:rotate(2deg);
  margin-bottom:30px;
  border:1px solid #bbb;
}
img.ads{
  margin-right:1px;
  border:1px solid #bbb;
}
#content{
  float:left;
  width:690px;
  min-height:350px;
  height:auto;
  clear:left;
  padding:15px 0px 20px 0px;
  border-bottom:1px solid #000;
  margin-bottom:25px;
  overflow:hidden;
  position:relative;
}
#content img{
  margin:15px 10px;  
}
#content .menu{
  width:683px;
  height:40px;
  background-color:#eee;
  text-align:center;
  transform:rotate(2deg);
  -webkit-transform:rotate(2deg);
  -moz-transform:rotate(2deg);
  -o-transform:rotate(2deg);
  -ms-transform:rotate(2deg);
  margin-bottom:30px;
  border:1px solid #bbb;
  overflow:hidden;
}
#content .meta{
  width:100%;
  height:30px;
  overflow:hidden;
}
#content .meta-box{
  width:167px;
  float:right;
  text-align:center;
  border:1px solid #bbb;
  overflow:hidden;
  margin-left:3px;
}
#content .post{
  margin:25px 0px 25px 5px;
}
#shakhes img{
  float:left;  
  width:200px;
  height:150px;
  margin-top:5px;
  border:1px solid #bbb;
}
#content .read-more{
  text-align:center;
  color:#000;
  font-weight:bold;
  width:100px;
  position:absolute;
  bottom:0px;
  left:0px;
  height:20px;
  padding:10px;
  background-color:#eee;
  border:1px solid #bbb;
  border-bottom:none;
}
#information{
  width:655px;
  height:auto;
  background-color:#eee;
  float:right;
  clear:left;
  margin-top:10px;
  margin-bottom:10px;
  border-radius:5px;
  border:1px solid #bbb;
  padding:15px;
  overflow:hidden;
}
ul.share{
  margin:0px;
  margin-top:30px;
  float:right;
}
ul.share li{
 list-style:none;
 float:right;
}
ul.share img{
  transition:all 0.5s;
  -webkit-transition:all 0.5s;
  -o-transition:all 0.5s;
  -ms-transition:all 0.5s;
  -moz-transition:all 0.5s;
  opacity:1;
}
ul.share img:hover {
  opacity:0.6;
}
img.qrcode{
  width:100px;
  height:100px;
  float:left;
}
p.info{
  float:right;
  width:70%;
}
#comments{
  float:right;
  clear:left;
  width:655px;
  padding:25px 15px;
  background-color:#eee;
  margin-top:10px;
  border-radius:5px;
  border:1px solid #bbb;
}
#comments > ol{
  background-color:#FFF;
}
#comments li{
 margin:15px 0px;
}
#comments li > ol{
  margin-right:50px;
  border-bottom:1px solid #bbb;
  list-style-position:inside;
  list-style-type:disc;
}
.replay{
  text-align:center;
  width:80px;
  padding:2px;
  background-color:#f5f5f5;
  border:1px solid #bbb;
  margin:5px 0px;
}
#footer{
  width:978px;
  height:100px;
  background-color:#eee;
  float:left;
  clear:both;
  direction:ltr;
  text-align:center;
  border:1px solid #bbb;
  margin-bottom:100px;
  margin-top:20px;
}
#footer p{
  padding-top:40px;
  letter-spacing:1px;  
}
(امروز، )Vahid Majidi نوشته است: لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید با سلام 

لطفا css خود را با css زیر عوض کنید


کد:
/*

Theme Name: Silver Light
Theme URI: http://xn--mgbguh09aqiwi.com
Description: Minimal Design <a href="http://xn--mgbguh09aqiwi.com">اسکریپت.com</a>
Version: 1.0
Author: Vahid Majidi
Author URI: http://xn--mgbguh09aqiwi.com
Tags: blue, silver, white, light, two-columns, fixed-width, threaded-comments

*/

*{
  border:none;
  margin:0px;
  padding:0px;
  outline:none;  
}
input{
  padding:10px;
  background-color:#f8f8f8;
  margin:10px 2px;  
  border:1px solid #bbb;
  border-radius:3px;
}
input[type=submit]:hover{
  cursor:pointer;  
}
input:focus,textarea:focus{
  box-shadow:0px 0px 2px #69a;
}
input[type=text]{
  width:250px;  
}
label{
  display:inline-block;
  min-width:50px;
}
textarea{
  background-color:#f8f8f8;
  margin:10px 0px;  
  border:1px solid #bbb;
  border-radius:3px;
}
h1{
  font-size:14px;
  letter-spacing:1px;
  padding:7px 0px;
  color:#222;
}
h2{
  font-size:14px;
  letter-spacing:1px;
  padding:7px 0px;
  color:#222;
}
h3{
  font-size:13px;
  letter-spacing:1px;
  padding:7px 0px;
  color:#222;
}
h4{
  font-size:12px;
  letter-spacing:1px;
  padding:7px 0px;
  color:#222;
}
h5{
  font-size:11px;
  letter-spacing:1px;
  padding:7px 0px;
  color:#222;
}
h6{
  font-size:10px;
  letter-spacing:1px;
  padding:7px 0px;
  color:#222;
}
hr{
  width:100%;
  height:1px;
  border:none;
  background-color:#000;
  margin:15px 0px;
}
.center{
  text-align:center;
  font-weight:bold;
  width:655px;
  float:right;
  clear:left;
}
a:link{
  text-decoration:none;
  color:#147;
}
a:hover{
  text-decoration:none;
  color:#147;
}
a:visited{
  text-decoration:none;
  color:#147;
}
a:active{
  text-decoration:none;
  color:#147;
}
ul,ol{
  margin:15px 20px;
}
::selection{
  background-color:#ddd;
  color:#000;
}
::-moz-selection{
  background-color:#ddd;
  color:#000;
}
body,html{
  width:100%;
  height:100%;
  font-family:Tahoma;
}
body{
  background:#fff;
  font-family:Tahoma;
  font-size:13px;
  word-wrap:break-word;
word-break:keep-all;
  direction:rtl;
  line-height:25px;
}
#main{
  width:980px;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
}
#header{
  float:right;
  width:100%;
  height:120px;
  margin-bottom:25px;
  clear:both;
}
#header img.logo{
  float:left;
  margin-top:20px;
  margin-left:20px;
}
#header #search{
  float:right;
  margin-right:20px;
  margin-top:40px;
}
.navbar{
  float:right;
  clear:both;
  width:980px;
  height:40px;
  margin:0px;
  padding:0px;
  margin-bottom:20px;
  background-image:url(images/back-nav.png);
}
.navbar ul{
  list-style:none;
  float:right;
  margin:0px;
  padding:0px;
}
.navbar li{
  list-style:none;
  float:right;
  height:40px;
  margin:0px;
  padding:0px;
}  
.navbar > li{
  position:relative;
  width:150px;
  height:40px;
  border-left:1px solid #fff;
  text-align:center;
}
.navbar a{
  display:block;
  width:100%;
  height:32px;  
  padding-top:8px;
  color:#FFF;
}
.navbar a:hover{
  background-color:#FC3;  
  color:#111;
}
.navbar li > ul{
  display:none;
  position:absolute;
  top:40px;
  right:0px;
  width:250px;
  height:auto;
  min-height:200px;
  background-image:url(images/back-nav.png);
  z-index:1000;
  border-bottom-right-radius:50px;
}
.navbar li > ul > li{
  width:250px;
  border-top:1px solid #fff;
  position:relative;
}
.navbar li > ul > li > ul{
  right:250px;
  position:absolute;
  top:0px;
}
#sidebar{
  float:right;
  width:250px;
  min-height:100%;
  height:auto;
  margin-top:5px;
  margin-left:20px;
  margin-bottom:20px;
  border-left:1px solid #000;
  padding-left:19px;
  clear:right;
}
#sidebar ul{
  list-style-image:url(images/list.png);
}
#sidebar li > ul{
  list-style-image:url(images/list-in.png);
  margin-right:5px;
  margin-bottom:15px;
  border-right:1px solid #bbb;
  padding-right:10px;
  list-style-position:inside;
}
.in-sidebar{
    width:100%;
    border-bottom:1px solid #000;
    padding:35px 0;
}
.in-sidebar:first-child{
  padding-top:10px;
  margin:0px;  
}
.ads-folow{
  text-align:center;
  width:100%;
  height:55px;
  background-color:#eee;
  padding:20px 0px;
  overflow:hidden;
  margin:10px 0px;
  border-radius:5px;
}
#sidebar .menu{
  width:100%;
  height:40px;
  background-color:#eee;
  text-align:center;
  transform:rotate(2deg);
  -webkit-transform:rotate(2deg);
  -moz-transform:rotate(2deg);
  -o-transform:rotate(2deg);
  -ms-transform:rotate(2deg);
  margin-bottom:30px;
  border:1px solid #bbb;
}
img.ads{
  margin-right:1px;
  border:1px solid #bbb;
}
#content{
  float:left;
  width:690px;
  min-height:350px;
  height:auto;
  clear:left;
  padding:15px 0px 20px 0px;
  border-bottom:1px solid #000;
  margin-bottom:25px;
  overflow:hidden;
  position:relative;
}
#content img{
  margin:15px 10px;  
}
#content .menu{
  width:683px;
  height:40px;
  background-color:#eee;
  text-align:center;
  transform:rotate(2deg);
  -webkit-transform:rotate(2deg);
  -moz-transform:rotate(2deg);
  -o-transform:rotate(2deg);
  -ms-transform:rotate(2deg);
  margin-bottom:30px;
  border:1px solid #bbb;
  overflow:hidden;
}
#content .meta{
  width:100%;
  height:30px;
  overflow:hidden;
}
#content .meta-box{
  width:167px;
  float:right;
  text-align:center;
  border:1px solid #bbb;
  overflow:hidden;
  margin-left:3px;
}
#content .post{
  margin:25px 0px 25px 5px;
}
#shakhes img{
  float:left;  
  width:200px;
  height:150px;
  margin-top:5px;
  border:1px solid #bbb;
}
#content .read-more{
  text-align:center;
  color:#000;
  font-weight:bold;
  width:100px;
  position:absolute;
  bottom:0px;
  left:0px;
  height:20px;
  padding:10px;
  background-color:#eee;
  border:1px solid #bbb;
  border-bottom:none;
}
#information{
  width:655px;
  height:auto;
  background-color:#eee;
  float:right;
  clear:left;
  margin-top:10px;
  margin-bottom:10px;
  border-radius:5px;
  border:1px solid #bbb;
  padding:15px;
  overflow:hidden;
}
ul.share{
  margin:0px;
  margin-top:30px;
  float:right;
}
ul.share li{
 list-style:none;
 float:right;
}
ul.share img{
  transition:all 0.5s;
  -webkit-transition:all 0.5s;
  -o-transition:all 0.5s;
  -ms-transition:all 0.5s;
  -moz-transition:all 0.5s;
  opacity:1;
}
ul.share img:hover {
  opacity:0.6;
}
img.qrcode{
  width:100px;
  height:100px;
  float:left;
}
p.info{
  float:right;
  width:70%;
}
#comments{
  float:right;
  clear:left;
  width:655px;
  padding:25px 15px;
  background-color:#eee;
  margin-top:10px;
  border-radius:5px;
  border:1px solid #bbb;
}
#comments > ol{
  background-color:#FFF;
}
#comments li{
 margin:15px 0px;
}
#comments li > ol{
  margin-right:50px;
  border-bottom:1px solid #bbb;
  list-style-position:inside;
  list-style-type:disc;
}
.replay{
  text-align:center;
  width:80px;
  padding:2px;
  background-color:#f5f5f5;
  border:1px solid #bbb;
  margin:5px 0px;
}
#footer{
  width:978px;
  height:100px;
  background-color:#eee;
  float:left;
  clear:both;
  direction:ltr;
  text-align:center;
  border:1px solid #bbb;
  margin-bottom:100px;
  margin-top:20px;
}
#footer p{
  padding-top:40px;
  letter-spacing:1px;  
}


سلام مجدد
ممنون بابت راهنماییتون

این کدی که دادید ، یه ایراد کوچک داشت و اونم اینکه دسته هایی که در سمت چپ سایت قرار داشتند ، وقتی روشون با موس میرفتم ، اون زیر دسته ای که میخاست باز شه ، میرفت خارج از کادر

کلا 2 تا تغییر کوچیک توی کدها دادم و اینطوری هم اون منوی ثانویه میاد تو کادر و هم اینکه دسته ها در 2 ردیف نمایش داده میشن

کل کد اضافه شده شما و تغییر خودم رو میزارم اینجا برای دوستانی که احیانا به این مشکل برخوردن ، استفاده کنند
باز هم ممنون بابت راهنماییتون


کد:
.navbar li > ul > li{
 width:100px;
 border-top:1px solid #fff;





 position:relative;
}
.navbar li > ul > li > ul{
 right:100px;
 position:absolute;
 top:0px;





}
#sidebar{
 float:right;