Page 1 of 3

[RC] Index Tabbed

Posted: Fri Aug 16, 2013 5:28 pm
by Saske1
Modification Name: Index Tabbed
Author: Saske, Leviatan21 (Past)

Modification Description:: This modification changes the way you look in the index, browsing a forum, and seeing a theme, sections from Who's Online?, Birthday, Log-in, Statistics, etc.
Modification Version:: 3.0.1
Github repository: https://github.com/phpbbsaske/Index_Tab ... master.zip

Requirements: phpBB Version 3.0.8, 3.0.9, 3.0.10, 3.0.11, 3.0.12RC2

Features:
  • ACP Settings
  • Cheacker Version
  • Easy Install
  • Nice tab style
  • Use Bootstrap 3 RC2
  • AutoMOD
Add-ons: The two addon has been added to Github (contrib folder)

Screenshots:
http://www.phpbbsaske.es/foro/resources/image/2
http://www.phpbbsaske.es/foro/resources/image/3
http://www.phpbbsaske.es/foro/resources/image/4

Modification Download:
http://www.phpbbsaske.es/foro/resources/version/7

Re: [RC] Index Tabbed

Posted: Fri Aug 16, 2013 9:25 pm
by Jessica
Huh, not sure if I like the new style much :/ Guess I need to get used to the new one...will think about updating.

Is there a demo?

Also, looking at the images, I feel like the words are too close to the edge (left side). I suggest adding some spacing between them so it doesn't look like the words are squashed to the left.

Re: [RC] Index Tabbed

Posted: Fri Aug 16, 2013 9:50 pm
by Saske1
Jessica wrote:Huh, not sure if I like the new style much :/ Guess I need to get used to the new one...will think about updating.
Believe me, the design is much better now.
Although there is much css code not yet used in the tabs.css
Jessica wrote: Is there a demo?
I did not think to put a demo, because I knew I would have some stupid fail, like the one you discussed below
But here I leave a demo
Jessica wrote: Also, looking at the images, I feel like the words are too close to the edge (left side). I suggest adding some spacing between them so it doesn't look like the words are squashed to the left.
Fixed in Github
https://github.com/phpbbsaske/Index_Tab ... 4292932a4f

I found new bugs in the design login block, mainly
I will correct this soon.
Fixed: https://github.com/phpbbsaske/Index_Tab ... ec5ad3b41e
For the next version (3.0.1), all the bugs are fixed, the MOD will have its own configuration and improved in the ACP.

Re: [RC] Index Tabbed

Posted: Sat Aug 17, 2013 5:19 am
by Jessica
I see on your site that you created a topic for plugins for this mod. What sort of plugins will there be?

Re: [RC] Index Tabbed

Posted: Sat Aug 17, 2013 11:23 am
by Saske1
Jessica wrote:I see on your site that you created a topic for plugins for this mod. What sort of plugins will there be?
Plugins to work with other mods, but also to change the style a little, for example, change the way shown (this already in the MOD enter your own place in the ACP, not as in version 2.0. 0 or current)
http://phpbbsaske.es/foro/img/index-tab ... -pills.png
http://phpbbsaske.es/foro/img/index-tab ... -justi.png

These are simple things, for future versions achieve my idea is to change the layout of the tabs using a css file, and putting styles several default.
So how to change the colors of the tabs (regardless of the "css tabs" selected)

Re: [RC] Index Tabbed

Posted: Sat Aug 17, 2013 11:56 am
by ViolaF
Why the style is not normal prosilver, if prosilver is my style?

Re: [RC] Index Tabbed

Posted: Sat Aug 17, 2013 12:31 pm
by Saske1
ViolaF wrote:Why the style is not normal prosilver, if prosilver is my style?
The MOD uses a separate css (tabs.css) if you want to be using the prosilver css you must follow these steps:

- Delete styles/prosilver/theme/tabs.css and styles/prosilver/template/tab.js
-Undo changes overall_header.html and stylesheet.css
- Open styles7prosilver/template/index_tabbed.html
Find

Code: Select all

t.className = 'active';
Replace with

Code: Select all

t.className = 'activetab';
Find

Code: Select all

<ul class="nav nav-tabs">
Replace with

Code: Select all

<div id="tabs">
<ul>
Find

Code: Select all

</ul>
Add After

Code: Select all

</div>
Find

Code: Select all

<div id="panel-tab">
Replace with

Code: Select all

<div id="panel-tab" class="panel bg3">
	<div class="inner"><span class="corners-top"><span></span></span>
Find

Code: Select all

<div id="login-panel" class="panel-tabbed panel-tabbed-primary" style="display: <!-- IF not S_USER_LOGGED_IN -->block<!-- ELSE -->none<!-- ENDIF -->;">
					<div class="panel-tabbed-heading">
					<h5 class="panel-tabbed-title"><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- IF S_REGISTER_ENABLED -->&nbsp; &bull; &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF --></h5>
					</div>
Replace with

Code: Select all

<div id="login-panel" style="display: <!-- IF not S_USER_LOGGED_IN -->block<!-- ELSE -->none<!-- ENDIF -->;">
<h3><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- IF S_REGISTER_ENABLED -->&nbsp; &bull; &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF --></h3>
Find

Code: Select all

<fieldset class="quick-login" style="margin-left: 10px; margin-bottom: 10px; margin-top: 10px;">
Replace with

Code: Select all

<fieldset class="quick-login">
Find

Code: Select all

<div id="online-panel" class="panel-tabbed panel-tabbed-primary" style="display: <!-- IF S_USER_LOGGED_IN -->block<!-- ELSE -->none<!-- ENDIF -->;">
	<div class="panel-tabbed-heading">
		<!-- IF U_VIEWONLINE --><h5 class="panel-tabbed-title"><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h5><!-- ELSE --><h5 class="panel-tabbed-title">{L_WHO_IS_ONLINE}</h5><!-- ENDIF -->
	</div>
		<p style="margin-left: 10px; margin-top: 10px;" >
Replace with

Code: Select all

<div id="online-panel" style="display: <!-- IF S_USER_LOGGED_IN -->block<!-- ELSE -->none<!-- ENDIF -->;">
<!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3<!-- ENDIF -->
	</div>
		<p>
And so well, removing leftover divs and classes, and changing h5 by h3 (thus using prosilver css)
You must continue to make the changes in sections or blocks following (birthday, statistics, etc.) as well as viewforum_tabbed.html and viewtopic_tabbed.html

Another option that have the mod in future releases, will that go beyond the index, viewtopic viewforum or also affect the profiles, and posting.
Rename Surely when these features are added to something like "phpBB Tabbed"

Re: [RC] Index Tabbed

Posted: Sat Aug 17, 2013 1:08 pm
by ViolaF
Big thanks. Thats really appreciated :D

Re: [RC] Index Tabbed

Posted: Sat Aug 17, 2013 4:03 pm
by Jessica
Saske1 wrote:Another option that have the mod in future releases, will that go beyond the index, viewtopic viewforum or also affect the profiles, and posting.
Rename Surely when these features are added to something like "phpBB Tabbed"
phpBB tabbed...sounds nice.
For the profiles, there's already a mod for that - Tabbed Profile. Though I guess yours would be different if you used the new tab style. Not sure if it'll be a problem for me when you add it in the future (since I'm using the Tabbed Profile mod)

Re: [RC] Index Tabbed

Posted: Sat Aug 17, 2013 5:47 pm
by Saske1
Jessica wrote: phpBB tabbed...sounds nice.
For the profiles, there's already a mod for that - Tabbed Profile. Though I guess yours would be different if you used the new tab style. Not sure if it'll be a problem for me when you add it in the future (since I'm using the Tabbed Profile mod)
If it is different, although the utility is the same.
There will be no problem, because if the mod is activated, the profile code you have in memberlist_view will "ignore" and use "memberlist_tabbed.html"
If the mod is disabled in the profile, the code of your memberlist_view (the MOD you said), it will work.

Or that's the idea.

Re: [RC] Index Tabbed

Posted: Sat Aug 17, 2013 6:54 pm
by Jessica
EDIT: never mind

Re: [RC] Index Tabbed

Posted: Sun Aug 18, 2013 6:05 am
by Jessica
Okay, I updated...and I need help on this:

I have extra stuff in "Statistics" from other mods like a Reputation toplist. I got the stuff below the headings (that use h3) to move more to the right. However, I cannot figure out how to do that to the headings, like REPUTATION TOPLIST, BLOG STATS, etc

http://chenschool.elementfx.com/phpBB3/index.php

Test/test123

Another issue:

When I try using "margin-left: 10px" for the Referrers stats (in a completely new file, /referral/top_five_referrers.html), that didn't work as it should...I'll post a screenshot soon

Re: [RC] Index Tabbed

Posted: Sun Aug 18, 2013 7:51 am
by Saske1
Jessica wrote:Okay, I updated...and I need help on this:
Try this: ;)
Open your index_tabbed_new.html and replace div id=statistics-panel with

Code: Select all

	<!-- IF NEWEST_USER -->
	<div id="statistics-panel" class="panel-tabbed panel-tabbed-primary" style="display: none;">
		<div class="panel-tabbed-heading">
			<h5 class="panel-tabbed-title">{L_STATISTICS}</h5>
		</div>
<p style="margin-left: 10px; margin-top: 10px;">{BOARD_START_DATE}
</br></br>{TOTAL_POSTS}- <a href="{U_POSTSTATSPAGE}">{L_POSTSTATSPAGE}</a> &bull; {TOTAL_TOPICS} - <a href="{U_TOPICSTATSPAGE}">{L_TOPICSTATSPAGE}</a> &bull; {TOTAL_USERS} <!-- IF TOTAL_BANNED_USERS -->&bull; {L_BANNED_USERS} <a href="{U_BANLIST}">{TOTAL_BANNED_USERS}</a> <!-- ENDIF --> &bull; {NEWEST_USER}</p>

<!-- IF RS_TOPLIST -->
	<div class="panel-tabbed-heading">
		<h5 class="panel-tabbed-title">{L_RS_TOPLIST}</h5>
	</div>
	<p style="margin-left: 10px">{L_RS_TOPLIST_EXPLAIN}: <strong>{RS_TOPLIST}</strong></p>
<!-- ENDIF -->
	
		<div class="panel-tabbed-heading">
			<h5 class="panel-tabbed-title">{L_BLOG_STATS}</h5>
		</div>
		<p style="margin-left: 10px">{TOTAL_BLOG_ENTRIES}</p>

		<!-- Start Ultimate Points -->
	<!-- IF S_DISPLAY_POINTS_STATS -->
		<div class="panel-tabbed-heading">
			<h5 class="panel-tabbed-title">{L_POINTS_STATISTICS}</h5>
		</div>
		<p style="margin-left: 10px">{TOTAL_POINTS_USER} &bull; {TOTAL_BANK_USER} &bull; {TOTAL_BANK_POINTS} <!-- IF S_DISPLAY_LOTTERY--> &bull; {LOTTERY_TIME}<!-- ENDIF --></p>

	<!-- IF S_DISPLAY_INDEX -->
		<div class="panel-tabbed-heading">
			<h5 class="panel-tabbed-title">{L_POINTS_MOST_RICH_USERS}</h5>
		</div>
		<p style="margin-left: 10px"><!-- BEGIN rich_user --><!-- IF not rich_user.S_FIRST_ROW --> &bull; <!-- ENDIF -->{rich_user.USERNAME} ({rich_user.SUM_POINTS} {rich_user.SUM_POINTS_NAME})<!-- END rich_user --></p>
	<!-- ENDIF -->
	<!-- ENDIF -->
<!-- End Ultimate Points -->
<!-- Start DM Linkx -->
<!-- IF S_LINKX_EXIST -->
	<div class="panel-tabbed-heading">
		<h5 class="panel-tabbed-title">{L_DM_LINKX_MOST_SEEN_LINKXS}</h5>
	</div>
	<p style="margin-left: 10px">{NUMBER_LINKXS}<br/><!-- BEGIN linkxline -->&bull; {linkxline.TITEL} ({linkxline.LINKX_COUNTER}) <!-- END linkxline --></p>
<!-- ENDIF -->
<!-- End DM Linkx -->
<!-- IF TOP_FIVE_REFERRERS -->
<!-- INCLUDE referral/top_five_referrers.html -->
<!-- ENDIF -->
	</div>
	<!-- ENDIF -->
Edit:
Screenshot version 3.0.1 ACP (Spanish Language)
Image

Re: [RC] Index Tabbed

Posted: Sun Aug 18, 2013 4:25 pm
by Saske1
Version 3.0.1 now ready on Github, for those who want to try it ...
https://github.com/phpbbsaske/Index_Tab ... master.zip

Re: [RC] Index Tabbed

Posted: Sun Aug 18, 2013 4:38 pm
by Jessica
I updated, but I'm not sure where the new module with the settings are...

edit: Found it, should be in MODs tab, though it's not visible for some reason, moved it under Board config instead

it was set as a category, changed it to 'module'