[RC] Index Tabbed

A place for MOD Authors to post and receive feedback on MODs still in development. No MODs within this forum should be used within a live environment!
Ideas Centre
Saske1
Registered User
Posts: 263
Joined: Wed Feb 02, 2011 7:41 pm
Location: Spain/España
Name: Salva
Contact:

[RC] Index Tabbed

Post by Saske1 » Fri Aug 16, 2013 5:28 pm

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
Last edited by Saske1 on Wed Aug 21, 2013 8:16 am, edited 3 times in total.

User avatar
Jessica
Former Team Member
Posts: 4342
Joined: Sun Jul 18, 2010 2:53 pm
Location: Pennsylvania, USA
Name: Jessica
Contact:

Re: [RC] Index Tabbed

Post by Jessica » Fri Aug 16, 2013 9:25 pm

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.
Pro-choice, Atheist, Pro-LGBT rights
Everybody is a genius. But if you judge a fish by its ability to climb a tree, it will live its whole life believing that it is stupid. - Albert Einstein

Saske1
Registered User
Posts: 263
Joined: Wed Feb 02, 2011 7:41 pm
Location: Spain/España
Name: Salva
Contact:

Re: [RC] Index Tabbed

Post by Saske1 » Fri Aug 16, 2013 9:50 pm

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.

User avatar
Jessica
Former Team Member
Posts: 4342
Joined: Sun Jul 18, 2010 2:53 pm
Location: Pennsylvania, USA
Name: Jessica
Contact:

Re: [RC] Index Tabbed

Post by Jessica » Sat Aug 17, 2013 5:19 am

I see on your site that you created a topic for plugins for this mod. What sort of plugins will there be?
Pro-choice, Atheist, Pro-LGBT rights
Everybody is a genius. But if you judge a fish by its ability to climb a tree, it will live its whole life believing that it is stupid. - Albert Einstein

Saske1
Registered User
Posts: 263
Joined: Wed Feb 02, 2011 7:41 pm
Location: Spain/España
Name: Salva
Contact:

Re: [RC] Index Tabbed

Post by Saske1 » Sat Aug 17, 2013 11:23 am

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)

User avatar
ViolaF
Registered User
Posts: 1459
Joined: Tue Aug 14, 2012 11:52 pm

Re: [RC] Index Tabbed

Post by ViolaF » Sat Aug 17, 2013 11:56 am

Why the style is not normal prosilver, if prosilver is my style?

Saske1
Registered User
Posts: 263
Joined: Wed Feb 02, 2011 7:41 pm
Location: Spain/España
Name: Salva
Contact:

Re: [RC] Index Tabbed

Post by Saske1 » Sat Aug 17, 2013 12:31 pm

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"

User avatar
ViolaF
Registered User
Posts: 1459
Joined: Tue Aug 14, 2012 11:52 pm

Re: [RC] Index Tabbed

Post by ViolaF » Sat Aug 17, 2013 1:08 pm

Big thanks. Thats really appreciated :D

User avatar
Jessica
Former Team Member
Posts: 4342
Joined: Sun Jul 18, 2010 2:53 pm
Location: Pennsylvania, USA
Name: Jessica
Contact:

Re: [RC] Index Tabbed

Post by Jessica » Sat Aug 17, 2013 4:03 pm

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)
Pro-choice, Atheist, Pro-LGBT rights
Everybody is a genius. But if you judge a fish by its ability to climb a tree, it will live its whole life believing that it is stupid. - Albert Einstein

Saske1
Registered User
Posts: 263
Joined: Wed Feb 02, 2011 7:41 pm
Location: Spain/España
Name: Salva
Contact:

Re: [RC] Index Tabbed

Post by Saske1 » Sat Aug 17, 2013 5:47 pm

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.

User avatar
Jessica
Former Team Member
Posts: 4342
Joined: Sun Jul 18, 2010 2:53 pm
Location: Pennsylvania, USA
Name: Jessica
Contact:

Re: [RC] Index Tabbed

Post by Jessica » Sat Aug 17, 2013 6:54 pm

EDIT: never mind
Pro-choice, Atheist, Pro-LGBT rights
Everybody is a genius. But if you judge a fish by its ability to climb a tree, it will live its whole life believing that it is stupid. - Albert Einstein

User avatar
Jessica
Former Team Member
Posts: 4342
Joined: Sun Jul 18, 2010 2:53 pm
Location: Pennsylvania, USA
Name: Jessica
Contact:

Re: [RC] Index Tabbed

Post by Jessica » Sun Aug 18, 2013 6:05 am

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
Pro-choice, Atheist, Pro-LGBT rights
Everybody is a genius. But if you judge a fish by its ability to climb a tree, it will live its whole life believing that it is stupid. - Albert Einstein

Saske1
Registered User
Posts: 263
Joined: Wed Feb 02, 2011 7:41 pm
Location: Spain/España
Name: Salva
Contact:

Re: [RC] Index Tabbed

Post by Saske1 » Sun Aug 18, 2013 7:51 am

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

Saske1
Registered User
Posts: 263
Joined: Wed Feb 02, 2011 7:41 pm
Location: Spain/España
Name: Salva
Contact:

Re: [RC] Index Tabbed

Post by Saske1 » Sun Aug 18, 2013 4:25 pm

Version 3.0.1 now ready on Github, for those who want to try it ...
https://github.com/phpbbsaske/Index_Tab ... master.zip

User avatar
Jessica
Former Team Member
Posts: 4342
Joined: Sun Jul 18, 2010 2:53 pm
Location: Pennsylvania, USA
Name: Jessica
Contact:

Re: [RC] Index Tabbed

Post by Jessica » Sun Aug 18, 2013 4:38 pm

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'
Pro-choice, Atheist, Pro-LGBT rights
Everybody is a genius. But if you judge a fish by its ability to climb a tree, it will live its whole life believing that it is stupid. - Albert Einstein

Locked

Return to “[3.0.x] MODs in Development”