[bbcode] wbb3 to phpbb3 - Tab-Menu [V1.0]
Posted: 09 Sep 2010, 03:38
Hello,
Yea... Now here the Tab-Menu is for the phpbb3 forum. It wasn't to be developed simply this Tab-Menu and to finish for bbcodes now, however, I have somewhat created it.
This Tab-Menu comes later in my "posting buttons layout"
Tab-Menu
First u need a Backup of this Files:
styles/[Your Style]/template/overall_header.html
[spoiler=Installation V1.0]2.
Open the overall_header.html and find:and Add befor:
find:
and Add befor:
3.
Go to your ACP and to the BBCode Sektion.
Add this BBCodes...
BBCode:HTML Code:
BBCode:
HTML Code:
4.
Copy/Upload the following Files to this Folders:
tabmenu.css => styles/[Your Style]/theme/
tabcontent_top.jpg => styles/[Your Style]/theme/
tabhg.jpg => styles/[Your Style]/theme/
tabmenu.js => styles/[Your Style]/template/
Your Modified overall_header.html => styles/[Your Style]/template/[/spoiler]
[spoiler=Upgrade from V0.5 to 1.0]Downloade the Attachment and Overwrite alle the Files![/spoiler]
Example/Instructions:
Visit: Tab-Menu [V1.0]
Yea... Now here the Tab-Menu is for the phpbb3 forum. It wasn't to be developed simply this Tab-Menu and to finish for bbcodes now, however, I have somewhat created it.
This Tab-Menu comes later in my "posting buttons layout"
Tab-Menu
First u need a Backup of this Files:
styles/[Your Style]/template/overall_header.html
[spoiler=Installation V1.0]2.
Open the overall_header.html and find:
Code: Select all
<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
Code: Select all
<!-- Tabmenu -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/tabmenu.js"></script>
<!-- Tabmenu -->
Code: Select all
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
Code: Select all
<!-- Tabmenu -->
<link rel="stylesheet" type="text/css" media="screen" href="{T_THEME_PATH}/tabmenu.css" />
<!-- Tabenu -->
Go to your ACP and to the BBCode Sektion.
Add this BBCodes...
BBCode:
Code: Select all
[tabmenu]{TEXT}[/tabmenu]
Code: Select all
<div class="tabmenu">{TEXT}</div>
Code: Select all
[tab={INTTEXT}]{TEXT}[/tab]
Code: Select all
<div class="tab">
<h4 class="tabtitle">{INTTEXT}</h4>
<div class="tabcontent"><div class="tabcontent_top"></div>{TEXT}</div>
</div>
Copy/Upload the following Files to this Folders:
tabmenu.css => styles/[Your Style]/theme/
tabcontent_top.jpg => styles/[Your Style]/theme/
tabhg.jpg => styles/[Your Style]/theme/
tabmenu.js => styles/[Your Style]/template/
Your Modified overall_header.html => styles/[Your Style]/template/[/spoiler]
[spoiler=Upgrade from V0.5 to 1.0]Downloade the Attachment and Overwrite alle the Files![/spoiler]
Example/Instructions:
Visit: Tab-Menu [V1.0]