PDA

View Full Version : سوال: مشکل با تگ ul li



<?php?>
سه شنبه 16 دی 1393, 21:42 عصر
سلام دوستان . خسته نباشید . یک قالب وردپرس گرفتم . الان قسمت فهرست هاش مشکل دارم .
یعنی وقتی این گونه , دسته بندیمو انتخاب میکنم ::

اخبار
- مقاله
- دانلود
------------
وقتی تو قسمت فهرست های وردپرس دسته هارو برای منو سایتم به شکل بالا تنظیم میکنم و میرم تو سایتم و رفرشتو میزنم . این طوری نمایش میده :::


اخبار
مقاله
دانلود





اینم کد سی اس اس هستش ::




h1, h2 {
font-size : 16px;
font-weight : normal;
font-family: Byekan;
}
h3 {
font-size : 14px;
font-weight : normal;
font-family: Byekan;
}
a:link {
text-decoration: none;
color: #333333;
}
a:visited {
text-decoration: none;
color: #333333;
}
a:hover {
color: #CC0000;
text-decoration: none;
}
.clear {
clear: both;
}
ul, li {
list-style: none;
}
::-moz-selection {
color: #FFF;
background-color: #33A6CC;
}
::selection {
color: #FFF;
background-color: #33A6CC;
}
form#sidebar-login-form.standard-form input[type="text"], form#sidebar-login-form.standard-form input[type="password"] {
border: 1px solid #e2413e;
border-radius: 4px;
}
.input {
width : 180px;
height : 30px;
color: #e2413e;
background : #FFF url(images/sprite-main.png) no-repeat center;
padding : 0px 10px 0px 40px;
float : left;
margin : 5px;
-webkit-box-shadow: 1px 1px 1px 1px;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.wrapper {
width : 1000px;
margin-left : auto;
margin-right : auto;
overflow : hidden;
padding-left : 35px;
padding-right : 35px;
padding-top: 15px;
}
.header {
width : 100%;
overflow : hidden;
border-top: solid 4px #8B8B8B;
}
.header_top {
width: 1000px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
padding-left: 35px;
padding-right: 35px;
padding-top: 15px;
min-height: 115px;
}
.sitelogo {
display: inline-block;
float: right;
height: 95px;
overflow: hidden;
}
.sitelogo img {
margin: auto 0;
}
.reklam728 {
height: 60px;
float: left;
margin-top: 15px;
overflow: hidden;
}
.logo-alt {
height: 20px;
}
.site_menu {
width : 1000px;
font-family : Byekan;
height : 38px;
padding: 0;
margin: auto;
margin-top: -2px;
}
.f-menu {
width: 100%;
z-index: 9999;
position: fixed;
top: 0;
background: rgba(255,255,255,0.9);
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
-webkit-border-radius: 3px;
border: 1px solid rgba(100, 100, 100, .4);
-webkit-background-clip: padding-box border-bottom: 1px solid #cecece;
}
.site_menu .wrapper {
padding: 0 !important;
margin: 0 auto !important;
}
.site_menu ul {
list-style: none;
padding: 0;
}
.site_menu ul li {
float : right;
display: block;
}
.site_menu ul li a {
display : block;
text-decoration : none;
float : none;
font-size : 15px;
transition: .25s linear;
-moz-transition: .25s linear;
-webkit-transition: .25s linear;
padding: 4px 15px 5px 15px;
margin: 0 0 0 5px;
color: #e2413e;
border-bottom: 4px solid #e2413e;
}
.site_menu ul li a:hover {
background: #e2413e;
color: #fff;
}
.site_menu ul ul {
padding: 0;
margin: 0;
z-index: 2000;
}







.site_menu ul li:hover ul, ul.menu li.over ul {
display: block;
}
.site_menu ul li ul {
display: none;
position: absolute;
list-style: none;
}
.site_menu ul li ul li {
float: none;
min-width: 200px;
}
.site_menu ul li ul li a {
display : block;
text-decoration : none;
float : none;
text-align: right;
font-size : 15px;
transition: .25s linear;
-moz-transition: .25s linear;
-webkit-transition: .25s linear;
color: #fff !important;
background: #e2413e;
}
.site_menu ul li ul li a:hover {
background: rgba(226,65,62,0.7);
}

.sub-menu li {
transition: .25s linear;
-moz-transition: .25s linear;
-webkit-transition: .25s linear;
}
.sub-menu li a {
color: #fff;
margin: 0px;
padding: 0px;
}
.ust-menu {
width : 450px;
height: 30px;
margin-top: -3px;
float: left;
padding-left: 10px;
}
.ust-menu ul {
list-style : none;
padding: 0;
}
.ust-menu ul li {
float : left;
}
.ust-menu ul li a {
text-decoration : none;
margin-right: 5px;
padding: 4px 8px;
color: #e2413e;
}
.ust-menu ul li a:hover {
background: #e2413e;
border-radius: 3px;
color: #fff;
}
.ust-menu {
width : 450px;
height: 30px;
margin-top: -3px;
float: left;
padding-left: 10px;
}
.ust-menu ul {
list-style : none;
padding: 0;
}
.ust-menu ul li {
float : left;
}
.ust-menu ul li a {
text-decoration : none;
margin-right: 5px;
padding: 4px 8px;
color: #e2413e;
}
.ust-menu ul li a:hover {
background: #e2413e;
border-radius: 3px;
color: #fff;
}
#back-top {
position: fixed;
bottom: 20px;
right: 60px;
}
#back-top span {
display: inline-block;
width: 27px;
height: 59px;
background-position: -4px -204px;
background-image: url(images/sprite-main.png);
background-repeat: no-repeat;
}
#back-top span:hover {
background-position: -43px -204px;
}
.container {
width : 100%;
min-height : 100px;
margin-top : 10px;
overflow : hidden;
}
.container_content {
width : 680px;
min-height : 500px;
float : left;
}
/*--------------------- Slider ---------------------*/

vb1249
سه شنبه 16 دی 1393, 22:04 عصر
سلام دوستان . خسته نباشید . یک قالب وردپرس گرفتم . الان قسمت فهرست هاش مشکل دارم .
یعنی وقتی این گونه , دسته بندیمو انتخاب میکنم ::

اخبار
- مقاله
- دانلود
------------
وقتی تو قسمت فهرست های وردپرس دسته هارو برای منو سایتم به شکل بالا تنظیم میکنم و میرم تو سایتم و رفرشتو میزنم . این طوری نمایش میده :::


اخبار
مقاله
دانلود





اینم کد سی اس اس هستش ::




h1, h2 {
font-size : 16px;
font-weight : normal;
font-family: Byekan;
}
h3 {
font-size : 14px;
font-weight : normal;
font-family: Byekan;
}
a:link {
text-decoration: none;
color: #333333;
}
a:visited {
text-decoration: none;
color: #333333;
}
a:hover {
color: #CC0000;
text-decoration: none;
}
.clear {
clear: both;
}
ul, li {
list-style: none;
}
::-moz-selection {
color: #FFF;
background-color: #33A6CC;
}
::selection {
color: #FFF;
background-color: #33A6CC;
}
form#sidebar-login-form.standard-form input[type="text"], form#sidebar-login-form.standard-form input[type="password"] {
border: 1px solid #e2413e;
border-radius: 4px;
}
.input {
width : 180px;
height : 30px;
color: #e2413e;
background : #FFF url(images/sprite-main.png) no-repeat center;
padding : 0px 10px 0px 40px;
float : left;
margin : 5px;
-webkit-box-shadow: 1px 1px 1px 1px;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.wrapper {
width : 1000px;
margin-left : auto;
margin-right : auto;
overflow : hidden;
padding-left : 35px;
padding-right : 35px;
padding-top: 15px;
}
.header {
width : 100%;
overflow : hidden;
border-top: solid 4px #8B8B8B;
}
.header_top {
width: 1000px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
padding-left: 35px;
padding-right: 35px;
padding-top: 15px;
min-height: 115px;
}
.sitelogo {
display: inline-block;
float: right;
height: 95px;
overflow: hidden;
}
.sitelogo img {
margin: auto 0;
}
.reklam728 {
height: 60px;
float: left;
margin-top: 15px;
overflow: hidden;
}
.logo-alt {
height: 20px;
}
.site_menu {
width : 1000px;
font-family : Byekan;
height : 38px;
padding: 0;
margin: auto;
margin-top: -2px;
}
.f-menu {
width: 100%;
z-index: 9999;
position: fixed;
top: 0;
background: rgba(255,255,255,0.9);
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
-webkit-border-radius: 3px;
border: 1px solid rgba(100, 100, 100, .4);
-webkit-background-clip: padding-box border-bottom: 1px solid #cecece;
}
.site_menu .wrapper {
padding: 0 !important;
margin: 0 auto !important;
}
.site_menu ul {
list-style: none;
padding: 0;
}
.site_menu ul li {
float : right;
display: block;
}
.site_menu ul li a {
display : block;
text-decoration : none;
float : none;
font-size : 15px;
transition: .25s linear;
-moz-transition: .25s linear;
-webkit-transition: .25s linear;
padding: 4px 15px 5px 15px;
margin: 0 0 0 5px;
color: #e2413e;
border-bottom: 4px solid #e2413e;
}
.site_menu ul li a:hover {
background: #e2413e;
color: #fff;
}
.site_menu ul ul {
padding: 0;
margin: 0;
z-index: 2000;
}







.site_menu ul li:hover ul, ul.menu li.over ul {
display: block;
}
.site_menu ul li ul {
display: none;
position: absolute;
list-style: none;
}
.site_menu ul li ul li {
float: none;
min-width: 200px;
}
.site_menu ul li ul li a {
display : block;
text-decoration : none;
float : none;
text-align: right;
font-size : 15px;
transition: .25s linear;
-moz-transition: .25s linear;
-webkit-transition: .25s linear;
color: #fff !important;
background: #e2413e;
}
.site_menu ul li ul li a:hover {
background: rgba(226,65,62,0.7);
}

.sub-menu li {
transition: .25s linear;
-moz-transition: .25s linear;
-webkit-transition: .25s linear;
}
.sub-menu li a {
color: #fff;
margin: 0px;
padding: 0px;
}
.ust-menu {
width : 450px;
height: 30px;
margin-top: -3px;
float: left;
padding-left: 10px;
}
.ust-menu ul {
list-style : none;
padding: 0;
}
.ust-menu ul li {
float : left;
}
.ust-menu ul li a {
text-decoration : none;
margin-right: 5px;
padding: 4px 8px;
color: #e2413e;
}
.ust-menu ul li a:hover {
background: #e2413e;
border-radius: 3px;
color: #fff;
}
.ust-menu {
width : 450px;
height: 30px;
margin-top: -3px;
float: left;
padding-left: 10px;
}
.ust-menu ul {
list-style : none;
padding: 0;
}
.ust-menu ul li {
float : left;
}
.ust-menu ul li a {
text-decoration : none;
margin-right: 5px;
padding: 4px 8px;
color: #e2413e;
}
.ust-menu ul li a:hover {
background: #e2413e;
border-radius: 3px;
color: #fff;
}
#back-top {
position: fixed;
bottom: 20px;
right: 60px;
}
#back-top span {
display: inline-block;
width: 27px;
height: 59px;
background-position: -4px -204px;
background-image: url(images/sprite-main.png);
background-repeat: no-repeat;
}
#back-top span:hover {
background-position: -43px -204px;
}
.container {
width : 100%;
min-height : 100px;
margin-top : 10px;
overflow : hidden;
}
.container_content {
width : 680px;
min-height : 500px;
float : left;
}
/*--------------------- Slider ---------------------*/



ببخشید PHP اش الان کجاست ؟

<?php?>
چهارشنبه 17 دی 1393, 09:27 صبح
ببخشید بدجایی سوالمو پرسیدم

arenaw
چهارشنبه 17 دی 1393, 09:43 صبح
توی استایل، این بخش رو اضافه کنید:

.site_menu ul > li:before {
content: ' - ';
}