نمایش نتایج: از شماره 1 تا 8 , از مجموع 8

موضوع: آموزش گذاشتن آیکن در هدر سایت به همراه منو آبشاری

  1. #1
    تاریخ عضویت
    May 2011
    نوشته ها
    24
    سپاس ها
    34
    سپاس شده 37 در 18 پست

    پیش فرض آموزش گذاشتن آیکن در هدر سایت به همراه منو آبشاری

    با سلام خدمت دوستان عزیز
    برای گذاشتن آیکن در Navbar سایت به همراه منو آبشاری باید ابتدا فایل های پیوست رو در فروم خودتون آپلود کنید

    سپس به Styles & Templates-->Style Manager بروید و [برای مشاهده لینک ها عضو سایت شوید برای عضویت در سایت بر روی اینجا کلیک کنید] additional.css رو باز کنید
    در انتهای آن این کد رو قرار بدهید :
    کد:
    .flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
    font: normal 11px Arial;
    margin: 0;
    padding: 6;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    background: white;
    border: 2px solid #C4C4C4;
    border-bottom-width: 1px;
    visibility: hidden;
    display: none; /*collapse all sub menus to begin with*/
    }
    
    
    .flexdropdownmenu li{
    position: relative;
    }
    
    .flexdropdownmenu li a{
    display: block;
    width: 160px;
    height: 09px;
    color: {vb:stylevar popupmenu_color};
    background: {vb:stylevar body_background};
    border-bottom: {vb:stylevar popupmenu_border};
    text-decoration: none;
    padding: 10px 10px;
    }
    
    * html .flexdropdownmenu li{ /*IE6 CSS hack*/
    display: inline-block;
    width: 170px; /*width of menu (include side paddings of LI A*/
    }
    
    .flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
    background: {vb:stylevar imodhilite_backgroundColor};
    color: {vb:stylevar imodhilite_color};
    text-decoration: underline;
    }
    
    .rightarrowclass{
    position: absolute;
    top: 6px;
    right: 5px;
    }
    
    table,td,th
    {
    border:0px;
    }
    table
    {
    width:100%;
    }
    th
    {
    height:75px;
    }
    text-align:center;
    }
    و ذخیره کنید !

    سپس قالب header رو باز کنید و کد زیر رو در ابتدای قالب قرار دهید :
    کد:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    
    <script type="text/javascript" src="flexdropdown.js">
    
    /***********************************************
    * Powered By First [replacer_a]
    
    سپس قالب navbar رو باز کنید و {vb:raw ad_location.global_below_navbar} رو جستجو کنید
    و زیر آن این کد رو بگذارید :
    کد:
    <!-- Expert Navbar Multi Level Icon Menu -->
    <table> 
    <tr> 
    <td align="center"><img src="لینک عکس مورد نظر"> 
    <p><a href="destination link 1" data-flexmenu="flexmenu1">Category Name 1</a></p></td> 
    <td align="center"><img src="لینک عکس مورد نظر"> 
    <p><a href="destination link 2" data-flexmenu="flexmenu2">Category Name 2<img src="http://up.iranblog.com/images/zw90ys7dj4jsn8l62ai.png"></a></p></td> 
    <td align="center"><img src="لینک عکس مورد نظر"> 
    <p><a href="destination link 3" data-flexmenu="flexmenu3">Category Name 3<img src="http://up.iranblog.com/images/zw90ys7dj4jsn8l62ai.png"></a></p></td> 
    <td align="center"><img src="لینک عکس مورد نظر"> 
    <p><a href="destination link 4" data-flexmenu="flexmenu4">Category Name 4<img src="http://up.iranblog.com/images/zw90ys7dj4jsn8l62ai.png"></a></p></td> 
    <td align="center"><img src="لینک عکس مورد نظر"> 
    <p><a href="destination link 5" data-flexmenu="flexmenu5">Category Name 5<img src="http://up.iranblog.com/images/zw90ys7dj4jsn8l62ai.png"></a></p></td> <td align="center"><img src="لینک عکس مورد نظر"> <p><a href="destination link 6" data-flexmenu="flexmenu6">Category Name 6<img src="http://up.iranblog.com/images/zw90ys7dj4jsn8l62ai.png"></a></p></td> 
    <td align="center"><img src="لینک عکس مورد نظر"> 
    <p><a href="destination link 7" data-flexmenu="flexmenu7">Category Name 7<img src="http://up.iranblog.com/images/zw90ys7dj4jsn8l62ai.png"></a></p></td> 
    <td align="center"><img src="لینک عکس مورد نظر"> 
    <p><a href="destination link 8" data-flexmenu="flexmenu8">Category Name 8<img src="http://up.iranblog.com/images/zw90ys7dj4jsn8l62ai.png"></a></p></td> 
    <td align="center"><img src="لینک عکس مورد نظر"> 
    <p><a href="destination link 9" data-flexmenu="flexmenu9">Category Name 9<img src="http://up.iranblog.com/images/zw90ys7dj4jsn8l62ai.png"></a></p></td> 
    <td align="center"><img src="لینک عکس مورد نظر"> 
    <p><a href="destination link 10" data-flexmenu="flexmenu10">Category Name 10<img src="http://up.iranblog.com/images/zw90ys7dj4jsn8l62ai.png"></a></p></td> 
    <td align="center"><img src="لینک عکس مورد نظر"> 
    <p><a href="destination link 11" data-flexmenu="flexmenu11">Category Name 11<img src="http://up.iranblog.com/images/zw90ys7dj4jsn8l62ai.png"></a></p></td> 
    <td align="center"><img src="لینک عکس مورد نظر"> 
    <p><a href="destination link 12" data-flexmenu="flexmenu12">Category Name 12<img src="http://up.iranblog.com/images/zw90ys7dj4jsn8l62ai.png"></a></p></td> 
    </tr> 
    </table> 
    <br /> 
    <br />  
    
    <!--HTML for Flex Drop Down Menu 1--> 
    <ul id="flexmenu1" class="flexdropdownmenu"> 
    <li><a href="destination link 1.1">New</a></li> 
    <li><a href="destination link 1.2">Dropdown</a></li> 
    <li><a href="destination link 1.3">Menu</a>     
         <ul>     
             <li><a href="destination link 1.3.1">Menu Sub Item 1</a></li>          <li><a href="destination link 1.3.2">Menu Sub Item 2</a></li> 
             <li><a href="destination link 1.3.3">Menu Sub Item 3</a></li> 
             <li><a href="destination link 1.3.4">Menu Sub Item 4</a></li> 
         </ul> 
    </li> 
    <li><a href="destination link 1.4">With</a></li> 
    <li><a href="destination link 1.5">Sub</a>     
    <ul>     
        <li><a href="destination link 1.5.1">Sub sub Item 1</a></li>     
        <li><a href="destination link 1.5.2">Sub sub Item 2</a>         
        <ul>         
           <li><a href="destination link 1.5.2.1">Sub sub Item 1.1</a></li>   
           <li><a href="destination link 1.5.2.2">Sub sub Item 1.2</a></li> 
           <li><a href="destination link 1.5.2.3">Sub sub Item 1.3</a></li> 
           <li><a href="destination link 1.5.2.4">Sub sub Item 1.4</a></li> 
        </ul>     
    </li>     
    </ul> 
    </li> 
    <li><a href="destination link 1.6">Menus</a></li> 
    </ul>   
    
    <!--HTML for Flex Drop Down Menu 2--> 
    <ul id="flexmenu2" class="flexdropdownmenu"> 
       <li><a href="destination link 2.1">This</a></li> 
       <li><a href="destination link 2.2">Makes</a></li> 
       <li><a href="destination link 2.3">The</a></li> 
       <li><a href="destination link 2.4">Second</a></li> 
       <li><a href="destination link 2.5">Dropdown</a></li> 
       <li><a href="destination link 2.6">Menu</a></li> 
    </ul>  
    <!-- / Expert Navbar Multi Level Icon Menu -->
    توجه داشته باشید که
    Key
    Image Links
    Destination links
    Menu Item
    Category/Sub Category Names
    باید نسبت به اسمی که میخواهید ویرایش شود !

    پاینده باشید ...
    تصاویر کوچک فایل پیوست تصاویر کوچک فایل پیوست dropdown.png  
    فایل های پیوست شده فایل های پیوست شده
    • نوع فایل: rar 1.rar (51.4 کیلو بایت, 30 نمایش)

  2. 6 کاربر از پست مفید Mr.Shayan سپاس کرده اند .

    CodePlus (06-04-2011), Coderx (05-17-2011), davood01 (01-03-2013), elshan (05-17-2011), farhaddd (01-09-2012), خبرنگار سرخ (07-21-2011)

  3. #2
    تاریخ عضویت
    Jul 2011
    نوشته ها
    4
    سپاس ها
    1
    سپاس شده 4 در 3 پست

    پیش فرض پاسخ : آموزش گذاشتن آیکن در هدر سایت به همراه منو آبشاری

    دمت گرم باحال بود ولی پوستم کنده شد تا رو بولتین 4.1.4 به کار انداختم. برای ورژن 4.1.4 بای برین داخل تنضیمات [برای مشاهده لینک ها عضو سایت شوید برای عضویت در سایت بر روی اینجا کلیک کنید] بعدش از منو کشویی گزینه ویرایش قالب ها رو انتخاب میکنی بعد از اون هم باید بری روی گزینه قالب های css بعدشم که بازش میکنیو بعدشم گزینه aditional.css رو میبینی. برای navbar هم توی همون فهرسته گزینه navication/ اینارو پیدا میکنی و بازش میکنی و گزینه ناوبارو میبینی. با تشکر از خودم در ضمن این شکلکایی که برای اضافه کردن به متن هستن برای کاربر خرابن لطفا رسیدگی کنید. بای.

  4. 2 کاربر از پست مفید saeedtj سپاس کرده اند .

    mr.bahram (07-13-2011), roman2009 (08-28-2011)

  5. #3
    تاریخ عضویت
    Mar 2011
    نوشته ها
    125
    سپاس ها
    118
    سپاس شده 80 در 47 پست

    پیش فرض پاسخ : آموزش گذاشتن آیکن در هدر سایت به همراه منو آبشاری

    بر روی 3.8.7 هم جواب میده ؟

  6. #4
    تاریخ عضویت
    Jul 2011
    نوشته ها
    4
    سپاس ها
    1
    سپاس شده 4 در 3 پست

    پیش فرض پاسخ : آموزش گذاشتن آیکن در هدر سایت به همراه منو آبشاری

    نه متاسفانه
    البته بستگی به هاست هم داره.
    مثلا یه قالب از 4.1.4 روی سیستم رفیقم جواب داد ولی برای من همون قالب جواب نداد.
    برای همینم باید تستش کنی.

  7. #5
    تاریخ عضویت
    Mar 2011
    نوشته ها
    125
    سپاس ها
    118
    سپاس شده 80 در 47 پست

    پیش فرض پاسخ : آموزش گذاشتن آیکن در هدر سایت به همراه منو آبشاری

    از دوستان کسی برای ورژن 3 هم سراغ داره ؟

  8. #6
    تاریخ عضویت
    Jul 2011
    نوشته ها
    4
    سپاس ها
    1
    سپاس شده 4 در 3 پست

    پیش فرض پاسخ : آموزش گذاشتن آیکن در هدر سایت به همراه منو آبشاری

    تازه برای 4.x.x هم مشکل داره چون فقط دوتا از آیکون ها آبشاری میشن وبرای بقیشون هم هرچی کد کم و زیاد کنی انگار که نه انگار تغییری ایجاد کردی.
    از مدیر محترم سایت vbskin درخواست دارم اگه راه حلی داره تا بقیه آیکون ها هم آبشاری بشه. بسیار بسیار بسیار شادمان خواهد نمود.
    درضمن تشکر میکنم به خاطر رسیدگی به مشکل از کار افتادن شکلک ها.(درست شد)
    دم همتون گرم.
    منتظر میمونم.

    ---------- Post added at 13:31 ---------- Previous post was at 13:25 ----------

    درضمن این صحه حق کپی رایت از این مطلب رو رعایت نکرده.
    گفتم که گفته باشم.
    لینک صفحه متخلف
    [برای مشاهده لینک ها عضو سایت شوید برای عضویت در سایت بر روی اینجا کلیک کنید]

  9. کاربر روبرو از پست مفید saeedtj سپاس کرده است .

    mr.bahram (07-27-2011)

  10. #7
    تاریخ عضویت
    Nov 2007
    محل سکونت
    کرج مهرویلا
    نوشته ها
    16,278
    سپاس ها
    3,268
    سپاس شده 22,446 در 9,367 پست

    پیش فرض پاسخ : آموزش گذاشتن آیکن در هدر سایت به همراه منو آبشاری

    در این زمینه اشنایتی ندارم
    باید خود شایان بیاد و توضیح بده
    در خصوص سایت اشیانه ، شایان با یوزر خودش در سایت اشیانه پست داده
    دوستان و همکاران عزیز
    در پیغام خصوصی به سوالات و موارد شما پاسخ داده نخواهد شد
    مگر انهایی که کار طراحی دارند
    لطفا مزاحم نشوید و در سایت مطرح بکنید


    در روزگاری که لبخند آدمها بخاطر شکست توست ، برخیز تا بگریند آدمها ( کوروش کبیر )

    ساعات تماس : 10 & 14 - 18 & 23
    09386942162
    vbsaz.ir@gmail.com




  11. کاربر روبرو از پست مفید mr.bahram سپاس کرده است .

    Mr.Shayan (07-28-2011)

  12. #8
    تاریخ عضویت
    May 2011
    نوشته ها
    24
    سپاس ها
    34
    سپاس شده 37 در 18 پست

    پیش فرض پاسخ : آموزش گذاشتن آیکن در هدر سایت به همراه منو آبشاری

    نقل قول نوشته اصلی توسط saeedtj نمایش پست ها
    تازه برای 4.x.x هم مشکل داره چون فقط دوتا از آیکون ها آبشاری میشن وبرای بقیشون هم هرچی کد کم و زیاد کنی انگار که نه انگار تغییری ایجاد کردی.
    از مدیر محترم سایت vbskin درخواست دارم اگه راه حلی داره تا بقیه آیکون ها هم آبشاری بشه. بسیار بسیار بسیار شادمان خواهد نمود.
    درضمن تشکر میکنم به خاطر رسیدگی به مشکل از کار افتادن شکلک ها.(درست شد)
    دم همتون گرم.
    منتظر میمونم.

    ---------- Post added at 13:31 ---------- Previous post was at 13:25 ----------

    درضمن این صحه حق کپی رایت از این مطلب رو رعایت نکرده.
    گفتم که گفته باشم.
    لینک صفحه متخلف
    [برای مشاهده لینک ها عضو سایت شوید برای عضویت در سایت بر روی اینجا کلیک کنید]
    همونطور که بهرام جان فرمودن اینجا من با یوزر خودم پست دادم.


    از دوستان کسی برای ورژن 3 هم سراغ داره ؟
    فعلا کسی برای ورژن 3 ریلیز نکرده , با اینکه ویبی 3 خیلی محبوب تر از 4 هستش اما به وفور دیگه الان کسی برای 3 چیزی مینویسه

    موفق باشید ...

  13. کاربر روبرو از پست مفید Mr.Shayan سپاس کرده است .

    Eagle (07-28-2011)


اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •