1. how to make tabs in datalife engine

how to make tabs in datalife engine

  |   11
how to make tabs in datalife engine
so here we go ,
first of all what we have to do is Copy this code and paste it in the head of fullstory.tpl ,
if you dont have a tag then make one
 <link rel="stylesheet" href="{THEME}/css/jquery-ui.css" />
  <script src="{THEME}/js/jquery-1.9.1.js"></script>
  <script src="{THEME}/js/jquery-ui.js"></script>
  <script>
  $(function() {
    $( "#tabs" ).tabs();
  });
  </script>

add this code in
<div id="tabs">
  <ul>
    <li><a href="#tabs-1">TAB 1 NAME </a></li>
    <li><a href="#tabs-2">TABE 2 NAME</a></li>
    <li><a href="#tabs-3">TAB 3 NAME</a></li>
  </ul>
  <div id="tabs-3">
    <p>color=#FF0000]HERE YOU CAN ADD YOUR CONTENT[/color]
	 </p>
  </div>
  <div id="tabs-1">
    <p>color=#FF0000]HERE YOU CAN ADD YOUR CONTENT[/color]</p>
  </div>
  <div id="tabs-2">
    <p>[color=#FF0000]HERE YOU CAN ADD YOUR CONTENT[/color]</p>
  </div>
</div>

now comes , what can you add in the tabs ?
well what you can add is simple
you can add a 1:custom tags or 2:custom xfield
1:
&#123;custom category="1" template="theme-name" aviable="global" from="0" limit="3" cache="no"}

2:
[xfvalue_you xfield name]

hope it helps
HQ3r Regardz

Login Required!Only registered users can download files. Please register or Login

Updated by dlestarter team : get latest plugin


Update December 10, 2014, included latest update plugin from http://api.jqueryui.com/tabs/, support: jQuery UI 1.11, support jquery library 1.9.x, 1.10.x, 1.11.x, 2.x

Instruction
- Extract this rar file and place folder "tabs" in your {THEME} folder
- add this code to wherever you want tabs to display, for example
- main.tpl
- sidebar.tpl
- fullstory.tpl
etc...
&#123;include file="tabs/tabs.tpl"}

Open tabs/tabs.tpl and edit tab contents as you want...
Login Required!Only registered users can download files. Please register or Login
Dear visitor, you are browsing our website as Guest.
We strongly recommend you to register and login to view hidden contents.

Details

+5

Comments 11

noobos
noobos
DLE TEAM
Commented By noobos on October 9, 2013 (5:37 am)
consider remove these 2 lines
< script src="http://code.jquery.com/jquery-1.9.1.js" >< /script >
< script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" >< /script >

it can get you in trouble easily with jquery conflict, try to grab custom jquery from jquery library to add tab instead.
16 302Forum topics : 12Forum replies : 1036Forum likes : 170
hq3r
hq3r
Members
Commented By hq3r on October 9, 2013 (6:26 am)
Quote: noobos
consider remove these 2 lines
&lt;script src=&#34;http&#58;//code.jquery.com/jquery-1.9.1.js&#34;&gt;&lt;/script&gt;
&lt;script src=&#34;http&#58;//code.jquery.com/ui/1.10.3/jquery-ui.js&#34;&gt;&lt;/script&a
mp;gt;

it can get you in trouble easily with jquery conflict, try to grab custom jquery from jquery library to add tab instead.

well, how can i edit the post now ? :/
i have downloaded the files and make a zip folder with them and i want to attach it with the article :/
1 1Forum topics : 12Forum replies : 37Forum likes : 0
tealk
tealk
Moderators
Commented By tealk on October 9, 2013 (7:05 am)
Send me the zip or an url where i can download it with the modification you want and i'll do it ... Thx
28 56Forum topics : 9Forum replies : 329Forum likes : 36

SGcenter Streaming FR
BYG
BYG
Members
Commented By BYG on January 4, 2014 (12:24 pm)
Thanks, and fix the error noobos commenting, but there is a failure and is still within the article if you give Quick Edit screen and the whole web is stuck and needs to be updated, no choice but to go to the Extended Edition to edit the article, still thank you for this great hack
N/A 1Forum topics : 0Forum replies : 0Forum likes : 0
Vlad11
Vlad11
Members
Commented By Vlad11 on December 3, 2014 (11:56 pm)
This hack is great, but this lines are a problem, somebody can fix, please.

P.D. Sorry, but i dont speak english
N/A 2Forum topics : 0Forum replies : 0Forum likes : 0
DLEStarter
DLEStarter
DLE TEAM
Commented By DLEStarter on December 4, 2014 (2:43 am)
Quote: Vlad11
This hack is great, but this lines are a problem, somebody can fix, please.

which line is a problem?
29 225Forum topics : 9Forum replies : 558Forum likes : 116
Vlad11
Vlad11
Members
Commented By Vlad11 on December 8, 2014 (10:24 pm)
these lines (or these files).

< script src="http://code.jquery.com/jquery-1.9.1.js" >< /script >
< script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" >< /script >


these files a conflict with the code jquery of dle.

for example when click en my botton of comments, not open the text editor.
N/A 2Forum topics : 0Forum replies : 0Forum likes : 0
DLEStarter
DLEStarter
DLE TEAM
Commented By DLEStarter on December 10, 2014 (8:29 am)
Updated to latest version, download above, tested with DLE 19.x and 10.x including 10.3
29 225Forum topics : 9Forum replies : 558Forum likes : 116
danny555
danny555
Members
Commented By danny555 on March 16, 2015 (5:54 pm)
you said to include
&#123;include file="tabs/tabs.tpl"}
in fullstory.tpl but where and how to place it can you give me the exact code how to include it

exact code to paste in fullstory.tpl or any other is {include file="tabs/tabs.tpl"} not
&#123;include file="tabs/tabs.tpl"}


sorry while i type the code it becomes { not needed remove it
N/A 2Forum topics : 0Forum replies : 0Forum likes : 0
yorismith
yorismith
Moderators
Commented By yorismith on March 17, 2015 (9:35 pm)
Lighting, DLE blacklisted the symbol "{" when using [ code ] tag with { include xxx} and { content } tag in newer version that's why you see &#123;include instead of {include

This code used to be working fine in DLE older version...
$source = str_ireplace( "{include", "&#123;include", $source );
$source = str_ireplace( "{content", "&#123;content", $source );
$source = str_ireplace( "{custom", "&#123;custom", $source );
32 288Forum topics : 2Forum replies : 699Forum likes : 117

- Nothing comes free...
- A generous heart, kind speech, and compassion are the things which renew humanity
Goudarz
Goudarz
Members
Commented By Goudarz on February 20, 2016 (12:28 pm)
Will this work with 10.6?
N/A 3Forum topics : 0Forum replies : 0Forum likes : 0
Information!Would you like to leave your comment? Please Login to your account to leave comments. Don't have an account? You can create a free account now.
DLEStarter Notice!Please note...Every hack and every module will get additional queries from your database and some hacks and some modules may result your server overload, so install only what you "need", remove any hacks and modules from your script when you don't need them, all hacks and modules appears in this website are not guaranteed by DLEStarter Team for your script security and compatibility, please read instruction carefully and use hacks and modules at your own risk...Thank you.