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

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 3 از 4 نخستنخست 1234 آخرینآخرین
نمایش نتایج: از 21 به 30 از 38

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

    1. آموزش قرار دادن StyleSwitcher در استایل ها مثل وی بی ایران »

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

      نگارش: , by (مدیر بازنشسته)
      2012/08/09 01:12 PM
      امتیاز: 

      سلام.
      الول از همه بگم دیدم یکی تو بخش ویژه درخواست داده گفتم من برای همه این اموزشو بزارم
      خوب همون طور که از عنوان پیداست معلومه میخوام چیو درس بدم
      اموزش تغیر رنگ استایل با استفاده از js مثل وی بی ایران !

      خوب اول از همه استایلتونو کاملا آماده میکنین و وقتی کامل کامل شد به این آموزش عمل میکنین !

      اول از همه فایل styleswitch رو دانلود و تو فایل قالبتون قرار بدید ! از اینجا دانلود کنید
      حالا این کدو به اخر headinclude قالبتون اضاف کنید

      کد:
      <link rel="stylesheet" type="text/css" href="http://www.vbiran.ir/images/نام فایل قالب /abi.css" />
      
      <link rel="alternate stylesheet" type="text/css" media="screen" title="abi-theme" href="http://www.vbiran.ir/images/نام فایل قالب اینجا/sabz.css" />
      
      <script src="http://www.vbiran.ir/images/air/styleswitch.js" type="text/javascript"></script>
      طبق این کد abi.css استایل پیشفرض و sabz.css قابلیت تغیر رنگ رو برای قرار دادیم میتونید عوضشون کنید ! + با اضافه کردن
      کد:
      <link rel="alternate stylesheet" type="text/css" media="screen"  title="abi-theme" href="http://www.vbiran.ir/images/نام فایل قالب اینجا/رنگ دیگه.css" />
      این کد میتونید رنگ های دیگه هم قرار بدید !

      خوب حالا تو فایل قالبتون فایل های css هایی به نام sabz.css و abi.css ایجاد میکنید (با نوت پد هم میشه)

      خوب حالا مثلا میخواید css رو وقتی رو رنگ سبز کلیک میکنند سبز بشه برای این کار باید اون کد سی اس اس مثلا تو additional.css هست رو بردارید مثلا این کد !

      کد:
      .elects{
      
      background: #e9e9e9;
      padding: 5px;
      border-radius: 5px;
      
      }
      میخواید وقتی رو رنگ سبز کلیک میکنید سبز بشه خوب برای این کار باید کد رنگ رو از additional بردارید که به این صورت میشه

      کد:
      .elects{
      
      
      padding: 5px;
      border-radius: 5px;
      
      }
      دیگه کد رنگ که این بود
      کد:
      background: #e9e9e9;
      رو برداشتیم حالا میریم داخل استایل پیشفرضمن که ابی هست یعنی داخل abi.css و نام این کلاس که هست رو با کد رنگ دلخواهمون وارد میکنیم

      کد:
      .elects{
      background: #کد رنگ دلخواه;
      }
      به صورت کد بالا !

      برای بقیه سی اس اس ها هم همین طور عمل کنید !

      حالا برای تغیر عکس ها ! اول باید بگم که تمام عکس هاتون رو باید با سی اس اس وارد استایل کنید مثل کد زیر

      کد:
      .css {
      
      background: url(http://www.vbiran.ir/images/vbiranv4/mug.png) no-repeat right -10px;
      
      height:48px;
      weight:48px
      }
      حالا میخواید این عکس تو رنگ اصلی ابی باشه و تو رنگ سبز سبز

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


      کد:
      .css {
      
      
      
      height:48px;
      weight:48px
      }

      این کد برداشته شد

      کد:
      background: url(http://www.vbiran.ir/images/vbiranv4/mug.png) no-repeat right -10px;
      حالا مثل تغیر رنگ این کد رو با کلاس اون تو sbz.css و abi.css وارد میکنیم که میشه
      کد:
      .css {
      
      background: urlادرس عکس دلخواه) no-repeat right -10px;
      
      }
      اما ادرس عکسو عوض میکنیم برای هر رنگ

      و در اخر این کدو تو هر کجای قالب دوست داشتین بزارین که تو استایل قرار داده بشه برای انتخاب رنگ

      کد:
      <a href="javascript:chooseStyle('none', 60)" checked="checked"><img width="28" height="26" src="http://www.vbiran.ir/images/نام فایل/green.png" alt="انتخاب رنگ سبز" title="انتخاب رنگ ابی"></a>
      
      <a href="javascript:chooseStyle('abi-theme', 60)"><img width="28" height="26" src="http://www.vbiran.ir/images/نام فایل/blue.png" alt="انتخاب رنگ سبز" title="انتخاب رنگ سبز"></a>
      </a>
      اگه شد براتون یه فیلم اموزشی هم درست میکنم که کاملا متوجه بشید و یه طراح به معنای واقعی شید

      موفق باشید
      ویرایش توسط Revenger : 2012/08/09 در ساعت 01:17 PM
  1. Top | #21
    کاربر سایت

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

    پیش فرض

    من نفهمیدم این اموزش برای اضافه کردن رنگ به قالبه ؟؟؟ (یعنی هر قالبی رو میشه با این اموزش بهش رنگ اضافه کرد که قابل انتخاب توسط بقیه کاربران باشه)
    و یا اموزش تغییر رنگه ؟




  2. گیفت کارت آیتونز

  3. Top | #22
    مدیر بازنشته

    ورژن ویبولتین
    4.2
    نوشته ها
    4,498
    میزان امتیاز
    511

    پیش فرض

    نقل قول نوشته اصلی توسط EMMY نمایش پست ها
    من نفهمیدم این اموزش برای اضافه کردن رنگ به قالبه ؟؟؟ (یعنی هر قالبی رو میشه با این اموزش بهش رنگ اضافه کرد که قابل انتخاب توسط بقیه کاربران باشه)
    و یا اموزش تغییر رنگه ؟
    این برای اضافه کردن رنگه

    این آموزش برای تغیر رنگ آموزش تغییر رنگ استایل (با اجازه طراحان عزیز)

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


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

    ورژن ویبولتین
    2
    نوشته ها
    662
    میزان امتیاز
    73

    پیش فرض

    ببخشید این styleswitch رو میخوایم دانلود کنیم
    اما لینک انگاری خرابه
    اگه میشه تصحیح کنید
    ممنون

  5. Top | #24
    کاربر اخراجی

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

    پیش فرض

    نقل قول نوشته اصلی توسط MR.P00RY نمایش پست ها
    ببخشید این styleswitch رو میخوایم دانلود کنیم
    اما لینک انگاری خرابه
    اگه میشه تصحیح کنید
    ممنون
    خدمت شما :
    فایل های پیوست شده فایل های پیوست شده

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


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

    ورژن ویبولتین
    4.2
    نوشته ها
    569
    میزان امتیاز
    65

    پیش فرض

    لینک دانلود styleswitch خراب هست.

    پست اخر رو نخونده بودم ممنون

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

    ورژن ویبولتین
    4.2
    نوشته ها
    186
    میزان امتیاز
    24

    پیش فرض

    من میخوام استایل vbiran plus رو قرمز کنم چیکار باید بکنم؟

  8. Top | #27
    مدیر بازنشته

    ورژن ویبولتین
    4.2.0
    نوشته ها
    5,973
    میزان امتیاز
    720

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


  9. Top | #28
    کاربر مفید و فعال

    ورژن ویبولتین
    4.2
    نوشته ها
    1,446
    میزان امتیاز
    169

    پیش فرض

    میشه این رو برای ایندکس هم آموزش بدین چون مثلا اون اول که گفتین کدی رو داخل headinclude بزاریم ...

    ایندکس که headinclude نداره ...

    2 تشکر توسط:


  10. Top | #29
    کاربر مفید و فعال

    ورژن ویبولتین
    8-|
    نوشته ها
    1,481
    میزان امتیاز
    177

    پیش فرض

    نقل قول نوشته اصلی توسط AvinMusic نمایش پست ها
    میشه این رو برای ایندکس هم آموزش بدین چون مثلا اون اول که گفتین کدی رو داخل headinclude بزاریم ...

    ایندکس که headinclude نداره ...
    کار زیاد سختی نیست

    یه فایل js که لود میکنی
    بعد هر چند تا css خواستی لود میکتی و بعد لینک هارو هرجا خاستی میزاری
    این آموزش ساده تره

    آموزش پلاگین جاوا اسکریپت Style Switch

  11. Top | #30
    کاربر سایت

    ورژن ویبولتین
    BETA 1
    نوشته ها
    1,285
    میزان امتیاز
    139

    پیش فرض

    دوستان این روش برای فایل css بود
    فایل JS را نمی شه سویچ کرد؟

صفحه 3 از 4 نخستنخست 1234 آخرینآخرین

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

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

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

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

  1. آموزش تصویری نصب استایل روی سایت
    توسط VBIran در انجمن اموزشهای تصویری ویبولتین
    پاسخ: 197
    آخرين نوشته: 2016/11/07, 06:27 PM
  2. آموزش قرار دادن ستاره کاربری به سبک وی بی ایران
    توسط VBIran در انجمن آموزش های وی بولتین
    پاسخ: 130
    آخرين نوشته: 2015/01/14, 08:29 PM
  3. آموزش گذاشتن ستاره های کاربری مثل وی بی ایران (جدید)
    توسط Mystogan در انجمن آموزش های وی بولتین
    پاسخ: 93
    آخرين نوشته: 2014/03/03, 09:44 PM
  4. درخواست نحوه قرار دادن StyleSwitcher در استایل ها
    توسط Arianismmm در انجمن پرسش و پاسخ
    پاسخ: 5
    آخرين نوشته: 2012/08/09, 01:18 PM
  5. پاسخ: 2
    آخرين نوشته: 2011/08/14, 08:35 PM

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

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

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

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

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