/ اموزش اضافه کردن چند رنگ به استایل (اختصاصی ویکی وی بی)
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
فروش قالب وردپرس فروش فایل مشابه ژاکت وندا هاست
صفحه 4 از 7 نخستنخست ... 23456 ... آخرینآخرین
نمایش نتایج: از 31 به 40 از 68

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

    1. اموزش اضافه کردن چند رنگ به استایل (اختصاصی ویکی وی بی)

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

      درود و احترام
      قبل از هر چیز این اموزش اختصاصی و توسط خودمه و میتونید با دیگر اموزش ها مقایسه کنید
      و دوم این که صاحب امتیاز این اموزش ویکی وی بی می باشد.

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

      اما بعد ار این همه مقدمه بریم سراغ اموزش:

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



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

      کد PHP:
       .forumhead, .forumhead_display {     background:#c2ad74 url(images/wikivb-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/wikivb-Ver1/misc/forumhead.png و کد های دیگر می باشد .

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

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

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

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


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

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


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

      کد PHP:
      <link rel="alternate stylesheet" type="text/css" media="screen"  title="blue-theme" href="http://wikivb.ir/images/wikivb-Ver1/blue.css" /> 
      مربوط به رنگ دیگر قالب شماست ( بجای images/wikivb-Ver1/blue.css ادرس فایل css که ساخته اید را بدهید )

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


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

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

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

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

       
      و در اخر:ادرس images/wiki-Ver1/blue.png ایکون مربوط به تغییر رنگ میباشد 
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

  1. #31
    saeidx57 آنلاین نیست.
    saeidx57
    کاربر سايت
    194نوشته24مورد پسند

    تاریخ عضویت
    May 2014
    شماره عضویت
    5418
    پسندیده است
    133 پست
    بلاگ
    پست
    میزان امتیاز
    34
    www.iran-foreca.com
    نه من از این سر در نمیارم این asli.css رو چی باید توش بذاریم و blue.css رو چی بذاریم توش ؟؟؟
    اصلی رو فقط کد رنگا مثلا c4cc58 رو بذاریم توش و دیگه چیزی لازم نیست ؟؟ یا مثلا چی هارو از کجا بیاریم بذاریم تو بلو.

    - - - Updated - - -

    نه من از این سر در نمیارم این asli.css رو چی باید توش بذاریم و blue.css رو چی بذاریم توش ؟؟؟
    اصلی رو فقط کد رنگا مثلا c4cc58 رو بذاریم توش و دیگه چیزی لازم نیست ؟؟ یا مثلا چی هارو از کجا بیاریم بذاریم تو بلو.

  2. #32
    Danial آنلاین نیست.
    Danial
    کانديد مديريت
    625نوشته1,060مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    64
    پسندیده است
    692 پست
    بلاگ
    0 پست
    میزان امتیاز
    1070
    www.delgia.ir
    دوست عزیزم ببینید شما دو تا فایل ایجاد می کنید با نام های red.css و blue.css
    اون asli.css رو ول کنیدمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    سپس مراحل بالا رو انجام بدید که گفتم.

    کاربر زیر پست Danial را پسندیده است:



  3. #33
    saeidx57 آنلاین نیست.
    saeidx57
    کاربر سايت
    194نوشته24مورد پسند

    تاریخ عضویت
    May 2014
    شماره عضویت
    5418
    پسندیده است
    133 پست
    بلاگ
    پست
    میزان امتیاز
    34
    www.iran-foreca.com
    رفتم نشد ..... متاسفانه... یجوریه خیلی گنگه.... این red.css کد رنگارو گذاشتم توش نیومد.

  4. #34
    Danial آنلاین نیست.
    Danial
    کانديد مديريت
    625نوشته1,060مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    64
    پسندیده است
    692 پست
    بلاگ
    0 پست
    میزان امتیاز
    1070
    www.delgia.ir
    شما وقتی کدا رو می ذارید تو این دو فایل دیگه باید بکگراند اصلی رو از توی خود ویبولتین حذف کنید.
    آیا انجام دادید این کارو؟

    کاربر زیر پست Danial را پسندیده است:



  5. #35
    saeidx57 آنلاین نیست.
    saeidx57
    کاربر سايت
    194نوشته24مورد پسند

    تاریخ عضویت
    May 2014
    شماره عضویت
    5418
    پسندیده است
    133 پست
    بلاگ
    پست
    میزان امتیاز
    34
    www.iran-foreca.com
    نه نکردم چطوری باید حذف کنم ؟؟ دسترسی بفرستم داداش ؟؟؟ والا گیج شدم الانه که بیفتم زمین قبل از سربازی رفتنم بمیرم... نمیدونم چی به چیه خدایی.

  6. #36
    Danial آنلاین نیست.
    Danial
    کانديد مديريت
    625نوشته1,060مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    64
    پسندیده است
    692 پست
    بلاگ
    0 پست
    میزان امتیاز
    1070
    www.delgia.ir
    شما تو وی بی سرچ کردید مثلا:
    کد:
    .forumhead {
    کد های مربوط به این رو پیدا کردید خوب؟
    حالا background رو حذف می کنید و بعد ذخیره می کنید.
    بعدش میرید تو هر فایل css که ایجاد کردید و بصورت زیر بکگراند جداگانه میدید:
    کد:
    .forumhead {
    background: your selected color;
    }

    کاربر زیر پست Danial را پسندیده است:



  7. #37
    saeidx57 آنلاین نیست.
    saeidx57
    کاربر سايت
    194نوشته24مورد پسند

    تاریخ عضویت
    May 2014
    شماره عضویت
    5418
    پسندیده است
    133 پست
    بلاگ
    پست
    میزان امتیاز
    34
    www.iran-foreca.com
    یعنی برای هر رگ باید یه رنگ دات 30 اس اس بسازم ؟

    - - - Updated - - -

    یعنی برای هر رگ باید یه رنگ دات 30 اس اس بسازم ؟

  8. #38
    Danial آنلاین نیست.
    Danial
    کانديد مديريت
    625نوشته1,060مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    64
    پسندیده است
    692 پست
    بلاگ
    0 پست
    میزان امتیاز
    1070
    www.delgia.ir
    بله دوست عزیزممرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    کاربر زیر پست Danial را پسندیده است:



  9. #39
    saeidx57 آنلاین نیست.
    saeidx57
    کاربر سايت
    194نوشته24مورد پسند

    تاریخ عضویت
    May 2014
    شماره عضویت
    5418
    پسندیده است
    133 پست
    بلاگ
    پست
    میزان امتیاز
    34
    www.iran-foreca.com
    ممنونم ولی اخرش نفهمیدم که باید تو این فایلای رنگ چی بذارم ؟؟ فقط کد رنگ ؟؟؟ یا کدارو از تو header اینا حذف کنم بذارم اینجا...

    - - - Updated - - -

    ممنونم ولی اخرش نفهمیدم که باید تو این فایلای رنگ چی بذارم ؟؟ فقط کد رنگ ؟؟؟ یا کدارو از تو header اینا حذف کنم بذارم اینجا...

    - - - Updated - - -

    الان هرچی تو additional.css میگردم این کد نیست :

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

    اصلا چیزی مثل این کد توی قالبم نیست بخدا ..

  10. #40
    Danial آنلاین نیست.
    Danial
    کانديد مديريت
    625نوشته1,060مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    64
    پسندیده است
    692 پست
    بلاگ
    0 پست
    میزان امتیاز
    1070
    www.delgia.ir
    کسی نگفته این کد باید باشه
    این یک کد مثال بوده

    کاربر زیر پست Danial را پسندیده است:



صفحه 4 از 7 نخستنخست ... 23456 ... آخرینآخرین

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

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

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

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

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

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