/ اموزش اضافه کردن چند رنگ به استایل (اختصاصی ویکی وی بی)
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
صفحه 7 از 7 نخستنخست ... 567
نمایش نتایج: از 61 به 68 از 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. #61
    farzadi آنلاین نیست.
    farzadi
    کاربر سايت
    331نوشته105مورد پسند

    تاریخ عضویت
    Feb 2014
    شماره عضویت
    4303
    پسندیده است
    40 پست
    بلاگ
    پست
    میزان امتیاز
    115
    www.etplus.ir
    برای هر رنگ همه اینارو تکرا کنیم یا فقط یه قسمتشو؟؟

    کد:
    <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>
    ایتی پلاس بزرگ ترین مرجع پشتیبانی ایتی چت

    www.etplus.ir

    کارت شارژ رایگان

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

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

    کد:
    <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>
    از اول اموزشو بخونید کاملهمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  3. #63
    farzadi آنلاین نیست.
    farzadi
    کاربر سايت
    331نوشته105مورد پسند

    تاریخ عضویت
    Feb 2014
    شماره عضویت
    4303
    پسندیده است
    40 پست
    بلاگ
    پست
    میزان امتیاز
    115
    www.etplus.ir
    همه چی درسته رنگ قالب اصلی هم اومده فقط تغییر رنگ نمیده به نظرتون نباید این فایل درست شه؟

    http://www.wikivb.ir/images/wikivb-Ver1/styleswitch.js

    - - - Updated - - -

    درود دوستان مشکل بر طرف شد یه فایل جی اس به همون اسم بسازید این کد هارو توش قرار بدید و ذخیره کنید

    کد:
    //******'s New style - Please dont copy / rip this style if you are a human :)var manual_or_random="manual"
    var randomsetting="3 days"
    function getCookie(Name){var re=new RegExp(Name+"=[^;]+","i");if(document.cookie.match(re))
    return document.cookie.match(re)[0].split("=")[1]
    return null}
    function setCookie(name,value,days){var expireDate=new Date()
    var expstring=(typeof days!="undefined")?expireDate.setDate(expireDate.getDate()+parseInt(days)):expireDate.setDate(expireDate.getDate()-5)
    document.cookie=name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";}
    function deleteCookie(name){setCookie(name,"moot")}
    function setStylesheet(title,randomize){var i,cacheobj,altsheets=[""]
    for(i=0;(cacheobj=document.getElementsByTagName("link")[i]);i++){if(cacheobj.getAttribute("rel").toLowerCase()=="alternate stylesheet"&&cacheobj.getAttribute("title")){cacheobj.disabled=true
    altsheets.push(cacheobj)
    if(cacheobj.getAttribute("title")==title)
    cacheobj.disabled=false}}
    if(typeof randomize!="undefined"){var randomnumber=Math.floor(Math.random()*altsheets.length)
    altsheets[randomnumber].disabled=false}
    return(typeof randomize!="undefined"&&altsheets[randomnumber]!="")?altsheets[randomnumber].getAttribute("title"):""}
    function chooseStyle(styletitle,days){if(document.getElementById){setStylesheet(styletitle)
    setCookie("mysheet",styletitle,days)}}
    function indicateSelected(element){if(selectedtitle!=null&&(element.type==undefined||element.type=="select-one")){var element=(element.type=="select-one")?element.options:element
    for(var i=0;i<element.length;i++){if(element[i].value==selectedtitle){if(element[i].tagName=="OPTION")
    element[i].selected=true
    else
    element[i].checked=true
    break}}}}
    if(manual_or_random=="manual"){var selectedtitle=getCookie("mysheet")
    if(document.getElementById&&selectedtitle!=null)
    setStylesheet(selectedtitle)}
    else if(manual_or_random=="random"){if(randomsetting=="eachtime")
    setStylesheet("","random")
    else if(randomsetting=="sessiononly"){if(getCookie("mysheet_s")==null)
    document.cookie="mysheet_s="+setStylesheet("","random")+"; path=/"
    else
    setStylesheet(getCookie("mysheet_s"))}
    else if(randomsetting.search(/^[1-9]+ days/i)!=-1){if(getCookie("mysheet_r")==null||parseInt(getCookie("mysheet_r_days"))!=parseInt(randomsetting)){setCookie("mysheet_r",setStylesheet("","random"),parseInt(randomsetting))
    setCookie("mysheet_r_days",randomsetting,parseInt(randomsetting))}
    else
    setStylesheet(getCookie("mysheet_r"))}}
    ایتی پلاس بزرگ ترین مرجع پشتیبانی ایتی چت

    www.etplus.ir

    کارت شارژ رایگان

  4. #64
    Mehrab JT آنلاین نیست.
    Mehrab JT
    کاربر فعال و مفيد
    1,240نوشته1,400مورد پسند

    تاریخ عضویت
    Jun 2013
    شماره عضویت
    1963
    پسندیده است
    2,945 پست
    بلاگ
    4 پست
    میزان امتیاز
    1408
    telegram.me/mehrab_jt
    <script src="http://wikivb.ir/images/wikivb-Ver1/styleswitch.js" type="text/javascript"></script>
    دوستان این فایل رو میخاممرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    پست فوق کدش عمل نکرد
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  5. #65
    TheCreative آنلاین نیست.
    TheCreative
    کاربر سايت
    60نوشته29مورد پسند

    تاریخ عضویت
    Sep 2014
    شماره عضویت
    6591
    پسندیده است
    24 پست
    بلاگ
    پست
    میزان امتیاز
    39
    No Set
    درود، بنده اطلاع ندارم از فایلی که تو تاپیک قرار دادند ولی این فایلی که بنده دارم باهاش کار کردم و درست کارمیکنه.

    پیوست شد
    فايل هاي پيوست شده فايل هاي پيوست شده

    کاربر زیر پست TheCreative را پسندیده است:


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

  6. #66
    Mehrab JT آنلاین نیست.
    Mehrab JT
    کاربر فعال و مفيد
    1,240نوشته1,400مورد پسند

    تاریخ عضویت
    Jun 2013
    شماره عضویت
    1963
    پسندیده است
    2,945 پست
    بلاگ
    4 پست
    میزان امتیاز
    1408
    telegram.me/mehrab_jt
    ممنون کارکردمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  7. #67
    Mehrab JT آنلاین نیست.
    Mehrab JT
    کاربر فعال و مفيد
    1,240نوشته1,400مورد پسند

    تاریخ عضویت
    Jun 2013
    شماره عضویت
    1963
    پسندیده است
    2,945 پست
    بلاگ
    4 پست
    میزان امتیاز
    1408
    telegram.me/mehrab_jt
    دوستان ببخشید
    کد موردی پیدا کرده ؟
    با رفرش صفحه مجددا رنگ اصلی لود میشه
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1571
    پسندیده است
    4,628 پست
    بلاگ
    پست
    میزان امتیاز
    8298
    مسئول 7 ستاره
    king-design.ir
    نقل قول نوشته اصلی توسط Mehrab.1994 نمایش پست ها
    دوستان ببخشید
    کد موردی پیدا کرده ؟
    با رفرش صفحه مجددا رنگ اصلی لود میشه
    سلام
    احتمالا با کد js تداخل پیدا کرده
    شما رو قالب دیفالت تست کن مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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

صفحه 7 از 7 نخستنخست ... 567

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

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

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

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

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

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