Guide Category

134

Upgrade theme 9.3 to 9.4

The theme upgrade is not included with any versions of Datalife Engine, the additional information is provided separately, however, there is not much information about it from the original developer website and more importantly there are all on Russian, so we are here to help and provide the English version and full description with some more details as much info as we can do. Please note that the upgrade code is based on the Datalife Engine Default theme, so your theme design may be different, so please only pay attention to the code tags that are used, you can design the way it looks any way you like and want to fit to your own designs...
dlestarter
Upgrade theme 9.3 to 9.4
Upgrade Theme
9.3 to 9.4
Last Updated: November 20, 2013
The theme upgrade is not included with any versions of Datalife Engine, the additional information is provided separately, however, there is not much information about it from the original developer website and more importantly there are all on Russian, so we are here to help and provide the English version and full description with some more details as much info as we can do. Please note that the upgrade code is based on the Datalife Engine Default theme, so your theme design may be different, so please only pay attention to the code tags that are used, you can design the way it looks any way you like and want to fit to your own designs...

Files to edit

  1. addcomments.tpl (add tag question/answer)
  2. addnews.tpl (add tag question/answer)
  3. login.tpl (add tag do not remember me option)
  4. profile_popup.tpl (add tag subcribe to user RSS feed)
  5. registration.tpl (add tag question/answer)

New Files to add

  1. relatednews.tpl (additional files for related news module)
  2. topnews.tpl (additional files for top news module)
  3. frame.css (additional styles for quick edit popup windows)

Files to edit

1) Open addcomments.tpl

Find

[sec_code]

Add before

[question]
<tr>
<td class="label">Question:</td>
<td><div>{question}</div></td>
</tr>
<tr>
<td class="label">Answer:<span class="impot">*</span></td>
<td><div><input type="text" name="question_answer" id="question_answer" class="f_input" /></div></td>
</tr>
[/question]
2) Open addnews.tpl

Find

[sec_code]

Add before

[question]
<tr>
<td class="label">Question:</td>
<td><div>{question}</div></td>
</tr>
<tr>
<td class="label">Answer:<span class="impot">*</span></td>
<td><div><input type="text" name="question_answer" class="f_input" /></div></td>
</tr>
[/question]
3) Open login.tpl

Find

<label for="login_name">Name:</label><input type="text" name="login_name" id="login_name" />

Replace with

<label for="login_name">{login-method}</label><input type="text" name="login_name" id="login_name" />

Note: the theme design maybe vary, so don't worry if you can't find the code above, this upgrade instruction is base on the "Default" theme that comes with script, so if you are not using Default theme then please note this option is for "Login" method, the tag is only to let your site members know that which method your website is setting to login by using "Username" or "E-mail", so the exactly purpose of tag {login-method} is to switch between method text, so if you have special design on your theme, you just need to put the text to tell your members which method you use for login in your website, so that you don't have to put the tag {login-method} in your theme, for example www.dlestarter.com is using email login method and we use icon for login input, so we just use email icon and text to tell our members that we use email login, not username...so that's good example.

Find

<li class="lbtn"><button class="fbutton" onclick="submit();" type="submit" title="Login"><span>Login</span></button></li>

Add before

<li class="lfield lfchek"><input type="checkbox" name="login_not_save" id="login_not_save" value="1"/><label for="login_not_save"> Do not remember me</label></li>
Note: the theme design maybe vary, so don't worry if you can't find the code above, this upgrade instruction is base on the "Default" theme that comes with script, so if you are not using Default theme then please note this option is for "Login" cookie either to save cookie or not saving cookie on the local computer you are using to login to your website, the tag input ID "login_not_save" is to give the option for you and your members the option for "Do not save me" if this option is check when you and your members login to your site, the cookie session for your site login will not be be saved on that computer, this option is very helpful if you and your members using ublic computers or friends' computers. The code can be placed anywhere within a login form in login.tpl file, the only require tags are:
<input type="checkbox" name="login_not_save" id="login_not_save" value="1" />
And text for checkbox label:
Do not remember me
So you can apply them to your own design theme without having to worry some tags and code maybe missing like I said above, the theme designs are different from Default theme...!
4) Open profile_popup.tpl

Find

{news_num} [ {news} ]

Add after

[rss]<img src="{THEME}/images/rss.png" alt="rss" style="vertical-align: middle; margin-left: 5px;" />[/rss]
5) Open registration.tpl

Find

[sec_code]

Find

[question]
<tr>
<td class="label">Question:</td>
<td><div>{question}</div></td>
</tr>
<tr>
<td class="label">Answer:<span class="impot">*</span></td>
<td><div><input type="text" name="question_answer" class="f_input" /></div></td>
</tr>
[/question]

New Files to add (Download from attached file)

  1. relatednews.tpl: this file is used for tag {related-news} for related news in fullstory.tpl, the purpose of this file to be added independly because Datalife Engine have added and improve the new way to deisplay related news, they have added some tags that are very helpful for those who want to customize the way related news to display, now you can use additional tags to display images and text from the article for additional enhanced look...the following tags are applied within the file relatednews.tpl:
    • {image-X}: This will display the image you have uploaded and added in the article, the X indicates the image number, if you add only 1 image then the tag will be {image-1}, if you have added more than 1 image, you can specify the image number like {image-2}, {image-3} and so on...the tag only identify the image name, but it will not give you the full html code, so you must manually input the proper img code like:

      Example:

      <img src="{image-1}" alt="" width="xxx" height="xxx" />
      <img src="{image-2}" alt="" width="xxx" height="xxx" />
      <img src="{image-3}" alt="" width="xxx" height="xxx" />
      
    • {text limit="XXX"}: This will display the short story description as additional details than title, the older version you can only use title for related news unless you use some hacks to get anything else display, now you add additional text description, the XXX indicates how many letters and characters you want the short description to dislay, if the max text has reach the number you specified then it will be cut out the rest of shortstory automatically. Please note that the tag {text limit="xxx"} will only grab everything in regular text format, it will not grab any styles, bbcode styles or html code styles
  2. topnews.tpl This file is used for the tag "{topnews}" in either main.tpl or sidebar.tpl (depending on design), the purpose of this file and the additional tags are exatly the same as relatednews.tpl above, you cna use tags {image-X} and {text limit="XXX"}, so please refer to the above details above the additional tags
    Both files are using the default tag

    Example Code:

    <li><a href="{link}">{title}</a></li>
    
    • {link}: is the full link url for the article, it will automatically converted to any link formats of your SEO settings or none SEO
    • {title}: is the actual article title
  3. frame.css This file is for the new popup Windows for new "Quick Edit" mode in the front page
Please say thanks if you like it, if you need more info about customize your themes or any issues about upgrade the theme please don't be shy to ask...!

Related Tutorials

Review/Leave Comment

comments powered by Disqus