کدت رو بزار اینجا تا چک کنم.ولی در مورد نمایش در وسط صفحه مشکل باقیه.یعنی منو فقط در سمت راست یا چپ قرار میگیره.
کدت رو بزار اینجا تا چک کنم.ولی در مورد نمایش در وسط صفحه مشکل باقیه.یعنی منو فقط در سمت راست یا چپ قرار میگیره.
سلام
من کلشو گذاشتم توی یک div بعد text-align:center رو ست کردم
برای text-align برای وسط چین کردن متن هست، برای وسط انداختن div اینکار رو بکن:من کلشو گذاشتم توی یک div بعد text-align:center رو ست کردم
margin: 0 auto;
من میخام با کلیک کردن موس روی لینک،زیر منوها باز بشن نه با رفتن موس روی لینکها.چطور میتونم اینکارو انجام بدم.
ممنون از کمکتون.
به جای hover باید از کلاس active استفاده کنی.من میخام با کلیک کردن موس روی لینک،زیر منوها باز بشن نه با رفتن موس روی لینکها.چطور میتونم اینکارو انجام بدم.
جواب سوالت در پیام خصوصی:
سلامولی وقتی تبدیل به active میکنم،وقتی روی لینکها کلیک میکنم زیر منوها ثابت نمیمونه و با برداشتن دست از روی موس زیر منوها باقی نمیمونه.
من میخوام با کلیک روی لینک زیر منوها ثابت نشون داده بشه و با دوباره کلیک کردن روی لینک زیرمنوها به حالت اولیه برگردند.
برای اینکار باید از جاوا اسکریپت استفاده کنید. یعنی با هر بار کلیک چک کنید اگر منو باز بود اونو ببیندین و اگه بسته بود بازش کنید. با css ممکن نیست. در واقع باید با جاوا اسکریپت خصوصیت display هر منو رو در هر بار تنظیم کنید که باید نمایش داده بشه یا نه.
موفق باشید
امکان داره نمونه کد جاوا اسکریپت برای اینکارو اینجا قرار دهید؟برای اینکار باید از جاوا اسکریپت استفاده کنید. یعنی با هر بار کلیک چک کنید اگر منو باز بود اونو ببیندین و اگه بسته بود بازش کنید. با css ممکن نیست. در واقع باید با جاوا اسکریپت خصوصیت display هر منو رو در هر بار تنظیم کنید که باید نمایش داده بشه یا نه.
ممنون از راهنماییهاتوون.
اینو تست کن:امکان داره نمونه کد جاوا اسکریپت برای اینکارو اینجا قرار دهید؟
<ul>
<li id="test" onclick="openClose();"><a href="#">Front end</a>
<ul class="submenu">
<li><a href="#">Atricles</a></li>
<li><a href="#">Users</a></li>
<li><a href="#">Template</a></li>
<li><a href="#">Recyle Bin</a></li>
</ul>
</li>
</ul>
<script type="text/javascript">
function openClose() {
var ctn = document.getElementById("test").getElementsByTagNa me("ul");
if (ctn.item(0).style.display == "none")
ctn.item(0).style.display = "";
else
ctn.item(0).style.display = "none";
}
</script>
ميخوام بدونم اگه بخوام لينك به منوهام بدم كچا بايد اينكار رو بكنم؟
من كه لينك هر منو رو به سي اس اس دادم.. حالا لينكاي خودشو چيكار كنم؟
قبل ساخت منو باید یه خورده html کار کرده باشید، نه اینکه منو رو آماده بخوای استفاده کنی.ميخوام بدونم اگه بخوام لينك به منوهام بدم كچا بايد اينكار رو بكنم؟
لینک ها باید در تگ a که تعریف شده داده بشه دیگه.
<li><a href="#">Recyle Bin</a></li>
سلام من کل کدهای html منو رو در یک
<div style="float:right"
قرار دادم ولی منو و زیر منوهام راست به چپ باز نمیشن
میشه لطفا راهنمایی کنین
خوب قرار نیست rtl بشن، که. شما متون داخل هر تگ a رو right align کن. border سمت چپ رو هم به سمت راست ببر.قرار دادم ولی منو و زیر منوهام راست به چپ باز نمیشن
من يك منو آماده دانلود كردم اين كاري كه شما گفتين رو انجام دادم ولي همه چيز به هم ميريزه ميشه فايل رو ببينين
body
{
font: x-large Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}
ul#nav,ul#nav ul
{
margin: 0;
padding: 0;
list-style: none;
z-index:99;
position:relative;
}
ul#nav
{
width:600px;
margin:auto;
border:1px solid silver;
margin-top:100px;
}
ul#nav li
{
position: relative;
float: right;اين جا رو عوض كردم
width:150px;
}
#nav li ul {
position: absolute;
left: 0;
top: 1em;
margin-left:-999em;/* ie7 doesn't work well with left:-999em but does work better with margin-left */
width:150px;
padding:30px 0 0 0;
background:url(images/trans1px.gif) no-repeat/* 1px transparent gif to help ie keep focus on menu*/
}
#nav li ul ul{
position: absolute;
margin-left:-999em;
left:95%;
top: -30px;
margin-left:100%;
}
/* Styles for Menu Items */
ul#nav li
{
color: #fff;
width:150px;
text-align:center;
}
ul#nav li span
{
float:left;
background:url(images/middle.png) repeat-y 0 0;
width:150px;
}
ul#nav li a
{
display:block;
text-decoration: none;
color: #fff;
width:125px;
padding:6px 5px;
margin:0 0 0 9px;
text-align:center;
float:left;
display:inline;
position:relative
}
ul#nav li li a {text-align:right اين جا رو عوض كردم
}
ul#nav li li b{float:right
;}
ul#nav li.top
,
ul#nav li.base
{
background:url(images/top.png) no-repeat 0 0;
height:17px;
overflow:hidden;
border:none;
}
ul#nav li.base
{
background:url(images/button.png) no-repeat 0 0;
}
ul#nav li li{clear:left
}
/* this sets all hovered lists to red and current item */
#nav li.current a,
#nav li:hover a,
#nav li.iehover a{
color: red;
z-index:999;
}
#nav li:hover li:hover a,
#nav li.iehover li.iehover a,
#nav li:hover li:hover li:hover a,
#nav li.iehover li.iehover li.iehover a,
#nav li:hover li a:hover,
#nav li.iehover li a:hover,
#nav li:hover li:hover li:hover a:hover,
#nav li.iehover li li a:hover,
#nav li:hover li:hover li:hover li:hover a:hover,
#nav li.iehover li.iehover li.iehover li.iehover a:hover {
color: red;
z-index:999;
background:url(images/middle.png) repeat-y 0 0;
border:1px solid C#0c0c0;
padding:5px;
}
/* set dropdown to default */
#nav li:hover li a,
#nav li.iehover li a,
#nav li:hover li:hover li a,
#nav li.iehover li.iehover li a,
#nav li:hover li:hover li:hover li a,
#nav li.iehover li.iehover li.iehover li a{
color: #fff;
background:none;
border:none;
padding:6px 5px;
}
ul#nav li:hover ul ul
,
ul#nav li:hover ul ul ul
,
ul#nav li.iehover ul ul
,
ul#nav li.iehover ul ul ul {margin-left:-999em
}
ul#nav li:hover ul
,
ul#nav li li:hover ul
,
ul#nav li li li:hover ul
,
ul#nav li.iehover ul
,
ul#nav li li.iehover ul
,
ul#nav li li li.iehover ul {margin-left:0
}
/* Float clearing */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */
/*........... do not change or amalgamate the above clearfix styles..................*/
برای استفاده در چند جا بهتره به این شکل عمل کنید:همچنین یک سوال داشتم اگه بخام از این کد واسه جاهای مختلف استفاده کنم به جای test در قسمت getelementbyid چی باید بزارم؟
<li onclick="openClose(this);"><a href="#">Front end</a>
<ul class="submenu">
<li><a href="#">Atricles</a>
<ul>
<li><a href="#">C#</a></li>
<li><a href="#">Delphi</a></li>
<li><a href="#">SQL Server</a></li>
</ul>
</li>
<li><a href="#">Users</a></li>
<li><a href="#">Template</a></li>
<li><a href="#">Recyle Bin</a></li>
</ul>
</li>
<script type="text/javascript">
function openClose(elm) {
var ctn = elm.getElementsByTagName("ul");
if (ctn.item(0).style.display == "none")
ctn.item(0).style.display = "block";
else
ctn.item(0).style.display = "none";
}
</script>
در واقع رفرنسی به خود تگ li رو ارسال کنید به تابع جاوا اسکریپت و ادامه ماجرا.
ببینید، من صحبت هایی که می کنم پیرامون آموزشی هست که در اینجا قرار دادم، منو های دیگه ممکنه با هر ساختاری طراحی شده باشن و مسلما کد هایی که دادم درش جواب نمیده. شما بهتره خودتون ساخت منو رو یاد بگیرید و منو های دیگه رو بر اساس نیازتون ویرایش کنید.من يك منو آماده دانلود كردم اين كاري كه شما گفتين رو انجام دادم ولي همه چيز به هم ميريزه ميشه فايل رو ببينين
<div class="navvy">
<ul class="navvylist">
<li><span lang="fa"><a href="index.aspx">صفحه اصلی</a></span></li>
<li><span lang="fa"><a href="#">درباره ما</a></span>
<ul>
<li><span lang="fa"><a href="history.aspx">تاریخچه شرکت</a></span></li>
</ul>
<ul>
<li><span lang="fa"><a href="zamine-kari.aspx">زمینه کاری</a></span></li>
</ul>
<ul>
<li><span lang="fa"><a href="ahdaf.aspx">دورنما،ماموریت و اهداف</a></span></li>
</ul>
</li>
<li><span lang="fa"><a href="contacts.aspx">ارتباط با ما</a></span></li>
<li><span lang="fa"><a href="sitemap.aspx">نقشه سایت</a></span></li>
<li><span lang="fa"><a href="#">محصولات و خدمات</a></span>
<ul>
<li title=": ره نگار | Rah Negar Co :"><span lang="fa"><a href="#">GPS</a></span>
<ul>
<li><span lang="fa"><a href="gps-dasti.aspx">دستی</a></span></li>
</ul>
<ul>
<li><span lang="fa"><a href="#">دریایی</a></span></li>
</ul>
</li>
</ul>
<ul>
<li><span lang="fa"><a href="#">خودرویی - ناوبری</a></span>
<ul>
<li><span lang="fa"><a href="#">خودرویی</a></span>
<ul>
<li><span lang="fa"><a href="multimedia.aspx">Multimedia</a></span></li>
</ul>
</li>
</ul>
<ul>
<li><span lang="fa"><a href="mobile.aspx">موبایل</a></span></li>
</ul>
</li>
</ul>
<ul>
<li><span lang="fa"><a href="#">ردیابی</a></span>
<ul>
<li><span lang="fa"><a href="gps-dasti.aspx">جایاب (Online)</a></span>
<ul>
<li><span lang="fa"><a href="gps-dasti.aspx">دزدگیر ماهواره ای</a></span></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
دوست عزیز کد منوهای من به این شکل هست.
منوی اصلی من چند زیر منو داره و اون زیر منوها هم خودشون زیر منو دارن.
من میخام با کلیک روی هرکدوم از لینکهای منوی اصلی زیر منوی مربوط به اون باز بشه و در اون زیر منو هم با کلیک بر روی لینک اون زیر منوی مربوط به اون لینک باز بشه(در واقع یک منوی تودرتو دارم).
کد اولی که شما دادید در صورتیکه که برای هر من اون تابع جاوا اسکریپت رو تکرار کنم جواب میداد .و این کد دوم هم واسه یک لینک منو جواب داد.
در واقع من کدی میخام که مثلا مقدار id هر تگ li رو به تابع پاس بده و اون تابع منو و زیر منوهاش رو باز و بسته کنه.
ممنون از راهنماییهاتون.
با تشکر.
این موردی که می خوای مستلزم تغییر ساختار منو هست، چون با این ساختار فعلی و کاری که شما می خوای بکنی مشکل ایجاد می کنه، یعنی تنها می تونید بیرونی ترین منو رو باز بسته کنید.در واقع من کدی میخام که مثلا مقدار id هر تگ li رو به تابع پاس بده و اون تابع منو و زیر منوهاش رو باز و بسته کنه.
سلام
ممنون از کدی که گذاشته اید اما من دقیقا از نمونه کد گذاشته شده همراه با فایل مربوطه استفاده کردم ولی زیر منو را نمی توانم ببینم ممنون می شم اگه راهنمایی ام کنید.
من کد را هم براتون فرستادم
سلام
1.من چون میخام منو فارسی باشی، راست چین اش کردم. ولی زیر منوها رو نتونستم راست چین کنم.چی کار کنم؟
2.مربع خاکستری که کنار گزینه های زیرمنو هست، توسط کدوم کد درست میشه؟ چون میخام اونم راست چین باشه.
ممنون میشم اگه راهنماییم کنین.
آقا عماد از کارتون لذت بردم، میشه بگید شما چه مدت روی طراحی و کار با css زمان گذاشتید؟
آیا مطالعه هم داشتید و یا از راه تمرین و ممارست توانایی های خودتون رو بالا بردید؟
با تشکر
ممنون، لطف داریآقا عماد از کارتون لذت بردم، میشه بگید شما چه مدت روی طراحی و کار با css زمان گذاشتید؟
آیا مطالعه هم داشتید و یا از راه تمرین و ممارست توانایی های خودتون رو بالا بردید؟
برای شروع من کتاب "101 نکته و ترفند برای استفاده از css در طراحی وب" رو خوندم. کتاب خیلی خوبی هست و تا حد زیادی دستم رو راه انداخت. بعد هم که خوندن مقالات (بیشتر عملی) از اینترنت و تمرین بود که باعث شد یه مقدار مسلط تر بشم.
موفق باشید
سلام
آیا میشه این راه رو برای سایت آگهی هم استفاده کرد؟
مثلا: برای اینها
املاک - صنعت و غیره
و کاری کرد که زیر منوهای اینا هم به اون شکل بیان
--------------------
اینم کدش هست
<a href="{$patch_url}/{$md_block_advertisement_main_cat_list.id}/index.html">
<img alt="بخشها" src="{$md_block_advertisement_main_cat_list.pic}" width="24" border="0" height="20">
<br />
{$md_block_advertisement_main_cat_list.title}
آخرین ویرایش به وسیله jafar1374 : یک شنبه 07 شهریور 1389 در 12:31 عصر دلیل: این پست به دلیل تکراری بودن به طور خودکار ادغام شده است.
ممنون از پاسختون! اتفاقا من هم همون کتاب رو دارمش!
یه سوال؟؟
یکی از دوستان توی یه پست جدیدی که ایجاد کرده بود در خصوص راست چین کردن ازتون سوال کرده بود که شما جوابشو داده بودید!
در انتها گفته بودید همرو داخل یه div بذاره و خاصیت float اونو به right تعمیم بده!
میخوام ببینم همینجوری درسته:
<div id="forright">
<ul id="menu">
<li><a href="#">Main Page</a></li>
<li><a href="#">Tools</a></li>
<li><a href="#">Front end</a>
<ul class="submenu">
<li><a href="#">Atricles</a></li>
<li><a href="#">Users</a></li>
<li><a href="#">Template</a></li>
<li><a href="#">Recyle Bin</a></li>
</ul>
<li><a href="#">Menues</a></li>
</ul>
</div>
------------------
این هم div مربوطه:
#forright
{
float:right;
}
والا این چیزی که دادی اصلا معلوم نیست چیه.سلام
آیا میشه این راه رو برای سایت آگهی هم استفاده کرد؟
مثلا: برای اینها
املاک - صنعت و غیره
و کاری کرد که زیر منوهای اینا هم به اون شکل بیان
بله درسته، دیگه بسته به نیازتون می تونید هر تغییری که بخواید بدید.یه سوال؟؟
یکی از دوستان توی یه پست جدیدی که ایجاد کرده بود در خصوص راست چین کردن ازتون سوال کرده بود که شما جوابشو داده بودید!
در انتها گفته بودید همرو داخل یه div بذاره و خاصیت float اونو به right تعمیم بده!
میخوام ببینم همینجوری درسته:
آقا عماد سلام؛
چند روزه که مقالات شما رو دیدم و از خوندن اونا لذت بردم ، همچنین در یادگیری نیز فوق العاده مفید و موثر بود.
لطفا هنوز هم مقالات خوب خودتون رو تو این سایت بذارید.
چون دکمه تشکر به تنهایی کافی نیست بازهم ازتون متشکرم.
آقا به داد من برسیم
من می خوام منوی بخشهای سایت اگهیم رو drop down کنم ولی کدهام اینجوریه چیکار کنم ؟
<table dir="rtl" width="600" border="0" cellspacing="0">
<tbody><tr>
{if $md_block_advertisement_main_cat_list }
{foreach from=$md_block_advertisement_main_cat_list item="md_block_advertisement_main_cat_list"}
<td>
<a href="{$patch_url}/{$md_block_advertisement_main_cat_list.id}/index.html">
<img alt="بخشها" src="{$md_block_advertisement_main_cat_list.pic}" width="24" border="0" height="20">
<br />
{$md_block_advertisement_main_cat_list.title}
</font>
</a>
</td>
{/foreach}
{else}
<td class="noresult"> </td>
{/if}
</tr>
</tbody></table>
من فقط همینارو دارم و چیز دیگه ایی نیست
مثلا بخش کامپیوتر و زیر بخش هاش و ...
ممنون از توضیحاتتون
من یک مشکل با منو طراحی شده در ie6 دارم توی این نسخه از اکسپلورر منو های من دیده میشه و hover اونها هم درست کار میکنه اما مشکلم اینه که اولا جای ساب منوها درست نیست و بهم ریخته است ثانیا بین آیتمهای آن فاصله وجود دارد (یعنی یک ساب منو یکپارچه ندارم و زیر هر آیتم منو یک فضای خالی وجود دارد ) و ثالثا منوی منو ها روی هم می افتند و زیرش هم دیده میشه من نمونه کدهامو براتون فرستادم
لطفا کمکم کنید
آقا عماد این چندمین بار هست که من به این تاپیکتون میام و ازش استفاده میکنم. دستتون درد نکنه.
من الان یه مشکلی دارم و اون اینکه ، من این منو رو طوری ازش استفاده کردم که تمام داده هاشو از پایگاه داده میگیره و هیچ مشکلی ندارم ولی به جز در یک مورد و اونم اینکه وقت زیر منویی که دارای زیر منو هست و این زیر منوها خودشون دارای مقدار، تمام داده های این زیر منو رو میریزه به هم !! مثل این عکس...
همونجا که دورشو خط کشیدم. باید چی کار کنم!!!
از دوستان دیگه کسی به این تاپیک سر نمیزنه! یا کم لطفی میکنن!!
با سلام
من تونستم منو را راست چین کنم فقط یک مشکل با چندتا درخواست دارم؟
1.با تغییر در css منو تو ie6 و ie5 کار نمیکنه؟
2.می خوام وقتی موس میره روی منوها، همانطور که رنگ بگراند منو در زمان hover تغییر میکنه رنگ فونتم تغییر کنه؟ menu li:hover#
3.میخوام برای زیر منوی که زیر منو داره جلوی لینک منو یک آیکن(پیکان) بزارم، به این معنا که این زیر منو نیز زیر منو دارد؟
4.جای لینکدار بودن متن منو اگر بشود کادر منو، دارای لینک شود بهتره؟
اینم کد CSS تغییر یافته:
/** Start Menu **/لطفا در موارد بالا مرا کمک کنید.
#menu, #menu ul
{
list-style: none;
background-color: #f7f7eb;
padding: 0 0 26px 0;
margin: 0;
color:#000;
}
#menu li
{
float: right;
margin-left: 3px;
position: relative;
border: 1px solid #ecffec;
}
#menu li:hover{
background: #bd0000;
color:#FFF;
}
#menu ul
{
position: absolute;
top: 25px;
right: -1px;
width: 150px;
padding: 0;
display: none;
}
#menu ul li
{
float: none;
margin: 0;
padding: 0;
line-height: 15px;
}
#menu a:link, #menu a:visited
{
display: block;
font-family: Tahoma;
font-size: 0.75em;
font-weight: bold;
text-align: right;
text-decoration: none;
color:#000;
padding: 5px;
}
#menu li:hover ul.submenu
{
display: block;
}
#menu ul.submenu ul
{
top: 2px;
left: -150px;
display: none;
}
#menu ul.submenu li:hover ul
{
display: block;
}
/** End Menu **/
با تشکر
سلام؛
من هر کاری می کنم نمی تونم این استایل رو برای منوی asp.net استفاده کنم. لطفا راهنمائی کنید.
کلا اگر دوست داری واضح بگو میخوای چیکار کنی
1.مگه هنوزم ie 5 و 6 هست ؟ (کسی دیگه استفاده نمیکنه تقریبا)
2.من نفهمیدم چی میگی اما اینو واست نوشتم چک کن
3.پیکان رو میتونی دستی بدی اما اگر واسه سایت باشه اسکریپت مینویسی که راحت باشی
4.مگه نیست؟ نفهمیدم منظورت چیه
و در آخر نیاز به فایل جاوا اسکریپت هست فایل رو ضمیمه کردم البته این به صورت ajax هست
راستی توی بقیه IE ها مشکل نداره؟ :-?
آخرین ویرایش به وسیله aminicompeng : سه شنبه 02 آذر 1389 در 15:22 عصر
سلام آقا عماد من منوي شما رو گذاشتم تو سايتم ولي زير منوها تو ie6 باز نميشن
من بايد چي كار كنم؟
سلام دوستان
ممنون بخاطر کار خوبتون ...
یه سوال : اگه بخوام برا هر کدوم از منوهای اصلی ام image جداگانه ای تعریف کنم یعنی یه Backgroundimage جداگانه برا Tools , Front End , ... باید کدوم قسمت رو تغییر بدم ؟