/ اموزش اضافه کردن چند رنگ به استایل (اختصاصی ویکی وی بی)
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
فروش قالب وردپرس فروش فایل مشابه ژاکت وندا هاست
صفحه 2 از 7 نخستنخست 1234 ... آخرینآخرین
نمایش نتایج: از 11 به 20 از 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. #11
    Eagle آنلاین نیست.
    Eagle
    مديريت کل انجمن
    2,597نوشته6,533مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    2
    پسندیده است
    2,819 پست
    بلاگ
    0 پست
    میزان امتیاز
    6520
    No Set
    جناب شما تو هاستتون حالا هر چند رنگی که هست
    به همان اندازه که رنگ هست
    فایل css دارید برای رنگ های مختلف
    شما باید اسم رنگ مورد نظر که میخواید دیفالت بشه با دیفالت فعلی تغیییر نام بدید طبق پست قبل
    اون هیدر هم که گفتم چون عکس تغییر رنگ ( وقتی کلیک میکنید تغییر میکنه)گفتم که بعد از تغییر نام CSS لینک عکس ها رو هم تغییر بدید که طبق ترتیب باشه و بازدید کننده گیج نشه !
    وقتی پشت سرت حرف میزنن :
    1- یـا مـیـخــوان جـــــــات بـاشــن نـــــــمـــیـتـــونــــن
    2- یـا مـیـخــوان بــــــــات بـاشـــن نـــــــمـــیـتــــونـــن

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

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

    دوست عزیز اموزش به این کاملی چرا دقت نمیکنی

    شما برای این مسیر:
    images/wikivb-Ver1/asli.css

    رنگ پیش فرض باید توی این فایل css باشه

    تمام شد و رفت

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

  3. #13
    Ali.shafaey آنلاین نیست.
    Ali.shafaey
    کاربر برتر فصل
    مدير ارشد
    6,425نوشته8,292مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1571
    پسندیده است
    4,628 پست
    بلاگ
    پست
    میزان امتیاز
    8298
    مسئول 7 ستاره
    king-design.ir
    کسی هست برای من قالبم رو 2 رنگه کنه؟
    الان مال من سبز هست میخوام آبی فیروزه ای بشه:
    اینم تصاویر:


    footbg.pngforumhead.pngheadbg.pngc.pngs.png

    استایل ویکی ویبی ورژن 2 هستش
    آدرس انجمنم هم او امضام هست
    -------------
    کسی هست این محبت رو کنه؟مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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

  4. #14
    Ali.shafaey آنلاین نیست.
    Ali.shafaey
    کاربر برتر فصل
    مدير ارشد
    6,425نوشته8,292مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1571
    پسندیده است
    4,628 پست
    بلاگ
    پست
    میزان امتیاز
    8298
    مسئول 7 ستاره
    king-design.ir
    آپــــــــــ...........مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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

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

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

  6. #16
    AminX آنلاین نیست.
    AminX
    مدير بازنشسته
    4,703نوشته6,570مورد پسند

    تاریخ عضویت
    Mar 2013
    شماره عضویت
    984
    پسندیده است
    2,596 پست
    بلاگ
    2 پست
    میزان امتیاز
    6578
    مسئول 2 ستاره
    www.cssnevis.ir
    نقل قول نوشته اصلی توسط ali.sh نمایش پست ها
    کسی هست برای من قالبم رو 2 رنگه کنه؟
    الان مال من سبز هست میخوام آبی فیروزه ای بشه:
    اینم تصاویر:


    footbg.pngforumhead.pngheadbg.pngc.pngs.png

    استایل ویکی ویبی ورژن 2 هستش
    آدرس انجمنم هم او امضام هست
    -------------
    کسی هست این محبت رو کنه؟مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    تایپیک جدا بزنید !

    +میتونید سورس بگیرید و بعدش کلاسش رو جست و جو کنید و کد مربوطه رو توش پیدا کنید و تغییر رنگ بدید مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    .....

  7. #17
    Ali.shafaey آنلاین نیست.
    Ali.shafaey
    کاربر برتر فصل
    مدير ارشد
    6,425نوشته8,292مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1571
    پسندیده است
    4,628 پست
    بلاگ
    پست
    میزان امتیاز
    8298
    مسئول 7 ستاره
    king-design.ir
    نقل قول نوشته اصلی توسط MR.Responder نمایش پست ها
    تایپیک جدا بزنید !

    +میتونید سورس بگیرید و بعدش کلاسش رو جست و جو کنید و کد مربوطه رو توش پیدا کنید و تغییر رنگ بدید مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    این رو که بلدم!مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    ولی میخوام رنگ سبز هم باشه
    یعنی 2 رنگه باشه استایلممرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    تاپیک جدا باید بزنم؟

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

  8. #18
    AminX آنلاین نیست.
    AminX
    مدير بازنشسته
    4,703نوشته6,570مورد پسند

    تاریخ عضویت
    Mar 2013
    شماره عضویت
    984
    پسندیده است
    2,596 پست
    بلاگ
    2 پست
    میزان امتیاز
    6578
    مسئول 2 ستاره
    www.cssnevis.ir
    نقل قول نوشته اصلی توسط ali.sh نمایش پست ها
    این رو که بلدم!مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    ولی میخوام رنگ سبز هم باشه
    یعنی 2 رنگه باشه استایلممرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    تاپیک جدا باید بزنم؟
    خب اگه بلد بودید که خودتون انجام میدادید ! دعوا دارید با ادم ؟!مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بیمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    بله تاپیک جدا بزنید !

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


    .....

  9. #19
    local آنلاین نیست.
    local
    کاربر سايت
    2,070نوشته1,232مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1475
    پسندیده است
    1,828 پست
    بلاگ
    7 پست
    میزان امتیاز
    1241
    No Set
    بابا 1 ساعت اموزش رو رفتیم اخرش حال ما رو گرفتین لطفا فایل زیر رو پیوست کنید:

    http://www.wikivb.ir/images/wikivb-Ver1/styleswitch.js
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  10. #20
    local آنلاین نیست.
    local
    کاربر سايت
    2,070نوشته1,232مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1475
    پسندیده است
    1,828 پست
    بلاگ
    7 پست
    میزان امتیاز
    1241
    No Set
    لطفا این تایپک رو هم مثل بقیه پشتیبانی کنید.مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

صفحه 2 از 7 نخستنخست 1234 ... آخرینآخرین

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

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

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

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

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

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