تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
نمایش نتایج: از 1 به 10 از 10

مقاله: آموزش قرار دادن Badge بر روی تب های Navbar مانند VBIran

    1. آموزش قرار دادن Badge بر روی تب های Navbar مانند VBIran »

      آموزش قرار دادن Badge بر روی تب های Navbar مانند VBIran

      نگارش: , by (مسئول فروشگاه)
      2013/05/17 09:14 PM
      امتیاز: 

      آموزش قرار دادن Badge بر روی تب های Navbar مانند VBIran

      بعضی از کاربران درخواست کرده بودند که نحوه قرار دادن قسمت "+ظاهر جدید" که روی تب ها قرار میگیره رو قرار بدیم٬ پس ادامه این تاپیک رو مطالعه کنید

      نمونه ها :‌





      آموزش

      وارد ادمین سی پی شوید٬ استایل ها & قالب ها٬ جستجو در قالب ها٬ در قالب مورد نظر٬ سرچ کنید : additional css

      به آخر آن اضافه کنید :

      کد:
      .jadid::after {
      content: "+نمونه";
      position: absolute;
      background-color: 
      #C43C35;
      font: 11px tahoma !important;
      text-shadow: 0 -1px 0 
      rgba(0,0,0,0.25);
      white-space: nowrap;
      vertical-align: baseline;
      color: 
      white !important;
      padding: 1px 4px 2px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      margin-top: -8px;
      margin-right: -17px;
      background-color: 
      #C43C35;
      border: 1px solid 
      rgb(167,19,12);
      border-bottom: 1px solid 
      rgb(138,17,1);
      border-top: 1px solid 
      #e23923;
      box-shadow: 0 1px 0 rgba(0,0,0,0.24);
      border-radius: 2px;
      color: 
      #fff !important;
      }
      در قسمت content: "+نمونه"; ... کلمه +نمونه رو میتونید به میل خودتون تغییر بدید و اگه به css هم مسلط باشید میتونید استایلش رو هم تغییر بدید

      حال برای اینکه این کد هارو روی تب ها قرار بدید

      استایل ها & قالب ها٬ جستجو در قالب ها٬ در قالب مورد نظر٬ سرچ کنید : navbar

      خطر زیر را پیدا کنید :

      کد:
      {vb:raw template_hook.navtab_end}
      بعد از ان اضافه کنید :

      کد:
      <li><a class="navtab jadid" href="لینک تب">عنوان تب</a></li>
      اگه میخواهید به تب های قبلیتون هم فقط این گزینه رو اضافه کنید class موجود که navtab نام داره رو به navtab jadid تغییر بدید (اینجا اسم class ما jadid هست)

      این آموزش اختصاصی وی بی ایران تهیه شده است
  1. Top | #2
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    72
    میزان امتیاز
    11

    پیش فرض

    ممنون

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

  2. Top | #3
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    1,612
    میزان امتیاز
    173

    پیش فرض

    خسته نباشی دوست عزیز عالیه

  3. Top | #4
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    72
    میزان امتیاز
    11

    پیش فرض

    من گذاشتم درست بود ممنون از این اموزش عالیتون

    http://up.vbiran.ir/uploads/136881075138326_6.png

    فقط یک سوال چطوری تب مدال رو ببرم سمته چپ آخر بزارم ؟

  4. Top | #5

    پیش فرض

    نقل قول نوشته اصلی توسط partizan.1056 نمایش پست ها
    ممنون

    میشه کاری کرد که موس رویه نمونه میره یه توضیح هم بده ؟
    کد:
    <li><a class="navtab jadid" href="لینک تب" title="نوشته مورد نظر" target="">عنوان تب</a></li>

    کاربر مقابل از [email protected] بابت این پست مفید تشکر کرده است:


  5. Top | #6
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    72
    میزان امتیاز
    11

    پیش فرض

    به این شکل اگه بشه که عالی میشه http://up.vbiran.ir/uploads/136881795819633_6.png

  6. Top | #7

    پیش فرض

    آموزش ساخت تولتیپ {Tooltip} هوشمند [سریع - جالب]

    بعد اینطوری باید باشه :

    کد:
    <li><a class="navtab jadid" href="لینک تب" title="نوشته مورد نظر" rel="tooltip">عنوان تب</a></li>

    کاربر مقابل از [email protected] بابت این پست مفید تشکر کرده است:


  7. Top | #8
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    72
    میزان امتیاز
    11

    پیش فرض

    ممنون درست شد

  8. Top | #9
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    95
    میزان امتیاز
    13

    پیش فرض


    {vb:raw template_hook.navtab_end} این کد تو navbar من نبود !

    قالب chocolate vbiran


  9. Top | #10

    پیش فرض

    این navbar کل قالب VBian Chocolate ، اون قسمت رو با رنگ قرمز مشخص کردم :

    کد:
    <div id="navbar" class="navbar">
    <div class="navbar-right"></div>
        <ul id="navtabs" class="navtabs floatcontainer<vb:if condition="$show['member'] AND $notifications_total"> notify</vb:if>">
    <li><a class="avalesh" href="{vb:link forumhome}"></a></li>
            {vb:raw template_hook.navtab_start}
                    {vb:raw navigation}
            {vb:raw template_hook.navtab_end}
    <li><a class="navtab" href="#">تب شماره1</a></li>
        </ul>
        <vb:if condition="$vboptions['enablesearches']">
            <div id="globalsearch" class="globalsearch">
                <form action="search.php?{vb:raw session.sessionurl}do=process" method="post" id="navbar_search" class="navbar_search">
                    <vb:comment><input type="hidden" name="s" value="{vb:raw session.sessionurl}" /></vb:comment>
                    <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
                    <input type="hidden" name="do" value="process" />
                    <span class="textboxcontainer"><span><input type="text" value="جست جو کنید..." onfocus="if (this.value == 'جست جو کنید...') this.value = '';" onblur="if (this.value == '') this.value = 'جست جو کنید...';" name="q" class="textbox" tabindex="99" rel="tooltip" title="جست جو کنید..." /></span></span>
                    <span class="buttoncontainer"><span><input type="image" class="searchbutton" src="{vb:stylevar imgdir_button}/search<vb:if condition="$stylevar['textdirection'] == 'rtl'">_rtl</vb:if>.<vb:if condition="is_browser('ie') AND !is_browser('ie', 7)">gif<vb:else />png</vb:if>" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"/></span></span>
                </form>
                <ul class="navbar_advanced_search">
                    <div class="settingsh"><div class="pishrafte"><a href="search.php{vb:raw session.sessionurl_q}" accesskey="4">جست جوی پیشرفته</a></div></div>
                    {vb:raw template_hook.navbar_advanced_search}
                </ul>
            </div>
        </vb:if>
    <div class="navbar-left"></div>
    </div>
    </div><!-- closing div for above_body -->
    <!--anim vbflink -->
    <script>
    $(document).ready(function(){
      $("#yui-gen6").hide();
    
     var tglHandle = $("#yui-gen7");
            
        tglHandle.click(function() {
            $(this).next("#yui-gen6").slideToggle("slow");
        });
    });</script>
    
    <script>
    $(document).ready(function(){
    $("#yui-gen4").hide();
    
    var tglHandle = $("#yui-gen5");
            
        tglHandle.click(function() {
            $(this).next("#yui-gen4").slideToggle("slow");
        });
    });</script>
    
    <script>
    $(document).ready(function(){
    $("#yui-gen2").hide();
    
    var tglHandle = $("#yui-gen3");
            
        tglHandle.click(function() {
            $(this).next("#yui-gen2").slideToggle("slow");
        });
    });</script>
    <!--End anim vbflink -->
    <div class="bg-makan">
     <div id="breadcrumb" class="breadcrumb">
        <ul class="floatcontainer">
            <li class="navbithome"><a class="makaneton" href="#"></a></li>
            {vb:raw navbits.breadcrumb}
            {vb:raw navbits.lastelement}
        </ul>
        <hr />
    <a class="rss" href="external.php?type=RSS2"></a>
     </div>
    </div>
    <div class="chin-up"></div>
    <div class="body_wrapper">
       
    
    {vb:raw ad_location.ad_navbar_below}
    {vb:raw ad_location.global_below_navbar}
    <div class="fasele"> </div>
    <vb:if condition="$show['notices'] AND THIS_SCRIPT != 'register'">
        <form action="profile.php?do=dismissnotice" method="post" id="notices" class="notices">
            <input type="hidden" name="do" value="dismissnotice" />
            <input type="hidden" name="s" value="{vb:raw session.sessionurl}" />
            <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
            <input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value="" />
            <input type="hidden" name="url" value="{vb:raw return_link}" />
            <ol>
                {vb:raw notices}
            </ol>
        </form>
    </vb:if>

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

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

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

کسانی که این مقاله را دیده اند از این مقاله ها نیز بازدید کرده اند

  1. اموزش تصویری نصب ویبولتین روی سرور برای اولین بار در VBiran
    توسط Amir در انجمن اموزشهای تصویری ویبولتین
    پاسخ: 101
    آخرين نوشته: 2016/02/29, 06:16 PM
  2. آموزش متحرک کردن Navbar همانند یاهو (برای اولین بار در VBiran)
    توسط [email protected] در انجمن هک و آموزش های مخصوص
    پاسخ: 20
    آخرين نوشته: 2013/08/29, 04:26 PM
  3. پاسخ: 0
    آخرين نوشته: 2010/08/08, 01:54 PM

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

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

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