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

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 1 از 4 1234 آخرینآخرین
نمایش نتایج: از 1 به 10 از 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 | #2
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    150
    میزان امتیاز
    22

    پیش فرض

    اگر میشه یه فیلم یزارید من هیچی نفهمیدم

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


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

    ورژن ویبولتین
    ☻Google
    نوشته ها
    5,116
    میزان امتیاز
    601

    پیش فرض

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

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


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

    ورژن ویبولتین
    All Versions
    نوشته ها
    3,123
    میزان امتیاز
    0

    پیش فرض

    عزیز اون اولش گفتی یه فایلو دانلود کنیم:
    1.لینکش خرابه
    2.پوشه ی قالب تو هاست منظورته؟

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


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

    ورژن ویبولتین
    4
    نوشته ها
    308
    میزان امتیاز
    37

    پیش فرض

    برای ایجاد یک رنگ جدید باید چیکار کنیم؟

  5. Top | #6
    مدیر بازنشته

    ورژن ویبولتین
    4.1.10
    نوشته ها
    905
    میزان امتیاز
    140

    پیش فرض

    معلوم نیست چه کاریه اموزش که میدید باید فایل اپلودی توی سایت خودتون باشه که اونم غیر قابل دانلود هستش
    قایل رو از اینجا بردارید ..

    http://cdn.vbiran.ir/images/vbiranv5/styleswitch.js

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


  6. Top | #7
    کاربر اخراجی

    ورژن ویبولتین
    All Versions
    نوشته ها
    3,123
    میزان امتیاز
    0

    پیش فرض

    عزیز چجوری رنگ رو به قالب رنگین کمان اضافه کنیم؟
    این مهمه.
    آموزش دوستمون برای بدست آوردن قابلیت تغییر رنگ بود.
    رنگ؟

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

    ورژن ویبولتین
    4.1.10
    نوشته ها
    905
    میزان امتیاز
    140

    پیش فرض

    نقل قول نوشته اصلی توسط D/\NIAL نمایش پست ها
    عزیز چجوری رنگ رو به قالب رنگین کمان اضافه کنیم؟
    این مهمه.
    آموزش دوستمون برای بدست آوردن قابلیت تغییر رنگ بود.
    رنگ؟
    بذارید 5 دقیقه از پستتون بگذره بعد پست مهم (!) خودتون رو آپ کنید .

    این قسمت رو خوندید ؟

    طبق این کد 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 ایجاد میکنید (با نوت پد هم میشه)

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


  8. Top | #9
    کاربر اخراجی

    ورژن ویبولتین
    All Versions
    نوشته ها
    3,123
    میزان امتیاز
    0

    پیش فرض

    چشم.
    عزیز واقعا سخته.
    من هیچی نمی فهمم از آموزش دوستمون.
    نمیشه با فیلم توضیحشو بذارین؟

  9. Top | #10
    کاربر اخراجی

    ورژن ویبولتین
    4
    نوشته ها
    161
    میزان امتیاز
    0

    پیش فرض

    تروخدا بیاد جواب این تایپیک رو بدید
    ایجاد فیلد در ویبولتین 4 و قرار دادن آن در پست بیت

صفحه 1 از 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)

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

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