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

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

مقاله: آموزش اضافه کردن رنگ به قالب های ویبولتین(با اجازه مدیران)

    1. آموزش اضافه کردن رنگ به قالب های ویبولتین(با اجازه مدیران) »

      آموزش اضافه کردن رنگ به قالب های ویبولتین(با اجازه مدیران)

      نگارش: , by (کاربر اخراجی)
      2012/08/12 07:25 PM
      امتیاز: 

      با سلام و احترام

      امیدوارم خوشتون بیاد

      دیدم در خواستا زیاده تصمیم گرفتم بزارم

      آموزش به صورت اختصاصی و متعلق به وی بی ایران می باشد.



      خب بریم سراغ آموزش:


      در ایتدا باید یک فایل css جداگانه در پوشه قالب خود بسازید ، به عنوان مثلا یک فایل blue.css بسازید ( با استفاده از نرم افزار notepad++ )





      این فایل را باید با استفاده از فایل additional.css یا هر فایل Css قالب اصلی بسازید ، مثلا کد زیر مربوط به قسمت تصویر تالار ها در قالب forumbits.css میباشد :

      کدphp:
      کد PHP:
      .forumhead, .forumhead_display {     background:#c2ad74 url(images/vbiran-Ver1/misc/forumhead.png) repeat-x;     border-radius: 5px 5px 0px 0px;     _background-image: none;     padding: 0;     font:  normal 16px BKoodakBold,Calibri !important;  } 


      که دارای رنگ قهوایی با کد c2ad74 و عکس بک گراند با ادرس images/vbiran-Ver1/misc/forumhead.png و کد های دیگر می باشد .




      در اینجا باید کد های بالا را در فایل blue.css که ساخته اید بزارید ، سپس تغییرات لازم را برای قالب مثلا آبی بدهید ( کد رنگ c2ad74 را آبی کنید بک گراند را ابی کنید و .... )



      خوب یاد گرفته ایید که هرجایی که میخواهید تغییر رنگ پیدا کند باید کد اصلی را از فایل های Css قالبتان داخل فایل blue.css بزارید و کد ها یا عکس ها را تغییر دهید.

      در اخر که فایل blue.css را تکمیل کردید ذخیره کنید و آن را داخل هاستتان آپلود کنید ( در پوشه قالب آپلود کنید)

      حال فایل headinclude_bottom قالب را باز کنید و تمام کد های آن را پاک و کدهای زیر را بزارید :


      کد PHP:

      کد PHP:
      {vb:cssfile additional.css} {vb:raw template_hook.headinclude_bottom_css}  <link rel="stylesheet" type="text/css" href="http://vbiran.ir/images/vbiran-Ver1/asli.css" />  <link rel="alternate stylesheet" type="text/css" media="screen" title="blue-theme" href="http://vbiran.ir/images/vbiran-Ver1/blue.css" />  <script src="http://vbiran.ir/images/vbiran-Ver1/styleswitch.js" type="text/javascript"></script> 




      که حالا کد php:

      کد PHP:
      <link rel="stylesheet" type="text/css" href="http://vbiran.ir/images/vbiran-Ver1/asli.css" /> 




      مربوط به رنگ پیش فرض قالب میباشد ، به جای images/vbiran-Ver1/asli.css ادرس فایل css که ساخته اید را بنویسید ( اگر میخواهید قالب اصلی پیش فرض باشد ادرس را حذف کنید )

      کد PHP:

      کد PHP:
      <link rel="alternate stylesheet" type="text/css" media="screen"  title="blue-theme" href="http://vbiran.ir/images/vbiran-Ver1/blue.css" /> 


      مربوط به رنگ دیگر قالب شماست ( بجای images/vbiran-Ver1/blue.css ادرس فایل css که ساخته اید را بدهید )





      همینطور میتوانید کدهایی برای رنگ های دیگر اضافه کنید ....
      ( red.css . green.css , brown.css و ... )


      در اینجا کار رو به پایان است .

      و اما قسمت مهم این مقاله اجرا کردن اونه که همگی باهم دنبال میکنیم:

      کد های زیر را به اخر قالب additional.css اضافه کنید :
      کد PHP:



      کد PHP:
      .change-color floatleftbackgroundurl(http://vbiran.ir/images/vbiran-Ver1/choose.png) no-repeat right; padding-right: 75px; margin-top: -20px; margin-left: 11px; } 

      به نسبت مکان قالب مقدار ها را تغییر دهید .

      کافیست کدهای زیر را در محلی که میخواهید تنظیمات تغییر رنگ قالب نشان داده شود بزارید :

      کد پی اچ پی:

      کد PHP:
      <div class="change-color"> <a href="javascript:chooseStyle('none', 60)" checked="checked"><img width="28" height="26" src="http://vbiran.ir/images/vbiran-Ver1/asli.png" alt="انتخاب رنگ اصلی" title="انتخاب رنگ اصلی"></a> <a href="javascript:chooseStyle('blue-theme', 60)"><img width="28" height="26" src="http://vbiran.ir/images/vbiran-Ver1/blue.png" alt="انتخاب رنگ آبی" title="انتخاب رنگ آبی"></a>  </div


      و در اخر:ادرس images/vbiran-Ver1/blue.png ایکون مربوط به تغییر رنگ میباشد .


      تمام مقاله برای وی بی ایران محفوظ می باشد.


  1. Top | #2
    مدیر بازنشته

    ورژن ویبولتین
    X.X.X
    نوشته ها
    2,643
    میزان امتیاز
    339

    پیش فرض

    متاسفانه من قبلا اموزششو داده بودم آموزش قرار دادن StyleSwitcher در استایل ها مثل وی بی ایران
    کاش یه سرچ میکردید قبلش
    ولی بازم ممنون

    3 تشکر توسط:


  2. Top | #3
    کاربر اخراجی

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

    پیش فرض

    ببخشید من اموزش شما رو ندیده بودم و این اموزشو هم با بررسی دو قالب رنگین وی بی ایران در اوردم

    4 تشکر توسط:


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

    ورژن ویبولتین
    4.2
    نوشته ها
    17
    میزان امتیاز
    0

    پیش فرض

    کد هارو میشه قرار بدید؟

    کاربر مقابل از Mr.Apple بابت این پست مفید تشکر کرده است:


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

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

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

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

  1. پاسخ: 64
    آخرين نوشته: 2016/07/30, 11:47 AM
  2. آموزش اضافه کردن alt به تصاویر استایل ویبولتین
    توسط Mr.Ramin در انجمن آموزش های وی بولتین
    پاسخ: 7
    آخرين نوشته: 2014/05/29, 11:41 AM
  3. پاسخ: 43
    آخرين نوشته: 2013/12/25, 04:52 PM
  4. آموزش پهن کردن پاسخ سریع ویبولتین Wide Quick Reply ویبولتین 3
    توسط VBIran در انجمن آموزش های وی بولتین
    پاسخ: 6
    آخرين نوشته: 2013/07/05, 11:40 PM
  5. آموزش تغییر سیستم ورود ویبولتین 4 به ویبولتین 3
    توسط VBIran در انجمن آموزش های وی بولتین
    پاسخ: 2
    آخرين نوشته: 2011/03/13, 02:54 PM

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

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

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

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

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