solmaz

زیرمنو

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

سلام

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

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

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

چیکار کنم؟

0

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


لینک به پست

این هم فایل 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
0

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


لینک به پست

سلام

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

0

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


لینک به پست

روی لوکال کار میکنم هنوز هاست ندارم

0

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


لینک به پست

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

1

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


لینک به پست

انجام دادم نشد

میشه راهنمایی کنید؟

0

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


لینک به پست

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

0

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


لینک به پست

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

ببخشید چطور به اشتراک بزارم؟

0

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


لینک به پست

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

0

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


لینک به پست

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

0

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


لینک به پست

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

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

لینک سایت:

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

0

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


لینک به پست

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

0

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


لینک به پست

بایگانی شد

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

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

0

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


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

  • مطالب مشابه

    • توسط Mr Mirzaei
      سلام
      من میخواستم فایل جاوا اسکریپت با پسوند js رو روی سایتم اپلود کنم ولی ارور میده
      مینویسه:
      “js 1” به‌خاطر وجود ایراد بارگذاری نشد
      متاسفانه، این نوع پرونده به دلایل امنیتی مجاز نیست.
      اگه کسی میدونه مشکلش چیه لطفا به منم بگه
    • توسط mehditalaei
      سلام
      بنده یه افزونه نیاز دارم تا برای کاربرای سایت داشبورد حرفهای بسازم و کاربر با ورود به ناحیه کاربری بتونه اونو مدیریت کنه.
    • توسط Morteza
      قوانین کلی انجمن
      1- در هنگام ثبت نام از کلمات مناسب جهت نام کاربری استفاده نمایید. نام های کاربری حاوی کلمات نامناسب ، نام های کاربری که جنبه تبلیغاتی داشته و یا نام های کاربری که نام یک سایت می باشند ، سریعا حذف خواهند شد.
      2- به دیگران احترام بگزارید. با هرگونه بی احترامی برخورد جدی و حتی منجر به قطع دسترسی کاربر خاطی خواهد شد.
      3- در انتخاب آواتر و امضا دقت کنید و از تصاویر و کلمات موهون و نامناسب استفاده ننمایید. توجه کنید که امضا هایی که حاوی تصاویر و کلمات موهون و نامناسب باشند و یا جنبه تبلیغاتی داشته باشند سریعا حذف خواهند شد و در صورت تکرار با فرد خاطی برخورد خواهد شد.
      4- برای مطالب خود از عنوان مناسب و گویا استفاده نمایید. در عنوان مطالب خود از عبارات و کلمه هایی مانند : کمک کنید ، درخواست فوری ، نیاز شدید ، تورو خدا کمکم کنید ، خیلی مهم و جملاتی شبیه به این خودداری نمایید.
      5- حتما قبل از ایجاد یک موضوع در انجمن جستجو کنید و از ایجاد مطالب تکراری خودداری نمایید.
      6- از اسپم کردن موضوعات پرهیز کنید. جهت دریافت پاسخ صبر داشته باشید. برای تشکر از دکمه تشکر استفاده کنید.
      7- فارسی بنویسید و از فینگلیش نوشتن خودداری کنید. در غیر اینصورت با فرد خاطی برخورد خواهد شد.
      8- فعالیت های تجاری را فقط در بخش مشخص شده انجام دهید و از ایجاد موضوعاتی با جنبه تجاری در دیگر بخشها خودداری نمایید. از دادن پاسخهایی که جنبه تجاری و یا تبلیغی دارند خودداری نمایید. در صورت مشاهده چنین پست هایی با فرد خاطی برخورد خواهد شد.
      9- گروه وردپرس پارسی هیچگونه مسئولیتی در مورد فعالیت های بخش تجاری ندارد و تمامی مسئولیت به عهده ایجاد کننده موضوع است.
      10-هرگونه بحث سیاسی - مذهبی در این انجمن ممنوع می باشد. هرگونه توهین و مجادله و مباحثه در مباحث دینی و سیاسی ممنوع بوده و تاپیک های اینچنینی حذف و کاربران خاطی محروم می شوند. در صورت تکرار فرد خاطی برای همیشه از انجمن اخراج می شود.
      11- ارائه شماره تماس و ایمیل جهت همکاری و یا خرید و فروش و یا هرگونه مورد دیگر بصورت عمومی در انجمن ممنوع است. جهت تبادل موارد ذکر شده از طریق پیام خصوصی اقدام کنید.
      12- هرگونه درخواست کامل سازی پوسته در انجمن ممنوع است. اگر نیاز به تکمیل کد بخش خاصی از پوسته را دارید باید درخواست خود را در یک تاپیک جدید مطرح کنید و از درخواست تکمیل کدنویسی و یا طراحی یک پوسته جدا خودداری کنید.
      13- هرگونه بحث در مورد تکمیل و اشکال زدایی پوسته های ریپ در انجمن ممنوع است. اگر نیاز به تکمیل کد بخش خاصی از پوسته را دارید باید درخواست خود را در یک تاپیک جدید مطرح کنید و از درخواست تکمیل کدنویسی و یا طراحی یک پوسته ریپ جدا خودداری کنید.
      14- هرگونه درخواست فایل/پوسته/افزونه و سایر محصولهای تجاری در انجمن ممنوع است.
      15- هرگونه پرسش و بحث درباره محصولهای تجاری در انجمن ممنوع است. پشتیبانی محصولهای تجاری به عهده سازنده/فروشنده آن است.
      بروزرسانی پنجم.
    • توسط hamidgh
      سلام
      در صفحه محصولاتم هنگام خرید و اتمام مراحل ، وارد قسمت سفارشات شدم تا سفارش را ببینم متوجه شدم محصولی که 100 عدد در انبار بوده با یک خرید تمام شده و عدد 1- نمایش داده شده . در محصولات دیگر هم همین مشکل به وجود آمده است . هر عددی که در بخش تعداد در انبار می زارم بعد از یک خرید به 1- تغییر پیدا میکنه و دیگه کاربری نمیتواند ان محصول را به علت عدم موجود در انبار بخرد . همه افزونه ها رو هم غیر فعال کردم ولی درست نشد . ووکامرس هم اخرین نسخه است .از اول هم همین مشکل را داشتم
      ممنون می شوم در حل این مشکل راه نماییم کنید
      با تشکر
    • توسط napo
      سلام 
      افزونه max mega menu  رو دانلود کردم ولی متاسفانه راستچین نیست یعنی زیر منو رو سمت راست ایجاد میکنه به جای اینکه در سمت چپ نشون بده همونطوری که توی عکس مشخصه بعد انتخاب دوتا زیر منو کلا از صفحه خارج میشه
      اگه میشه کمکم کنید
      اگه کسی افزونه ای دیگه میشناسه که هم راستیچینه هم اکاردئونی ممنون میشم معرفی کنه