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

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

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

    پیش فرض

    صفحه که رفرش می شه می پره




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

  3. Top | #32
    کاربر سایت

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

    پیش فرض

    صفحه که رفرش می شه می پره

  4. Top | #33
    مدیر بازنشته

    ورژن ویبولتین
    4.2
    نوشته ها
    2,262
    میزان امتیاز
    266

    پیش فرض

    دوستان من یک رنگ آبی اضافه کردم درست بود مشکلی نیست

    اما وقتی که کد چند رنگ اضافه میکنم اونوقت با رفرش صفحه رنگ به حالت اول باز میگرده

    مشکل از کجاست؟
    @VBIran @Leberman @MHAbedinpour

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

    ورژن ویبولتین
    4.2
    نوشته ها
    356
    میزان امتیاز
    39

    پیش فرض

    من از قالب Molding2.1 استفاده میکنم این فایل
    styleswitch رو کجا باید بریزم دقیقا؟

  6. Top | #35
    کاربر مفید و فعال

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

    پیش فرض

    نقل قول نوشته اصلی توسط CR.7 نمایش پست ها
    دوستان من یک رنگ آبی اضافه کردم درست بود مشکلی نیست

    اما وقتی که کد چند رنگ اضافه میکنم اونوقت با رفرش صفحه رنگ به حالت اول باز میگرده

    مشکل از کجاست؟
    @VBIran @Leberman @MHAbedinpour
    به نظرم اینجا واضح تر توضیح داده آموزش پلاگین جاوا اسکریپت Style Switch

  7. Top | #36
    پاسخگو و راهنمای سایت

    ورژن ویبولتین
    all version
    نوشته ها
    7,261
    میزان امتیاز
    917

    پیش فرض

    نقل قول نوشته اصلی توسط Farshad Jalali نمایش پست ها
    من از قالب Molding2.1 استفاده میکنم این فایل
    styleswitch رو کجا باید بریزم دقیقا؟
    مسیرش فرقی نداره فقط در هر جایی این فایل رو اپلود کردید مسیرش رو در تگ اسکریپت وارد کنید

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


  8. Top | #37
    کاربر سایت

    ورژن ویبولتین
    4.2.3
    نوشته ها
    35
    میزان امتیاز
    0

    پیش فرض

    من هم اینجا و هم اون سایتی که در پست 35 بود رو خوندم. ولی نفهمیدم اون فایل های css از کجا میان؟ چون قالب مترو که دانلود کردم با رنگ های مختلف، توش هیچ فایلی با پسوند css نیست.

  9. Top | #38
    مدیر ارشد

    ورژن ویبولتین
    :-|
    نوشته ها
    2,908
    میزان امتیاز
    385

    پیش فرض

    نقل قول نوشته اصلی توسط SaidJan نمایش پست ها
    من هم اینجا و هم اون سایتی که در پست 35 بود رو خوندم. ولی نفهمیدم اون فایل های css از کجا میان؟ چون قالب مترو که دانلود کردم با رنگ های مختلف، توش هیچ فایلی با پسوند css نیست.
    درود

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

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

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

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