پارس دیتالایف | قالب دیتالایف | دیتالایف

» » آموزش آپگرید قالب دیتالایف نسخه 10.1 به دیتالایف 10.2

آموزش آپگرید قالب دیتالایف نسخه 10.1 به دیتالایف 10.2

parsdle
تاریخ : 21.04.93 2014-07-12 0606:0707:0505
نویسنده :
نظرات : 2
بازدیدها : 1714
  • 99
آموزش آپگرید قالب دیتالایف نسخه 10.1 به دیتالایف 10.2

 

آموزش آپگرید قالب دیتالایف نسخه 10.1 به دیتالایف 10.2

 

پس از انتشار نسخه 10.2 دیتالایف تغییراتی در قالب این نسخه نیز صورت گرفته است که طبق این آموزش میتوانید قالب هماهنگ با 10.1 را به دیتالایف 10.2 آپگرید کنید.

 

آموزش آپگرید :
یادآوری : این آموزش بر اساس آپگرید قالب دیفالت سیستم است و ممکن است در قالبهای مختلف مقداری متفاوت باشد.
قبل از تغییرات یک نسخه پشتیبان از قالب خود نگهداری کنید.

 

فایل frame.css قالب را باز کرده و به دنبال کدهای زیر بگردید :


	.progressbar {
	    overflow: hidden;
	    height: 15px;
	    margin-top: 5px;
	    background-color: #f7f7f7;
	    background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
	    background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
	    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
	    background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
	    background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
	    background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
	    background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
	    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    border-radius: 4px;
	}
	.progressbar span {
	    color: #ffffff;
	    text-align: center;
	    text-indent: -2000em;
	    height: 15px;
	    display: block;
	    overflow: hidden;
	    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	    background-color: #dd514c;
	    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	    background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
	    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	    background-image: linear-gradient(top, #ee5f5b, #c43c35);
	    background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
	}
	



 

کدهای فوق را تماما با کدهای زیر جایگزین کنید :

.progress {    overflow:hidden;    margin-top:10px;    margin-bottom:10px;    background-color:whitesmoke;    height:10px;    -webkit-border-radius:8px;    -moz-border-radius:8px;    -ms-border-radius:8px;    -o-border-radius:8px;    border-radius:8px;    background:#eee;    -webkit-box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;    box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;}.progress .progress-bar {    float:left;    width:0%;    font-size:12px;    line-height:20px;    color:white;    text-align:center;    background-color:#428bca;    -webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);    box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);    -webkit-transition:width 0.6s ease;    transition:width 0.6s ease;    -webkit-border-radius:8px;    -moz-border-radius:8px;    -ms-border-radius:8px;    -o-border-radius:8px;    border-radius:8px;    -webkit-box-shadow:none;    box-shadow:none;    height:8px;}.progress-bar span{    position:absolute;    width:1px;    height:1px;    margin:-1px;    padding:0;    overflow:hidden;    clip:rect(0 0 0 0);    border:0;}.progress-blue {    background-image:-webkit-gradient(linear, left 0%, left 100%, from(#9bcff5), to(#6db9f0));    background-image:-webkit-linear-gradient(top, #9bcff5, 0%, #6db9f0, 100%);    background-image:-moz-linear-gradient(top, #9bcff5 0%, #6db9f0 100%);    background-image:linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%);    background-repeat:repeat-x;    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9BCFF5', endColorstr='#FF6DB9F0', GradientType=0);    border:1px solid #55aeee;}

 

 

 



نظرات این مطلب :

  1. User Avatar
    fariborz   در تاریخ : 26 مرداد 1393 23:32
    0
    سلام وقت بخیر و خیلی خیلی خسته نباشید، اگه ممکنه نحوه‌ی آپگرید قالب موبایل smartphone رو هم به این آموزش اضافه کنید چون اینطور که به نظر میاد مراحل باید متفاوت باشه
  2. User Avatar
    ParsDLE   در تاریخ : 27 مرداد 1393 00:08
    0
    نقل قول کردن : fariborz
    سلام وقت بخیر و خیلی خیلی خسته نباشید، اگه ممکنه نحوه‌ی آپگرید قالب موبایل smartphone رو هم به این آموزش اضافه کنید چون اینطور که به نظر میاد مراحل باید متفاوت باشه

    سلام دوست عزیز؛
    تشکر ، سلامت باشید و شما هم خسته نباشید rose_mini
    قالب موبایل سیستم دو نسخه داره که شامل تا 9.8 و بعدش میشه و برای بعد از 9.8 ( که یک قالب خیلی خوب برای نسخه موبایل سایت اضافه شد و شخصا نظرم اینه که با وجودش در بسیاری از سایتهای دیتالایفی نیازی به قالب ریسپانسیو نیست ) آموزش ارتقا از سوی سایت اصلی روسی منتشر نشده چون عمده تغییرات مربوط به فایلهایی هست که در نسخه موبایل کاربرد نداره و تنها بنظر میرسه لازم باشه که فایل نتایج جستجو ( searchresult.tpl ) ویرایش بشه و در واقع میبایست result- از تگها حذف بشه و فایل مربوط به 10.1 و 10.2 عینا شامل کدهای دو فایل ( comments.tpl و shortstory.tpl ) هست که می تونید بر این اساس اقدام کنید.
    موفق و پایدار باشید

نظر یا سوال خود را در مورد این مطلب ثبت کنید :

نام شما :*
ایمیل شما :*
نظر شما :*
  • angel_minibeee_minibiggrin_mini2blum_miniblush_minibo_minibomb_mini
    boredom_minibuckchok_miniclapping_minicrazy_minidance_minidance-2
    dash_minideddiablo_minidirol_minidrink_minienvelopefool_mini2
    good_minigoofgreeting_minihearspeakseekiss_minikoo-koolaugh_mini2
    mad_minimail1_minimamba_miniman_in_love_minimusic_mini2new_russian_miniok_mini
    rofl_minirose_minirunnerscratch_one-s_head_minishout_minismile_minisnore
    unknw_minivavawacko_mini2wink_miniyahoo_miniwinkwinked
    smileambelayfeelfellowlaughinglol
    lovenorecourserequestsadtonguewassat
    cryingwhatbullyangry
کد را وارد کنید : *
عکس خوانده نمی شود

آپلود سنتر
آپلود سنتر