fantome0

کد ساخت منوی ساده شبیه این سایت

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

من میخواستم منوی اصلی سایتم رو مثل این سایت (bartarinha.ir)در بیارم . کدهای منوشو از طریق فایر فاکس برداشتم ولی منوها به هم ریخت.

میخواستم کد css و کد php شو بزارم تو سایتم که درست مثل همین منوها رو داشته باشم.

ممنون میشم راهنماییم کنید.

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

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


لینک به پست

این آدرسی که دادید منوی خاصی نداره یک منوی خوابیده ساده داره که با دادن خاصیت float:right به li زیر مجموعه کلاس منو درست می شه

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


لینک به پست

ایمان عزیز من هم دنبال یه خاصیت ساده واسه منوهای سایت هستم . البته من زیاد دانش درباره توابع و خاصیت ul و li ندارم .

به همین خاطر خواستم که لطف کنید و کد php و کد css این منو رو استخراج کنم .

شما میدونید این خاصیت به چه صورت هست؟

تو اینترت بسیار سرچ زدم ولی بیشترین مقاله ها تنها درمورد css و html هستش.

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


لینک به پست

دوست عزیز خودتون رنگ بندی و ... رو انجام بدین .

کد زیر برای فراخوانی دسته ها هست.


<ul class="menu">
<?php wp_list_categories('title_li=&orderby=id'); ?>
</ul>

و کد های زیر را جایگزین کنید در فایل style.css قالبتون .


/* reset */
.menu, .menu ul, .menu li, .menu a {
margin: 0;
padding: 0;
border: none;
outline: none;
}
/* menu */
.menu {
height: 40px;
direction: rtl;
background: #666666;
}
.menu li {
position: relative;
list-style: none;
float: right;
display: block;
height: 40px;
}
/* links */
.menu li a {
display: block;
padding: 0 14px;
margin: 6px 0;
line-height: 28px;
text-decoration: none;
border-left: 1px solid #393942;
font-family: Tahoma, Arial, sans-serif;
font-weight: normal;
font-size: 12px;
color: #f3f3f3;
}

موفق باشید

و اگر هم می خواین منو های دلخواه خودتون رو دستی بذارین از این کد استفاده کنید .


<ul class="menu">
<li><a href="<?php echo get_option('home'); ?>" title="<?php bloginfo('show'); ?>">صفحه نخست </a> </li>
<li> <a class="tcontact" href="<?php bloginfo('url'); ?>" >عنوان منو</a> </li>
<li> <a class="tcontact" href="<?php bloginfo('url'); ?>" >عنوان منو</a> </li>
<li> <a class="tcontact" href="<?php bloginfo('url'); ?>" >عنوان منو</a> </li>
<li> <a class="tcontact" href="<?php bloginfo('url'); ?>" >عنوان منو</a> </li>
<li> <a class="tcontact" href="<?php bloginfo('url'); ?>" >عنوان منو</a> </li>
</ul>

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

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


لینک به پست
دوست عزیز خودتون رنگ بندی و ... رو انجام بدین . کد زیر برای فراخوانی دسته ها هست.
[list]

[/list]

و کد های زیر را جایگزین کنید در فایل style.css قالبتون .

 /* reset */ .menu, .menu ul, .menu li, .menu a { margin: 0; padding: 0; border: none; outline: none; } /* menu */ .menu { height: 40px; direction: rtl; background: #666666; } .menu li { position: relative; list-style: none; float: right; display: block; height: 40px; } /* links */ .menu li a { display: block; padding: 0 14px; margin: 6px 0; line-height: 28px; text-decoration: none; border-left: 1px solid #393942; font-family: Tahoma, Arial, sans-serif; font-weight: normal; font-size: 12px; color: #f3f3f3; } 

موفق باشید و اگر هم می خواین منو های دلخواه خودتون رو دستی بذارین از این کد استفاده کنید .

[list]
[*][url="<?php%20echo%20get_option('home');%20?>"]صفحه نخست [/url]
[*][url="<?php%20bloginfo('url');%20?>"]عنوان منو[/url]
[*][url="<?php%20bloginfo('url');%20?>"]عنوان منو[/url]
[*][url="<?php%20bloginfo('url');%20?>"]عنوان منو[/url]
[*][url="<?php%20bloginfo('url');%20?>"]عنوان منو[/url]
[*][url="<?php%20bloginfo('url');%20?>"]عنوان منو[/url]
[/list]

ممنون درست شد فقط یه موضوعی

الا من به صورت دلخواه منوهام رو درست کردم . فقط چطوی به منوهام لینک بدم؟ الان هیچ کدوم لینک ندارن

ممنون

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


لینک به پست

<ul class="menu">
<li><a href="<?php echo get_option('home'); ?>" title="<?php bloginfo('show'); ?>">صفحه نخست </a> </li>
<li> <a class="tcontact" href="<?php bloginfo('url'); ?>" >عنوان منو</a> </li>
<li> <a class="tcontact" href="<?php bloginfo('url'); ?>" >عنوان منو</a> </li>
<li> <a class="tcontact" href="<?php bloginfo('url'); ?>" >عنوان منو</a> </li>
<li> <a class="tcontact" href="<?php bloginfo('url'); ?>" >عنوان منو</a> </li>
<li> <a class="tcontact" href="<?php bloginfo('url'); ?>" >عنوان منو</a> </li>
</ul>

بجای


<?php bloginfo('url'); ?>

آدرس بگذارید

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


لینک به پست

کد


<?php bloginfo('url'); ?>

مستقیم به لینک سایت اشاره میکنه که می تونید به صوررت


<?php bloginfo('url'); ?>/contact

هم بکار برد ولی می تونید لینک رو دستی هم وارد کنید مثلاً


<li> <a class="tcontact" href="http://www.google.com" >عنوان منو</a> </li>

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


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط armakcell
      با سلام بنده در سایتم میخواستم یک ابزارک قرار بدم مانند ابزارک این سایت
      http://powerturk.ir

      اگر داخل این سایت برید در یک قسمت نوشته است آرشیو فول البوم
      بنده این ابزارک را چگونه به دست بیارم؟
      بنده یک تصویر ضمیمه میکنم در صورتی که در سایت وارد نشد

    • توسط amir_hossein
      سلام دوستان من قصد دارم چندتا اسلاید کناره هم به صورت خطی (مثلا 4 تا اسلاید) اواسط صفحه اصلی یا انتهای صفحه قرار بدم.افزونه ای میتونید بهم معرفی کنید برای اینکار؟
    • توسط amir_hossein
      سلام دوستان من قصد دارم چندتا اسلاید کناره هم به صورت خطی (مثلا 4 تا اسلاید) اواسط صفحه اصلی یا انتهای صفحه قرار بدم.افزونه ای میتونید بهم معرفی کنید برای اینکار؟
    • توسط mosi1672
      سلام 
      من یه سایتی دارم که برای همایش علمی مقالات رو با فرمی که با افزونه گرویتی فرم ساخته شده دریافت میکنم.
      خواستم بدونم آیا راهی وجود داره که امار مقالات دریافتی رو به صورت داینامیک و پویا بتونم با روی سایت اصلی نشون بدم؟ البته با ظاهر زیبا
      مثل این سایت تایپ ایران که امار پروژه ها و کاربرانش رو به صورت نمودار دایره ای نشون میده..
      این ادرس سایت :
      ادرس فرم:http://ihsc.bsbmu.ir/maghaleh/
      ادرس سایت:http://ihsc.bsbmu.ir/

      میدونم خیلی ساده گفتم ولی اگر امکان داره راهنمایی بفرمایید
    • توسط rezarnmsh
      با سلام احتیاج به طراحی یک سایت مشابه persiandivx.net با وردپرس دارم افرادی که فرصت  طراحی دارند با ایمیل *** مبلغ و زمان ان را اطلاع دهند با تشکر