/ اموزش اضافه کردن چند رنگ به استایل (اختصاصی ویکی وی بی)
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
فروش قالب وردپرس فروش فایل مشابه ژاکت وندا هاست
صفحه 1 از 7 123 ... آخرینآخرین
نمایش نتایج: از 1 به 10 از 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. #2
    J⑩nAt⑩N آنلاین نیست.
    J⑩nAt⑩N
    مدير بازنشسته
    3,937نوشته6,621مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    53
    پسندیده است
    4,639 پست
    بلاگ
    0 پست
    میزان امتیاز
    6632
    sooon
    همون رنگی که میخواید پیش فرض باشه اولین کد همون رنگو بزارید

    2 نفر از اعضا پست J⑩nAt⑩N را پسندیده اند


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

  2. #3
    NiNE آنلاین نیست.
    NiNE
    مدير بازنشسته
    1,975نوشته4,462مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    63
    پسندیده است
    7,092 پست
    بلاگ
    1 پست
    میزان امتیاز
    4470
    gilas-web.ir
    واقعا آموزش فوق العاده ی بود واقعا ممنون علیرضا جان ، من استایل بعدی رو که یه مقدار دیگه استارت میزنم دورنگه میزنم حتما مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    فقط 1 سوال : پوشه قالب توی هاست کجاست ؟؟؟
    Different type

  3. #4
    J⑩nAt⑩N آنلاین نیست.
    J⑩nAt⑩N
    مدير بازنشسته
    3,937نوشته6,621مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    53
    پسندیده است
    4,639 پست
    بلاگ
    0 پست
    میزان امتیاز
    6632
    sooon
    ممنون دوست عزیز

    از کدها کاملا معلومه

    images/...

    در پوشه ایمیج

    images

    کاربر زیر پست J⑩nAt⑩N را پسندیده است:


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

  4. #5
    NiNE آنلاین نیست.
    NiNE
    مدير بازنشسته
    1,975نوشته4,462مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    63
    پسندیده است
    7,092 پست
    بلاگ
    1 پست
    میزان امتیاز
    4470
    gilas-web.ir
    در اخر که فایل blue.css را تکمیل کردید ذخیره کنید و آن را داخل هاستتان آپلود کنید ( در پوشه قالب آپلود کنید)



    اینجا رو میگم
    Different type

  5. #6
    J⑩nAt⑩N آنلاین نیست.
    J⑩nAt⑩N
    مدير بازنشسته
    3,937نوشته6,621مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    53
    پسندیده است
    4,639 پست
    بلاگ
    0 پست
    میزان امتیاز
    6632
    sooon
    ببینید شما یک پوشه برای استایل دارید مثلا ویکی وی بی 1
    فایلها و عکس رو درون اون میریزید
    در همین پوشه قالب که ویکی وی بی 1 باشه کد سی اس اس رنگ ها را میریزید

    مثلا میخواید 5 رنگ باشه
    برای هر رنگ باید یک سی اس باشه
    شما کد هر پنج رنگ رو میسازید و 5 تاشاش رو در پوشه ی استایل اپلود میکنید

    کاربر زیر پست J⑩nAt⑩N را پسندیده است:


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

  6. #7
    NiNE آنلاین نیست.
    NiNE
    مدير بازنشسته
    1,975نوشته4,462مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    63
    پسندیده است
    7,092 پست
    بلاگ
    1 پست
    میزان امتیاز
    4470
    gilas-web.ir
    یعنی مسیر رنگ هام به این شکل میشه :

    images/mystyle/blue.css

    images/mystyle/red.css

    - - - Updated - - -

    یعنی مسیر رنگ هام به این شکل میشه :

    images/mystyle/blue.css

    images/mystyle/red.css
    Different type

  7. #8
    J⑩nAt⑩N آنلاین نیست.
    J⑩nAt⑩N
    مدير بازنشسته
    3,937نوشته6,621مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    53
    پسندیده است
    4,639 پست
    بلاگ
    0 پست
    میزان امتیاز
    6632
    sooon
    بله@
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    2 نفر از اعضا پست J⑩nAt⑩N را پسندیده اند


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

  8. #9
    J⑩nAt⑩N آنلاین نیست.
    J⑩nAt⑩N
    مدير بازنشسته
    3,937نوشته6,621مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    53
    پسندیده است
    4,639 پست
    بلاگ
    0 پست
    میزان امتیاز
    6632
    sooon
    نقل قول نوشته اصلی توسط moein khademi نمایش پست ها
    دوستان کسی جواب ما رو نمیده؟
    کدوم کد ها عزیز؟
    کدها رو خودت باید بنویسی
    کامل اموزشو بخون

    تا متوجه بشی

    اگه منظور کد دیگه ایه در خدمتم
    ولی کد رنگ ها که اموزشش کامله

    کاربر زیر پست J⑩nAt⑩N را پسندیده است:


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

  9. #10
    Eagle آنلاین نیست.
    Eagle
    مديريت کل انجمن
    2,597نوشته6,533مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    2
    پسندیده است
    2,819 پست
    بلاگ
    0 پست
    میزان امتیاز
    6520
    No Set
    اگه میخواید قرمز رو پیش فرض کنید
    باید اسم هاشو تغییر بدید
    یعنی اسم فایل css رنگ نارنجی را به اسم قرمز تغییر داده و برعکس ( ابتدا یه اسم دیگه بذارید که بتونید تغییر بدید )
    سپس برای تغییر جاشون هم در header سرچ کنید و کد img رو هم با هم عوض کنید تا در جای درست قرار بگیرند

    2 نفر از اعضا پست Eagle را پسندیده اند


    وقتی پشت سرت حرف میزنن :
    1- یـا مـیـخــوان جـــــــات بـاشــن نـــــــمـــیـتـــونــــن
    2- یـا مـیـخــوان بــــــــات بـاشـــن نـــــــمـــیـتــــونـــن

صفحه 1 از 7 123 ... آخرینآخرین

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

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

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

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

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

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