پرش به


تصویر

ساخت منو

آغاز شده توسط naserzadeh , 1390/11/09 ساعت 21:27

  • لطفا وارد حساب کاربری خود شوید تا بتوانید پاسخ دهید
30 پاسخ برای این موضوع

#1 naserzadeh

naserzadeh

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 45 ارسال

ارسالی 1390/11/09 ساعت 21:27

سلام دوستان چجوری میتونم واسه سایتم منو طراحی کنم(منوهای سمت راست قالب باشه)
  • 0

#2 epishkhan1

epishkhan1

    پروفشنال

  • عضو سایت
  • ستارهستارهستارهستاره
  • 569 ارسال

ارسالی 1390/11/09 ساعت 21:29

اسم قالبت چیه؟
  • 0

#3 naserzadeh

naserzadeh

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 45 ارسال

ارسالی 1390/11/09 ساعت 21:30

قال وطن دانلود هستش که توی سایت گذاشتن
  • 0

#4 epishkhan1

epishkhan1

    پروفشنال

  • عضو سایت
  • ستارهستارهستارهستاره
  • 569 ارسال

ارسالی 1390/11/09 ساعت 21:33

naserzadeh,
ازاین سایت کمک بگیر
http://www.htmldrive.net/categorys/show/1/Menu-Navigation
  • 0

#5 naserzadeh

naserzadeh

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 45 ارسال

ارسالی 1390/11/09 ساعت 21:38

بابت سایت دستت درد نکنه ولی واسه یه تازه وارد خیلی نا مفهوم هستش این کدایی که میده واسه منو توی یه فایل جدید بزاریم اگه آره آدرس فایلو کجا ببریم تا توی قالب نشون داده بشه اگه هم نه توی کدوم فایل اضافه کنیم و کجاش تا نشون داده بشه
  • 0

#6 milad

milad

    پروفشنال

  • عضو سایت
  • ستارهستارهستارهستاره
  • 571 ارسال

ارسالی 1390/11/09 ساعت 23:09

naserzadeh,
سلام
دوست عزیز خیلی آسونه برای مثال این منو:

http://www.htmldrive.net/items/show/1111/-Animation-Bottom-Navigation-Bar-with-C

SS3

ابتدا دانلود کن فایلهای مربوطه رو و تو قالبت قرارش بده
1.index.html که در فایل منو بود و دانلودش کردی شامل کدهای مربوطست , در این قسمت شما ابتدا main.tpl قالبت رو باز کن و قبل از بسته شدن تگ <head> این کد ها رو بزار:

        <link rel="stylesheet" href="css/layout.css" type="text/css" media="screen">
        <link rel="stylesheet" href="css/menu.css" type="text/css" media="screen">

        <!--[if lt IE 9]>
          <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></s

cript>
        <![endif]-->
        <script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
        <script type="text/javascript" src="js/script.js"></script>


2.در هر جا که میخوای نمایش داده بشه این کدها رو قرار بده:

<div class="menuContent">
            <a class="slider"><img alt="" id="bot" src="images/arrow_bottom.png"></a>
            <ul id="nav">
             &n
bsp;  <li><a href="#"><img src="images/t1.png" /> Home</a></li>
             &n
bsp;  <li>
             &n
bsp;      <ul id="1">
             &n
bsp;          <li><
;a href="#"><img src="images/empty.gif" />Link 1</a></li>
             &n
bsp;          <li><
;a href="#"><img src="images/empty.gif" />Link 2</a></li>
             &n
bsp;          <li><
;a href="#"><img src="images/empty.gif" />Link 3</a></li>
             &n
bsp;          <li><
;a href="#"><img src="images/empty.gif" />Link 4</a></li>
             &n
bsp;          <li><
;a href="#"><img src="images/empty.gif" />Link 5</a></li>
             &n
bsp;      </ul>
             &n
bsp;      <a href="#" class="sub" tabindex="1"><img src="images/t2.png" />HTML/CSS</a>
             &n
bsp;  </li>
             &n
bsp;  <li>
             &n
bsp;      <ul id="2">
             &n
bsp;          <li><
;a href="#"><img src="images/empty.gif" />Link 6</a></li>
             &n
bsp;          <li><
;a href="#"><img src="images/empty.gif" />Link 7</a></li>
             &n
bsp;          <li><
;a href="#"><img src="images/empty.gif" />Link 8</a></li>
             &n
bsp;          <li><
;a href="#"><img src="images/empty.gif" />Link 9</a></li>
             &n
bsp;          <li><
;a href="#"><img src="images/empty.gif" />Link 10</a></li>
             &n
bsp;      </ul>
             &n
bsp;      <a href="#" class="sub" tabindex="1"><img src="images/t3.png" />jQuery/JS</a>
             &n
bsp;  </li>
             &n
bsp;  <li><a href="#"><img src="images/t2.png" />PHP</a></li>
            </ul
>
        </div>


بقیه هم به همین صورته... :fellow:

موفق باشید :flower:
  • 0

#7 amir anoosheh

amir anoosheh

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 179 ارسال

ارسالی 1390/11/10 ساعت 06:06

milad,
مراحلی که گفتی همش درسته ولی متاسفانه اگه اینطوری منو بذارین آژاکس دیتالایف انجین را از کار میندازین .... امتحان کنید تا متوجه شوید. :lol:
  • 0

#8 epishkhan1

epishkhan1

    پروفشنال

  • عضو سایت
  • ستارهستارهستارهستاره
  • 569 ارسال

ارسالی 1390/11/10 ساعت 08:37

amir anoosheh,
خوب امیر جان اموزششو بزار تا ماهم بفهمیم .زکات امیر جان زکات فراموش نشه
  • 0

#9 mehrdadnew2006

mehrdadnew2006

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 79 ارسال

ارسالی 1390/11/10 ساعت 12:04

نقل قول: milad
<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>

اگر کد بالا برداشته بشه ajax سایت هیچ مشکلی براش پیش نمیاد ./

پیشنهاد من اینه که این کدها رو داخل یک فایل html قرار بدید و در قالب main فراخوانی کنید .

مثلا میتونید در قسمت تبلیغات کدهارو قرار بدید و تگ تبلیغ رو در قالب main.tpl قرار بدید .
  • 0

#10 milad

milad

    پروفشنال

  • عضو سایت
  • ستارهستارهستارهستاره
  • 571 ارسال

ارسالی 1390/11/10 ساعت 13:20

amir anoosheh,
آژاکس دیتالایف انجین را از کار میندازین

چه ربطی به ajax داره؟!
  • 0

#11 mohammad-kh

mohammad-kh

    مدیر بخش قالب ها

  • مدیر
  • 278 ارسال
  • محل سکونت: تهران
  • مهارت ها: HTML, CSS, js, PHP, SEO

ارسالی 1390/11/10 ساعت 13:27

میلاد جان امیر راست میگه چون خود دیتالایف انجین جی کوئری فراخانی میکنه اگه دوباره فراخانی کنی از کار میفته جی کوئری سایت .
  • 0

#12 h.fazl

h.fazl

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 58 ارسال

ارسالی 1390/11/11 ساعت 12:06

فایل هایی css و js را كجا باید آیلود كردداخل پوشهcss و js؟؟؟

من میخوام منوی زیر رو قرار بدهم چه كار كنم؟؟؟

html menu
  • 0

#13 spalisp

spalisp

    پروفشنال

  • عضو سایت
  • ستارهستارهستارهستاره
  • 637 ارسال

ارسالی 1390/11/11 ساعت 12:35

دوست عزیز شما این فایل هارو توی روت اصلی هاستتون آپلود کنید و سپس extract کنید . خودش طبق پوشه معرفی شده انتقال داده میشه
  • 0

#14 h.fazl

h.fazl

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 58 ارسال

ارسالی 1390/11/11 ساعت 13:24

پس تغییرات كد ها چطور انجام میشه

پس پوشه image چی؟
  • 0

#15 spalisp

spalisp

    پروفشنال

  • عضو سایت
  • ستارهستارهستارهستاره
  • 637 ارسال

ارسالی 1390/11/11 ساعت 14:24

دوست عزیز شما کدوم فایل رو میخواین آپلود کنید ؟؟؟ اینجا برام بفرستید تا بهتون بگم
  • 0

#16 h.fazl

h.fazl

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 58 ارسال

ارسالی 1390/11/11 ساعت 16:43

این فایل
آدرسش همینه
http://www.htmldrive.net/items/show/20/Medium-Slate-Blue-Menu-Slide-Style-with-J

query
  • 0

#17 mohammad-kh

mohammad-kh

    مدیر بخش قالب ها

  • مدیر
  • 278 ارسال
  • محل سکونت: تهران
  • مهارت ها: HTML, CSS, js, PHP, SEO

ارسالی 1390/11/11 ساعت 17:06

شما تصاویر در داخل پوشه images را در داخل پوشه images قالبت آپلود کن بعد فایل های menu.js و menu.css رو توی روت قالب یا هز پوشه که خواستی آپلود کن من پیش فرض رو روت قالب گرفته ام.
بعد main.tpl قالبت رو باز کن و قبل از بسته شدن تگ <head> این کد ها رو بزار
    <link type="text/css" href="{THEME}/menu.css" rel="stylesheet" />
    <script type="text/javascript" src="{THEME}/menu.js"></script>

بعلت زیاد شدن مطلب پست امکان ارسال کل کد نبود ولی شما فایل index را با یه ویرایشگر باز کرده
از این کد
<div id="menu">
    <ul class="menu">
        <li><a href="#" class="parent"><span>Home</span></a>


تا آخرش که اینه کد هست
    <li><a href="#"><span>Help</span></a></li>
        <li class="last"><a href="#"><span>Contacts</span></a></li&#
62;
    </ul>
</div>

را هر جا که خواستی منو به نمایش درآد بزار

  • 0

#18 h.fazl

h.fazl

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 58 ارسال

ارسالی 1390/11/12 ساعت 08:17

رو قالب قرار دادم ولی اینطوری شد.
آدرس سایتم
  • 0

#19 epishkhan1

epishkhan1

    پروفشنال

  • عضو سایت
  • ستارهستارهستارهستاره
  • 569 ارسال

ارسالی 1390/11/12 ساعت 08:38

h.fazl,
قسمت css رو درست انجام ندادی .نمیتونه بخوانش
  • 0

#20 h.fazl

h.fazl

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 58 ارسال

ارسالی 1390/11/12 ساعت 08:41

فایل css رو تو پوشه قالب آپلود كردم

آدرس فایل ها با لاست لطفا اگه میتونید راهنمایی كنید
  • 0
بازگشت به قالب و تگها

1 کاربر در حال خواندن این موضوع است

0 کاربر، 1 مهمان و 0 عضو مخفی

  1. انجمن دیتالایف انجین
  2. ← نصب ، تنظیم و استفاده از دیتالایف انجین
  3. ← قالب و تگها
  4. قوانین انجمن