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

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

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

parsdle
تاریخ : 21.04.93 2014-07-12 05:07:52
نویسنده :
نظرات : 0
بازدیدها : 1866
  • 89
آموزش آپگرید قالب دیتالایف نسخه 9.7 به دیتالایف 9.8

 

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


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

 
آموزش آپگرید :

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

1 ـ فایل engine.css قالب را باز کنید و کدهای زیر یا مشابه آن را یافته و پاک کنید :

.editor textarea {    font-family: Verdana;    word-spacing: 0.1em;    letter-spacing: 0;    line-height: 1.5em;    font-size: 11px;    color: #000;    background: #fff url(\"../images/fields.png\") repeat-x;    border: 0 none;}.editor input[type=\"text\"] {    padding: 2px;    background: #fff url(\"../images/fields.png\") repeat-x;    border: 1px solid #bcc0c2;}.editor_button {    float: left;    cursor: pointer;    padding-left: 0;    padding-right: 0;}.editor_buttoncl {    float: left;    cursor: pointer;    padding-left: 1px;    padding-right: 1px;    border-left: 1px solid #bbb;    border-right: 1px solid #bbb;}.editbclose {    float: right;    cursor: pointer;    display: none;}.editor_button select {    font-size: 11px;}.editor_button img {    margin: 0;    padding: 0;}.editbclose img {    margin: 0;    padding: 0;}.editor_button_brk img {    margin: 0;    padding: 0;}


 
2 ـ در همین فایل کدهای زیر را هم پیدا کنید :

.xfields textarea, .xprofile textarea {    width: 98%;    height: 186px;    margin: 0px 1px 0px 0px;    padding: 0px;}

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

.xfields textarea, .xprofile textarea {    height: 186px;    margin: 0px 1px 0px 0px;    padding: 0px;}


 

3 ـ به انتهای همین فایل کدهای زیر را اضافه کنید :

.bb-pane {    height: 1%;    overflow: hidden;    border: 1px solid #BBB;    background-image: url(\"../bbcodes/bg.gif\");}.bb-btn, .bb-sep {    height: 25px;    float: left;    display: block;    overflow: hidden;    text-indent: -9999px;    white-space: nowrap;}.bb-sel {    float: left;    padding: 4px 2px 0 2px;}.bb-sel select {    font-size: 11px;}.bb-sep {    width: 5px;    background-image: url(\"../bbcodes/brkspace.gif\");}.bb-btn {    cursor: pointer;    width: 23px;}#b_font {    width: 118px;}#b_size {    width: 65px;}#b_font select {    padding: 0px;}#b_size select {    padding: 0px;}#b_b {    background-image: url(\"../bbcodes/b.gif\");}#b_i {    background-image: url(\"../bbcodes/i.gif\");}#b_u {    background-image: url(\"../bbcodes/u.gif\");}#b_s {    background-image: url(\"../bbcodes/s.gif\");}#b_img {    background-image: url(\"../bbcodes/image.gif\");}#b_up {    background-image: url(\"../bbcodes/upload.gif\");}#b_emo {    background-image: url(\"../bbcodes/emo.gif\");}#b_url {    background-image: url(\"../bbcodes/link.gif\");}#b_leech {    background-image: url(\"../bbcodes/leech.gif\");}#b_mail {    background-image: url(\"../bbcodes/email.gif\");}#b_video {    background-image: url(\"../bbcodes/mp.gif\");}#b_audio {    background-image: url(\"../bbcodes/mp3.gif\");}#b_hide {    background-image: url(\"../bbcodes/hide.gif\");}#b_quote {    background-image: url(\"../bbcodes/quote.gif\");}#b_code {    background-image: url(\"../bbcodes/code.gif\");}#b_left {    background-image: url(\"../bbcodes/l.gif\");}#b_center {    background-image: url(\"../bbcodes/c.gif\");}#b_right {    background-image: url(\"../bbcodes/r.gif\");}#b_color {    background-image: url(\"../bbcodes/color.gif\");}#b_spoiler {    background-image: url(\"../bbcodes/spoiler.gif\");}#b_fla {    background-image: url(\"../bbcodes/flash.gif\");}#b_yt {    background-image: url(\"../bbcodes/youtube.gif\");}#b_tf {    background-image: url(\"../bbcodes/typograf.gif\");}#b_list {    background-image: url(\"../bbcodes/list.gif\");}#b_ol {    background-image: url(\"../bbcodes/ol.gif\");}#b_tnl {    background-image: url(\"../bbcodes/translit.gif\");}#b_br {    background-image: url(\"../bbcodes/pbreak.gif\");}#b_pl {    background-image: url(\"../bbcodes/page.gif\");}.bb-editor textarea {    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box;    padding: 2px;    border: 1px solid #bcc0c2;    width: 100%;    background: #fff url(\"../images/fields.png\") repeat-x;}.editorcomm .bb-editor {    width: 465px;}.editorcomm .bb-editor textarea {    height: 156px;}.clr {    clear: both;}#marker-bar,  #txtselect_marker {    display: block;    visibility: hidden;    position: absolute;    z-index: 1200;    opacity: 0;    -webkit-transition: opacity .4s, visibility .1s linear .4s;    -moz-transition: opacity .4s, visibility .1s linear .4s;    -o-transition: opacity .4s, visibility .1s linear .4s;    transition: opacity .4s, visibility .1s linear .4s;}#txtselect_marker {    cursor: pointer;    background: url(../dleimages/marker.png) -0px -0px no-repeat;}#txtselect_marker:hover {    background-position: -0px -32px;}#marker-bar {    border: 1px solid #ccc;    border-radius: 15px;    background: #fff;    padding: 5px 10px;    cursor: default;    box-shadow: 0px 0px 4px #ccc;}#marker-bar.show {    -webkit-transition: opacity .4s, visibility 0s;    -moz-transition: opacity .4s, visibility 0s;    -o-transition: opacity .4s, visibility 0s;    transition: opacity .4s, visibility 0s;    opacity: 1;    visibility: visible;}#txtselect_marker.show {    /* XXX make a common css fadeIn/fadeOut classes */    visibility: visible;    width: 32px;    height: 32px;    -webkit-transition: opacity .4s, visibility 0s;    -moz-transition: opacity .4s, visibility 0s;    -o-transition: opacity .4s, visibility 0s;    transition: opacity .4s, visibility 0s;    opacity: 1;}#marker-bar .masha-social,  #marker-bar .masha-marker {    cursor: pointer;    display: block;    margin: 0 5px;    float: right;}#marker-bar .masha-marker {    line-height: 1em;    color: #aaa;    border-bottom: 1px dotted #aaa;    margin-left: 10px;}#marker-bar .masha-marker:hover {    color: #ea3e26;    border-color: #ea3e26;}.user_selection, .user_selection_true {    background: #c4f47d;    padding: 2px 0;}.user_selection a.txtsel_close, .user_selection_true a.txtsel_close {    display: none;}.user_selection .closewrap, .user_selection_true .closewrap {    position: relative;}.user_selection.hover a.txtsel_close, .user_selection_true.hover a.txtsel_close {    display: inline-block;    position: absolute;    top: -7px;    right: -5px;    width: 33px;    height: 33px;    background: url(../dleimages/closemarker.png) -0px -0px no-repeat;}.user_selection.hover a.txtsel_close:hover, .user_selection_true.hover a.txtsel_close:hover {    background-position: -0px -33px;}#share-popup {    background: #fff;    border: 1px solid #aaa;    border-radius: 5px;    box-shadow: 0 0 5px rgba(0,0,0,0.5);    position: absolute;    width: 414px;    display: none;    z-index: 100;    padding: 10px 0;    opacity: 0;    -webkit-transition: opacity .4s, visibility .1s linear .4s;    -moz-transition: opacity .4s, visibility .1s linear .4s;    -o-transition: opacity .4s, visibility .1s linear .4s;    transition: opacity .4s, visibility .1s linear .4s;}#share-popup.show {    display: block;    opacity: 1;    -webkit-transition: opacity .4s, visibility 0s;    -moz-transition: opacity .4s, visibility 0s;    -o-transition: opacity .4s, visibility 0s;    transition: opacity .4s, visibility 0s;    opacity: 1;}#share-popup .social {    padding: 0 17px 10px 0px;    height: 40px;}#share-popup .social p {    padding-bottom: 10px;    margin: 0;    font-weight: bold;}#share-popup .social ul {    list-style: none;    margin: 0;    padding: 0;}#share-popup .social ul li {    float: right;    margin-left: 20px;    padding-top: 2px;    position: relative;}#share-popup .social ul a {    text-decoration: none;    font-size: 11px;    display: inline-block;    color: #aaa;    padding-right: 25px;}#share-popup .social ul a:hover {    text-decoration: underline;    color: #ea3e26;}#share-popup .social a span {    cursor: pointer;    width: 20px;    height: 20px;    background: url(../dleimages/social-icons.png) 20px 20px no-repeat;    position: absolute;    right: 0;    top: 0;}#share-popup .social .tw span {    background-position: 0 -20px;}#share-popup .social .tw:hover span {    background-position: 0 0;}#share-popup .social .fb span {    background-position: -20px -20px;}#share-popup .social .fb:hover span {    background-position: -20px 0;}#share-popup .social .vk span {    background-position: -40px -20px;}#share-popup .social .vk:hover span {    background-position: -40px 0;}#share-popup .social .gp span {    background-position: -60px -20px;}#share-popup .social .gp:hover span {    background-position: -60px 0;}#share-popup .link {    clear: both;    border-top: 1px solid #d9d9d9;    padding: 10px 5px 0 10px;    line-height: 1.2;    overflow: hidden;    margin: 0 7px;}#share-popup .link p {    font-weight: bold;    padding: 0 0 3px 0;    margin: 0;}#share-popup .link span {    color: #999;    font-size: 10px;    display: block;    padding-top: 3px;}#share-popup .link a {    display: block;}


 
4 ـ فایل addnews.tpl را در قالب باز کرده و کدهای زیر یا مشابه آن بیابید :

            <tr>                <td colspan=\"2\">                    <b>متن مطلب:<span class=\"impot\">*</span></b> (اجباری)                    <div>                        [not-wysywyg]                        <div>{bbcode}</div>                        <textarea name=\"short_story\" id=\"short_story\" onclick=setFieldName(this.name) style=\"width:98%;\" rows=\"10\" class=\"f_textarea\" >{short-story}</textarea>                        [/not-wysywyg]                        {shortarea}                    </div>                </td>            </tr>            <tr>                <td colspan=\"2\">                    <b>متن کامل:</b> (اختیاری)                    <div>                        [not-wysywyg]                        <div>{bbcode}</div>                        <textarea name=\"full_story\" id=\"full_story\" onclick=setFieldName(this.name) style=\"width:98%;\" rows=\"20\" class=\"f_textarea\" >{full-story}</textarea>                        [/not-wysywyg]                        {fullarea}                    </div>                </td>            </tr>


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

            <tr>                <td colspan=\"2\">                    <b>خلاصه مطلب :<span class=\"impot\">*</span></b> (اجباری)                    <div>                        [not-wysywyg]                        <div class=\"bb-editor\">                            {bbcode}                            <textarea name=\"short_story\" id=\"short_story\" onfocus=\"setFieldName(this.name)\" rows=\"15\" class=\"f_textarea\" >{short-story}</textarea>                        </div>                        [/not-wysywyg]                        {shortarea}                    </div>                </td>            </tr>            <tr>                <td colspan=\"2\">                    <b>ادامه مطلب :</b> (اختیاری)                    <div>                        [not-wysywyg]                        <div class=\"bb-editor\">                            {bbcode}                            <textarea name=\"full_story\" id=\"full_story\" onfocus=\"setFieldName(this.name)\" rows=\"20\" class=\"f_textarea\" >{full-story}</textarea>                        </div>                        [/not-wysywyg]                        {fullarea}                    </div>                </td>            </tr>


 
5 ـ فایل comments.tpl قالب را بازکرده و کد زیر را پیدا کنید :

<li>[complaint]شکایت[/complaint]</li>


بعد از آن اضافه کنید :

<li>[spam]اسپم[/spam]</li>


 
6 ـ فایل fullstory.tpl قالب را باز کنید و کد زیر را بیابید :

{title}


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

<span id=\"news-title\">{title}</span>


 
7 ـ فایل static.tpl قالب را باز کنید و کد زیر را بیابید :

{description}


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

<span id=\"news-title\">{description}</span>


 
8 ـ فایل userinfo.tpl قالب را باز کنید و کدهای زیر را پیدا کنید :

<tr>   <td class=\"label\">آواتار:</td>     <td>        <input type=\"file\" name=\"image\" class=\"f_input\" /><br />        <div class=\"checkbox\"><input type=\"checkbox\" name=\"del_foto\" id=\"del_foto\" value=\"yes\" /> <label for=\"del_foto\">حذف آواتار</label></div>     </td></tr>

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

<tr>   <td class=\"label\">آواتار:</td>       <td>آپلود از کامپيوتر: <input type=\"file\" name=\"image\" class=\"f_input\" /><br /><br />        سرويس <a href=\"http://www.gravatar.com/\" target=\"_blank\">گراواتار</a>: <input type=\"text\" name=\"gravatar\" value=\"{gravatar}\" class=\"f_input\" /> (آدرس ايميل در اين سرويس را وارد نمائيد)        <br /><br /><div class=\"checkbox\"><input type=\"checkbox\" name=\"del_foto\" id=\"del_foto\" value=\"yes\" /> <label for=\"del_foto\">حذف تصوير</label></div>    </td></tr>


 
9 ـ فایل navigation.tpl قالب را باز کنید و کدهای زیر را بیابید :

<br /><div class=\"dpad basenavi\">


کدهای یافت شده را با کدهای زیر جایگزین کنید :

<br /><div class=\"dpad basenavi ignore-select\">



10 ـ فایل‌ ضمیمه را دریافت و محتویات آن را به فولدر dleimages قالب کنونی خود اضافه کنید:

نام فایل توضیحات
شما دسترسی لازم جهت دریافت این فایل را ندارید. برای دریافت فایل باید عضو بوده و وارد سایت شوید.



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

نام شما :*
ایمیل شما :*
نظر شما :*
  • 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
کد را وارد کنید : *
عکس خوانده نمی شود