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

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

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

    پیش فرض

    وقتی در قالب دارید ادرس قایل css رو میزنید ،

    هر رنگ دیگری خواستید اضافه کنید ، css ـشو خط پایینش بنویسید . ( و اون رو در هاست بریزید . )

    اگر آموزش تصویری میخواید صبر کنید .




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

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

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

    پیش فرض

    برای ایجاد رنگ جدید کسی آموزش تصویری نمیسازه؟

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

    ورژن ویبولتین
    X.X.X
    نوشته ها
    2,643
    میزان امتیاز
    339

    پیش فرض

    بزودی اموزش تصویری اونو اضاف میکنم !

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

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

    پیش فرض

    درود
    کسی نمیتونه یکم واضح تر توضیح بده.
    من فقط قسمتی از این آموزش رو می خوام که رنگ اضافه می کنه.
    قالبم رنگین کمان هست فقط می خوام یه رنگ بنفش اضافه کنم.
    کسی میدونه کدوم قسمتو باید بخونم؟

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


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

    ورژن ویبولتین
    X.X.X
    نوشته ها
    2,643
    میزان امتیاز
    339

    پیش فرض

    تو خود قالب رنگین کمال اموزشش تو یکی از صفحات بود ...

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

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

    پیش فرض

    اول از همه فایل styleswitch رو دانلود و تو فایل قالبتون قرار بدید ! از اینجا دانلود کنید
    404 Not Found


    The resource requested could not be found on this server!
    Powered By LiteSpeed Web Server
    LiteSpeed Technologies is not responsible for administration and contents of this web site!

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

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

    پیش فرض

    الان تنها مشکل اینه که من می خوام 3 تا رنگ بزارم تو قالب سایت برای انتخاب . باید چه کنم که تو هدر سایت رنگ ها بیاد؟

  9. Top | #18
    مدیر بازنشته

    ورژن ویبولتین
    X.X.X
    نوشته ها
    2,643
    میزان امتیاز
    339

    پیش فرض

    بله باید طبق قالب ساتتون برای یه کادر سی اساس درست کنید

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


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

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

    پیش فرض

    نقل قول نوشته اصلی توسط savadkoohy نمایش پست ها
    الان تنها مشکل اینه که من می خوام 3 تا رنگ بزارم تو قالب سایت برای انتخاب . باید چه کنم که تو هدر سایت رنگ ها بیاد؟
    از این کد در هدر استفاده کن

    کد PHP:
    <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

    2 تشکر توسط:


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

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

    پیش فرض

    نقل قول نوشته اصلی توسط Sportiha نمایش پست ها
    از این کد در هدر استفاده کن

    کد PHP:
    <a href="javascript:chooseStyle('none', 60)" checked="checked"><img width="28" height="26" 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" width="28" height="26" src="http://www.vbiran.ir/images/نام فایل/blue.png" alt="انتخاب رنگ سبز" title="انتخاب رنگ سبز"></a> </a
    الان تو این کد http://www.vbiran.ir/images/نام فایل/blue.png نام فایل باید آدرس فایل css رو بدم؟

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

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

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