The Arcive of Official vBulletin Modifications Site.

Forum Style - IP.Board Style Red - By Technidev · **Released**: 07-02-2014

Mark as installed = get support.

Important information:
- This style has been tested on Chrome 36+, FireFox 29+ and IE 10. I will only provide support for new browsers.
- This style is based on a IPBFocus style.
- This is a fixed 1300px width style. Refer to the FAQ at the bottom of this post to see how to make it fluid.
- RTL may not display correctly.

Screenshots

Live Demo
ZTech Style

Installation
1) Upload the ztech folder to /images/styles/
2) AdminCP > Style & Templates -> Download / Upload Styles -> Import the style.

Update Changelog
v1.1: Should now work for the CMS as well, changed the margin of some elements and changed some other images.
v1.0: Initial release.

Questions
Q: Where can I change the logo?
A: In the navbar template. Change the image location or replace it on your server.

Q: How to make this style fluid?
A: Go the style variable editor and change the following settings: doc_maxWidth: remove the width and doc_margin: top: 0, right: 25; bottom: 0; left: 25; type: px.
.

dachkraxler · #72 03-17-2015, 05:35 AM

Hi Dave ,
how can I get the blog button red?

IdrisDose · #73 08-23-2015, 11:01 PM

I'm sorry if this has been asked already but is it possible to get the PSD's for the images so I could possibly changed the red to a different color? E.G; Maintitle and the forum buttons on the side.

Dave · #74 08-25-2015, 03:04 PM

Quote:

Originally Posted by IdrisDose

I'm sorry if this has been asked already but is it possible to get the PSD's for the images so I could possibly changed the red to a different color? E.G; Maintitle and the forum buttons on the side.

Unfortunately I don't have any PSD files.

ekselent · #75 09-20-2015, 09:11 AM

hey, how can I fix the skype button?

Manoel J?nior · #76 09-21-2015, 08:55 PM

Quote:

Originally Posted by ekselent

hey, how can I fix the skype button?

Is missing the picture, click the right button and see the image location, upload it in place.

ekselent · #77 09-22-2015, 03:34 PM

How can I make the logo fully clickable? Right now the clickable part is just the lower part of the logo, which lies on navigation bar, i believe. Is there something in "navbar" (down below) that I have to change?

Code:

<vb:if condition="$stylevar['titleimage']"><div><a name="top" href="{vb:link forumhome}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div></vb:if>

<div id="navbar" class="navbar">
	<ul id="navtabs" class="navtabs floatcontainer<vb:if condition="$show['member'] AND $notifications_total"> notify</vb:if>">
		{vb:raw template_hook.navtab_start}
		{vb:raw navigation}
		{vb:raw template_hook.navtab_end}
	</ul>
	<vb:if condition="$vboptions['enablesearches']">
		<div id="globalsearch" class="globalsearch">
			<form action="search.php?{vb:raw session.sessionurl}do=process" method="post" id="navbar_search" class="navbar_search">
				<vb:comment><input type="hidden" name="s" value="{vb:raw session.sessionurl}" /></vb:comment>
				<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
				<input type="hidden" name="do" value="process" />
				<span class="textboxcontainer"><span><input type="text" value="" name="query" class="textbox" tabindex="99" placeholder="Search..." /></span></span>
				<span class="buttoncontainer"><span><input type="submit" class="searchbutton" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100" value=""/></span></span>
			</form>
			<ul class="navbar_advanced_search">
				<li><a href="search.php{vb:raw session.sessionurl_q}" accesskey="4" title="{vb:rawphrase advanced_search}"></a></li>
				{vb:raw template_hook.navbar_advanced_search}
			</ul>
		</div>
	</vb:if>
</div>
</div><!-- closing div for above_body -->

<div class="body_wrapper">
<div id="breadcrumb" class="breadcrumb">
	<ul class="floatcontainer">
		<li class="navbithome"><a href="index.php{vb:raw session.sessionurl_q}" accesskey="1"><img src="images/styles/ztech/misc/navbit-home.png" alt="{vb:rawphrase home}" /></a></li>
		{vb:raw navbits.breadcrumb}
		{vb:raw navbits.lastelement}
	</ul>
	<hr />
</div>

{vb:raw ad_location.ad_navbar_below}
{vb:raw ad_location.global_below_navbar}

<vb:if condition="$show['notices'] AND THIS_SCRIPT != 'register'">
	<form action="profile.php?do=dismissnotice" method="post" id="notices" class="notices">
		<input type="hidden" name="do" value="dismissnotice" />
		<input type="hidden" name="s" value="{vb:raw session.sessionurl}" />
		<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
		<input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value="" />
		<input type="hidden" name="url" value="{vb:raw return_link}" />
		<ol>
			{vb:raw notices}
		</ol>
	</form>
</vb:if>

______________________

Also, I am having trouble with redirecting pages under "Whats new?". It all works great in English language, but when I change it to Estonian, it doesnt show right things anymore:

correct:

something wrong:

Dave · #78 09-23-2015, 11:18 AM

Been a while, but I finally uploaded a new version.
Download version 1.1 in my first post.

Quote:

Originally Posted by ekselent

How can I make the logo fully clickable? Right now the clickable part is just the lower part of the logo, which lies on navigation bar, i believe. Is there something in "navbar" (down below) that I have to change?

http://oi58.tinypic.com/25s4uhe.jpg

Code:

<vb:if condition="$stylevar['titleimage']"><div><a name="top" href="{vb:link forumhome}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div></vb:if>

<div id="navbar" class="navbar">
	<ul id="navtabs" class="navtabs floatcontainer<vb:if condition="$show['member'] AND $notifications_total"> notify</vb:if>">
		{vb:raw template_hook.navtab_start}
		{vb:raw navigation}
		{vb:raw template_hook.navtab_end}
	</ul>
	<vb:if condition="$vboptions['enablesearches']">
		<div id="globalsearch" class="globalsearch">
			<form action="search.php?{vb:raw session.sessionurl}do=process" method="post" id="navbar_search" class="navbar_search">
				<vb:comment><input type="hidden" name="s" value="{vb:raw session.sessionurl}" /></vb:comment>
				<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
				<input type="hidden" name="do" value="process" />
				<span class="textboxcontainer"><span><input type="text" value="" name="query" class="textbox" tabindex="99" placeholder="Search..." /></span></span>
				<span class="buttoncontainer"><span><input type="submit" class="searchbutton" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100" value=""/></span></span>
			</form>
			<ul class="navbar_advanced_search">
				<li><a href="search.php{vb:raw session.sessionurl_q}" accesskey="4" title="{vb:rawphrase advanced_search}"></a></li>
				{vb:raw template_hook.navbar_advanced_search}
			</ul>
		</div>
	</vb:if>
</div>
</div><!-- closing div for above_body -->

<div class="body_wrapper">
<div id="breadcrumb" class="breadcrumb">
	<ul class="floatcontainer">
		<li class="navbithome"><a href="index.php{vb:raw session.sessionurl_q}" accesskey="1"><img src="images/styles/ztech/misc/navbit-home.png" alt="{vb:rawphrase home}" /></a></li>
		{vb:raw navbits.breadcrumb}
		{vb:raw navbits.lastelement}
	</ul>
	<hr />
</div>

{vb:raw ad_location.ad_navbar_below}
{vb:raw ad_location.global_below_navbar}

<vb:if condition="$show['notices'] AND THIS_SCRIPT != 'register'">
	<form action="profile.php?do=dismissnotice" method="post" id="notices" class="notices">
		<input type="hidden" name="do" value="dismissnotice" />
		<input type="hidden" name="s" value="{vb:raw session.sessionurl}" />
		<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
		<input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value="" />
		<input type="hidden" name="url" value="{vb:raw return_link}" />
		<ol>
			{vb:raw notices}
		</ol>
	</form>
</vb:if>

______________________

Also, I am having trouble with redirecting pages under "Whats new?". It all works great in English language, but when I change it to Estonian, it doesnt show right things anymore:

correct:

http://oi61.tinypic.com/10nxjdg.jpg

something wrong:

http://oi62.tinypic.com/mb032d.jpg

Add the following to additional.css:

HTML Code:

.logo-image{
   z-index: 9999;
}

OR download and install the new version I just uploaded.

Not sure about the last thing, my style does not change anything regarding that besides the visual looks.

dachkraxler · #79 09-23-2015, 02:26 PM

Thanks for the update !!

:up::up:

ekselent · #80 09-23-2015, 02:28 PM

Quote:

Originally Posted by Dave

Been a while, but I finally uploaded a new version.
Download version 1.1 in my first post.

Add the following to additional.css:

HTML Code:

.logo-image{
   z-index: 9999;
}

OR download and install the new version I just uploaded.

Not sure about the last thing, my style does not change anything regarding that besides the visual looks.

Thank you, got the logo thingy to work!

Is it possible for you to make this same style with grayish or lighter colour background, I believe this style would get so many more downloads with that option

Me, personally, would like lighter colour choice too :P Absolute killer design =)

ekselent

Dave · #81 09-24-2015, 07:44 AM

Quote:

Originally Posted by ekselent

Thank you, got the logo thingy to work!

Is it possible for you to make this same style with grayish or lighter colour background, I believe this style would get so many more downloads with that option

Me, personally, would like lighter colour choice too :P Absolute killer design =)

ekselent

It's possible, but it requires quite some time which I don't have at the moment.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05879 seconds Memory Usage 2,361KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (2)bbcode_code (2)bbcode_html (5)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (11)post_thanks_box (7)post_thanks_box_bit (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (1)post_thanks_postbit (11)post_thanks_postbit_info (10)postbit (2)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start fetch_musername post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end post_thanks_function_fetch_thanks_bit_start post_thanks_function_show_thanks_date_start post_thanks_function_show_thanks_date_end post_thanks_function_fetch_thanks_bit_end post_thanks_function_fetch_post_thanks_template_start post_thanks_function_fetch_post_thanks_template_end postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

8 благодарности(ей) от:
dachkraxler, Phillip, Skaut, socialteenz, TerminalSkunk, thakillers, ukhostz

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!