solmaz

زیرمنو

14 پست در این موضوع قرار دارد

سلام

برای اینکه زیرمنو دقیقا از ابتدای مادر خودش شروع بشه چیکار کنیم؟؟

من بهش left تعریف کردم اما روی دوتا از منوهام درست میشه (یعنی زیر منو دقیقا از منوی مادرش شروع میشه) اما بقیه نه.

امیدوارم منظورم رو رسونده باشم

چیکار کنم؟

به اشتراک گذاری این پست


لینک به پست

این هم فایل css من هست

/*
Theme Name: PaletosiMagazine
Theme URI: [url="http://www.simplewpthemes.com"]http://www.simplewpthemes.com[/url]
Version: 1.0
Author: sin2384
Author URI: [url="http://www.simplewpthemes.com"]http://www.simplewpthemes.com[/url]
Description: Free Wordpress theme by <a href="[url="http://www.simplewpthemes.com/%22>SimpleWPThemes.com</a>."]http://www.simplewpt...Themes.com</a>.[/url] Please read READ ME.TXT for usage instructions!
*/
@import url("css/comments.css");
@import url("css/reset.css");
@import url("css/slide.css");
@import url("css/superfish.css");
@import url("css/featuredcats.css");
* {
margin: 0;
padding: 0;
}
/***************LINKS*************************/

a:link, a:visited {
color: #4488BB;
text-decoration: none;
}
a:hover {
color: #414141;
}
/***************END LINKS*************************/

html body {
/*background: #f0f0f0;*/
font-size: 12px;
font-family: Arial, Helvetica, sans-serif; ;
line-height: 1.5em;
color: #878787;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Antic Slab', serif;
font-weight: normal;
}

/***************LAYOUT*************************/

#containerwrap {
background: url(images/top.jpg) no-repeat scroll center 180px;
}
#topwrap {
width: 100%;
height: 175px;
border-top: 5px solid #d5dee3;
/* background: #111111;*/
background-image: linear-gradient(bottom, #E4EEF5 45%, #DDE7EE 73%, #BBC8D1 87%);
background-image: -o-linear-gradient(bottom, #E4EEF5 45%, #DDE7EE 73%, #BBC8D1 87%);
background-image: -moz-linear-gradient(bottom, #E4EEF5 45%, #DDE7EE 73%, #BBC8D1 87%);
background-image: -webkit-linear-gradient(bottom, #E4EEF5 45%, #DDE7EE 73%, #BBC8D1 87%);
background-image: -ms-linear-gradient(bottom, #E4EEF5 45%, #DDE7EE 73%, #BBC8D1 87%);

background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.45, #E4EEF5),
color-stop(0.73, #DDE7EE),
color-stop(0.87, #BBC8D1)
);
}
#mainwrap {
margin: -1px auto 0;
width: 960px;
}
#header {
width: 960px;
height: 125px;
margin: 0 auto;
}
#blogtitle {
text-transform: uppercase;
float: left;
padding-top: 47px;
}
.adv {
float: right;
margin: 33px 0px 0 0;
}


/* -------- START PAGE MENU -------- */

#top {
clear: both;
margin: 0 auto;
/*width: 960px;*/
height: 50px;
background: #657883;
position: relative;
z-index: 999;
color:#000 !important;
padding-right: 170px;
}
#top li {
float: right;
line-height: 50px;

color:#000 !important;
}
#top li a {
float: right;
display: block;
padding: 0 15px;
color: #fff;
text-shadow: 1px 0 1px #000000;
font-size: 12px;
font-family: tahoma;
font-weight: normal;
}

#top li a:hover {
color:#fff;
}
#top li.current_page_item a, #top li:hover, #top li.current-menu-item {
background: #657883;
color: #fff;
}
#top li ul {
background: #657883;
width: 200px;
color:#000 !important;
left: -140px;

}
#top li ul li {
border-bottom: 1px dashed #97B4CA;
border-right: 0;
line-height: 30px;
color:#000 !important;
}

#top li ul li:last-child{
border:none;
}
#top li ul li a {
font-size: 11px;
color: #fff;
text-shadow: 1px 0 1px #26608b;
font-family: tahoma;
font-weight: normal;
text-align: right;
}
#top li ul li:hover a {
color: #fff;
}


/* -------- END PAGE MENU -------- */

.aboutimage {
float: left;
border: 1px solid #ccc;
padding: 2px;
margin: 5px 10px 0px 0px;
}
#s {
width: 176px;
height: 14px;
padding: 8px 0 8px 5px;
color: #b6b5b5;
font-size: 11px;
border: 1px solid #cecdcd;
}
*+html #s {
padding-bottom: 7px;
}
#contentwrap {
float: left;
width: 628px;
}
#sidebar {
float: right;
width: 308px;
}
#sidebar-bottom {
width: 100%;
clear: both;
/* background: #669bc5 url(images/sbbg.png) repeat-x scroll 0 72px; */
overflow: hidden;
}
#sidebar2 {
margin: 0 auto;
width: 960px;
padding: 40px 0px 20px;
}
#footer1, #footer2 {
width: 280px;
float: left;
margin-right: 60px;
}
#footer3 {
width: 280px;
float: right;
margin-right: 0;
}
#sidebar-bottom h3 {
color: #ffffff;
text-shadow: 1px 0 1px #34648b;
font-size: 17px;
padding: 0 0 45px 0;
margin-bottom: 0 !important;
font-weight: normal;
}
.widget {
clear: both;
margin: 0 0 40px 0;
overflow: hidden;
color: #afd7f7;
text-shadow: 1px 0 1px #5488b1;
}
.widget a, .widget a:visited, .widget a:hover {
color: #fff;
}
.widget ul li {
padding: 5px 0 5px 0;
}
#sidebar2 ul.children {
margin: 5px 0 -5px 0;
}
.widget a:hover {
text-decoration: underline;
}

/* -------- ADVERT -------- */

.add1 {
clear: both;
float: left;
margin: 0 0 10px 5px;
display: inline;
}
.add2 {
float: right;
margin: 0 5px 10px 0;
display: inline;
}

/* -------- END ADVERT -------- */

#footerwrap {
width: 100%;
clear: both;
height: 60px;
border-top: 1px solid #fff;
font-size: 12px;
color: #494949;
background: #000;
display:none;
}
#footer {
width: 960px;
margin: 0 auto;
clear: both;
overflow: hidden;
padding: 20px 0 0;
}
#footer a, #footer a:visited {
color: #6d6d6d;
}
#footer a:hover {
color: #6d6d6d;
text-decoration: underline;
}
.inside {
padding: 20px;
}
/* -------- END WP LAYOUT -------- */

/* -------- START WP STYLES -------- */

#sidebar h3 {
padding: 0 0 18px 0;
margin-bottom: 0;
font-size: 18px;
color: #393939;
}
.side-widget {
clear: both;
width: 272px;
padding: 18px;
background: #ffffff;
border: 1px solid #e1e1e1;
box-shadow: 0px 0 4px #e8e8e8;
margin-bottom: 35px;
overflow: hidden;
}
#sidebar ul {
margin-top: -5px;
}
#sidebar ul.children {
margin: 6px 0 -6px 0;
}
#sidebar ul li {
padding: 6px 0 6px 0;
margin-left: 0;
border-bottom: 1px solid #e5e5e5;
}
#sidebar li li {
border-bottom: 0;
border-top: 1px solid #e5e5e5;
}
.side-widget a, .side-widget a:visited {
color: #878787;
}
.side-widget a:hover {
color: #4488bb;
}

/***************POST STYLES*************************/
h2.title {
margin-bottom: 13px;
line-height: 20px;
font-size: 17px;
}
h2.titles {
margin-bottom: 13px;
line-height: 24px;
font-size: 21px;
}
h2.title a, h2.title a:visited, h2.titles a, h2.titles a:visited {
color: #242424;
}
.meta {
color: #b5b5b5;
font-size: 11px;
text-align: right;
padding: 0 0 5px 0;
}
.metain {
float: left;
}
.time, a.comm, a.comm:visited {
color: #000000;
}
a.comm span {
color: #b5b5b5 !important;
}
a.more-link {
background: #4488bb;
color: #ffffff;
text-shadow: 1px 0 1px #3375a7;
padding: 5px 12px;
}
.postmetadata {
margin-top: 15px;
}
.leftpost {
clear: both;
float: left;
width: 280px;
padding: 10px;
}
.rightpost {
float: right;
width: 280px;
padding: 10px;
}
.clearp {
clear: both;
height: 30px;
width: 100%;
display: block;
overflow: hidden;
}
.post, .page {
background: #ffffff;
border: 1px solid #e1e1e1;
box-shadow: 0px 0 4px #e8e8e8;
}
.singlep {
padding: 10px;
overflow: hidden;
}
.entry {
margin-top: 10px;
line-height: 20px;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
margin-top: 15px;
}
.entry p {
margin-bottom: 15px;
}
.entry img {
padding: 3px;
border: 1px solid #cdcccc;
background: #fff;
}
.post_thumbnail {
padding: 0 !important;
border: 0 !important;
margin: 0 0 18px !important;
}
.entry th {
padding: 0;
margin-right: 2px;
}
.entry li {
list-style: circle inside;
}
.entry ol li {
list-style: decimal inside;
}
blockquote {
border-left: 10px solid #666666;
margin-left: 20px;
}
blockquote p {
padding: 10px;
}
.alignleft {
float: left;
margin: 5px 10px 0px 0px;
}
.alignright {
float: right;
margin: 5px 0px 0px 10px;
}
img.aligncenter {
display: block;
margin: 0 auto 5px;
}
/***************END POST STYLES*************************/
#wp-calendar caption {
background: #387bad;
color: #fff;
margin-bottom: 10px;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
#wp-calendar td {
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}
#wp-calendar {
empty-cells: show;
font-size: 14px;
margin: 0;
width: 100%;
}
#wp-calendar a:hover {
background: #387bad;
color: #fff;
}
#wp-calendar td:hover, #wp-calendar #today {
background: #387bad;
color: #fff;
}
li.pagenav, li.categories, li.linkcat {
list-style:none;
}
h2.pagetitle {
margin: 10px 0 20px 0px;
font-size: 32px;
text-align: center;
color: #000;
}
p.center {
margin: 10px 0;
}
/* -------- END WP STYLES -------- */



/* -------- TABLES -------- */
#contentwrap table{font-size:1.2em;margin:5px 0 25px 1px;}
#contentwrap table td{padding:8px;border: 1px solid #ccc;}
/* -------- END TABLES -------- */


/* -------- PAGE NAVIGATION -------- */

.wp-pagenavi{
clear:both;
margin:20px 0 20px;
text-align:center;
}
.wp-pagenavi span.pages,.wp-pagenavi span.extend{
background:#000000;
border:1px solid #000000;
color:#fff;
margin:0px;
padding:6px 7px;
}
.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:visited{
background:#4488bb;
border:1px solid #4488bb;
color:#fff;
margin:0px;
padding:6px 7px;
text-decoration:none;}
.wp-pagenavi span.current,.wp-pagenavi a:hover{
background:#000;
border:1px solid #000000;
color:#fff;
margin:0px;
padding:6px 7px;
}
.wp-pagenavi a.page {
box-shadow: none !important;
}


/* -------- END PAGE NAVIGATION -------- */

/* -------- SUBSCRIPTION -------- */
ul#topsoc {
float: right;
margin-right: 12px;
}
ul#topsoc li {
padding: 8px 0 0;
margin: 0;
float: left;
background: none !important;
border-right: 0 !important;
}
ul#topsoc li a {
margin: 0 0 0 10px !important;
padding: 0 !important;
}/* -------- END SUBSCRIPTION -------- */

.flickr_badge_image { float: left; margin-bottom: 12px; }
.flickr_badge_image img { width: 50px; height: 47px; padding: 4px; margin: 5px 12px 0px 0; background: #77aad4; border: 1px solid #4a7da5; float: left; }
#flickr_badge_image4 img, #flickr_badge_image8 img, #flickr_badge_image12, #flickr_badge_image16 {
margin-right: 0;
}
input#subbox {
width: 179px;
height: 35px;
height: 26px\0/;
padding: 0px 0 0px 5px;
padding: 9px 0 0px 5px\0/;
font-size: 12px;
color: #fff;
background: #79add6;
border: 1px solid #497ca5;
text-shadow: 1px 0 1px #497aa8;
}
*+html input#subbox {
height: 25px;
padding-top: 10px;
}
:root input#subbox {height: 18px\0/IE9; } /* IE9 */
:root input#subbox {padding-bottom: 8px\0/IE9; } /* IE9 */
:root #subm {top: -37px\0/IE9; } /* IE9 */
#swrap {
width: 280px;
}
#subm {
left: 186px;
position: relative;
top: -37px;
}
*+html #subm {
top: -38px;
}
#signup {
margin-bottom: 30px;
}

.sf-sub-indicator {
display: none;
}

ویرایش شده در توسط Mohammad

به اشتراک گذاری این پست


لینک به پست

سلام

لطفا لینک سایتتون رو بذارید

به اشتراک گذاری این پست


لینک به پست

اصل کار باید به این شکل باشه که شما li مادر را relative کنید بعد ul داخل اون را absolute کنید و با دادن مختصات (توسط right, left , top, bottom) موقعیت زیر منو را تعیین کنید اینجوری هیچ مشکلی نباید بوجود بیاد.

به اشتراک گذاری این پست


لینک به پست

اگه ي جا بود انلاين ميديدم بهتر ميشد كمك كرد !‌چون اين طوري به شخصه حال ندارم كپي كنم !‌با عرض پوزش !‌يا فايل ضميمه كن ! يا تو سايت هايي كه مث http://codepen.io به اشتراك بزار !‌انلاين باشه بهتر !‌و اين كه خودت از پايه طراحي كردي ؟ يا نه طراحي شده داره راست چين ميكني به مشكل خوردي ؟!‌

به اشتراک گذاری این پست


لینک به پست

تو این سایت عضو شید. کدهای قالبتون رو اضافه کنید. save کنید. لینکشو بزارید اینجا.

به اشتراک گذاری این پست


لینک به پست

واضح تر توضیح بدین. من که متوجه نشدم!

به اشتراک گذاری این پست


لینک به پست

اگر سایت رو نگاه کنید و موس خودتون رو روی "سرویس های قابل ارائه " ببرین میبینید که زیرمنویی که باز میشه کمی به سمت چپ کشیده شده

اما زیرمنوی مربوط به درباره ما و گالری درست سر جاشه

لینک سایت:

http://dr-atashrazm.com/fa/

به اشتراک گذاری این پست


لینک به پست

کلا طریقه استایل دادن به منو ها داخل این قالب درست نیست و با تغییر عنوان لیست ها جای زیر منو اون ها تغییر می کنه. اگر می تونید از اول بخش منو را خودتون درست کنید.

به اشتراک گذاری این پست


لینک به پست

بایگانی شد

قوانین رو مطالعه کنید

عنوان کلا خلاف قوانین هست

به اشتراک گذاری این پست


لینک به پست
مهمان
این موضوع برای عدم ارسال قفل گردیده است.

  • مطالب مشابه

    • توسط behi13
      با سلام
      دوستام و اساتید محترم یک سوال
      من به سایت دوزبانه با افزونه wpml درست کردم الان یک مشکل هست توی گوگل صفحه اول سایت ایندکس شده و توی فارسی مشکلی ندارم
      ولی توی زبان انگلیسی وقتی توی گوگل به انگلیسی سرچ میکنم بازهم با نام و فارسی میاد
      ممنون میشم من و راهنمایی کنید
    • توسط j1989m
      سلام
      توی قسمت افزودن نوشته و از طریق پرونده های رسانه ای یه عکس انتخاب میکنم و منتشر میکنم. توی سایت عکس رو نشون میده اما این کدها رو هم میاره:
      [caption id="attachment_154" align="aligncenter" width="300"] [/caption]
      درواقع عکس بین دوتا caption بالا قرار میگیره.
      این مشکل توی افزودن برگه نیست.
      لطفا راهنمایی کنید
      خیلی فوریه
      ممنون
    • توسط xboby
      سلام،
      من سایتی با ورد پرس طراحی کردم و می خواهم با:
      یک برنامه تمام پستهای موجود در کانال تلگرامی که بنام آن سایت ایجاد کر ده ام را
      بتوانم از موبایلم دانلود کنم و بعد در آن سایت قرار دهم:
      آیا چنان برنامه ای وجود دارد؟ لطفا راهنمائی ام بفرمائید.
                                   متشکرم
    • توسط دکتر مهندس
      سلام
      من چندتا سایت دارم که همه رو وقتی خواستم به وردپرس 4.7 ارتقا بدم، همگی مشکل دار شدند.
      به این صورت که خود سایت باز میشه اما قسمت مدیریت سایت باز نمیشه و لینکهای بخش مدیریت به این صورت میاد: /wp-admin/upgrade.php?_wp_http_referer=%2Fwp-admin%2F
       
      توی صفحه هم که میاد اینطوری مینویسه: 
       
      The www......ir page isn’t working
      www.......ir is currently unable to handle this request.
      HTTP ERROR 500
    • توسط hessam75
      سلام
      من یه سایت با غالب be theme طراحی کردم فقط یه مشکل داره اونم اینه که پس زمینه رو پارالاکس انتخاب کردم ولی تو مرورگر internet xplorer پارالاکس نمایش داده نمیشه!
      در ضمن قالبم هم پول دادم از سایت معتبری خریدم ازین دانلودی ها نیست.
      لطفا کمک کنید بتونم رفع اشکال کنم.
      آدرس سایت : senateb.com