Suite Style - Zen v1.1 - Mac Style by vbzenstudio | new

Hello guys,

We are proudly to bring you our very first style on vbulletin.org.

vBZenstudio is a new online-company, especially working in vbulletin design and coding. We are preparing our portfolio to release our site asap.

Ok, let's go for the style!

Style name:

:up: Zen v1 aka Mac Style

Style description:

:up: Compatiable with CMS, Forum, Blog
:up: Rounded CSS works smoothly with Firefox, Chrome, Opera, Safari. Honestly, I'm a IE-Hater.
:up: Compatiable with 4.0.5 and above.[/size]
:up: Lightweight, clean and easy reading
:up: Custom some minor icons
:up: Fast connect icons to facebook, twitter, flickr...already!
:up: It's completely FREE!

Copyright note:

:up: You are free to download this style and use it on your vbulletin site.
:up: You are not allowed to submit this style anywhere without my permission.
:up: We are asking you to keep our copyright on the footer of the style, if you want to remove it completely, contact us.

Usage:

:up: Download style to your PC.
:up: Check "readme.html" in Read Me folder.
:up: Unrar and upload "Upload" Folder in Zen v1 aka Mac Style - vBZenstudio.rar to your images/styles folder.
(If you don't have "styles" folder yet, just creat a new one).
:up: Unrar and Upload icons part.zip to your images/styles/zen/ folder.
(I have to split it because vbulletin allows only 3mb for zip upload)
:up: Import .xml from XML Folder through ACP/Styles and Languages manager.
:up: Mark as installed and rate this style if you plan to use it on your site, any suggestions or simple thank you post is highly appricated.
:up: If you have any request to our next releases we would like to hear it and will try our best to bring it on the next styles.

Q/A:

Q: How to change links/remove the communication icons in footer?
A: In template "footer", find the following code:

<!-- vBZenstudio -->
<! FB -->
<a href="link1" onMouseOver="document.Zen.src='images/styles/zen/facebook2.png';" onMouseOut="document.Zen.src='images/styles/zen/facebook.png';">
<img style="margin-top:10px;margin-right:5px;float:left;" src="images/styles/zen/facebook.png" name="Zen">
</a>

<! Twitter -->
<a href="link2" onMouseOver="document.Zen1.src='images/styles/zen/twitter2.png';" onMouseOut="document.Zen1.src='images/styles/zen/twitter.png';">
<img style="margin-top:10px;margin-right:5px;float:left;" src="images/styles/zen/twitter.png" name="Zen1">
</a>

<! Flickr -->
<a href="link3" onMouseOver="document.Zen2.src='images/styles/zen/flickr2.png';" onMouseOut="document.Zen2.src='images/styles/zen/flickr.png';">
<img style="margin-top:10px;margin-right:5px;float:left;" src="images/styles/zen/flickr.png" name="Zen2">
</a>

<! RSS -->
<a href="link4" onMouseOver="document.Zen3.src='images/styles/zen/rss2.png';" onMouseOut="document.Zen3.src='images/styles/zen/rss.png';">
<img style="margin-top:10px;margin-right:5px;float:left;" src="images/styles/zen/rss.png" name="Zen3">
</a>

I think I commented all the details very clearly.
To remove all icons or one of them just remove the code's part.
To change the link, put your link to replace "link1" "link2" "link3" "link4".
Need any others help? Reply to this thread, I will try to answer them asap.

Screenshot:

Fluid:



:up: Forumhome:



:up: Forumdisplay: Click here
:up: Showthread: Click here
:up: User setting: Click here


History:

- 12.08.2010 - First release.
- 12.08.2010 - Update to v1a for minor bug fix with forumhead when using sidebars.
- 19.08.2010 - Update to v1.1
Change log for v1.1:
- Fixed several bugs.
- Added fluid style
- Optimize css for faster load
- Upgrade from v1, v1a for fixed style: unrar, re-import the new xml to your current style, always choose ignore version before import.

Next releases features and features requests!

:up: Fish-eyes navigation - smiliar to Mac Dock
:up: More jquery stuffs.


John
vBZenstudio

[CubicWebs]

Love it going to try it on vb4.2.0

[betadoor]

its not work on vbulletin 4.2.0... :-(

[imported_pmay68]

update this one PLEASE

[sodasusu]

RIP for vb 4.2.0

[kamrandahir]

not compatible with Latest version 4.2.0 Patch Level 2

http://www.imagebam.com/image/ef830d200362135

plz update ur theme bro

[Karma1337]

Please update!

[Hijinx]

Does anyone know how to fix the broken Style Chooser when this theme is applied? Im on 4.2.0 and everything works except that style selector

[Krusty1231]

Originally Posted by Hijinx

Does anyone know how to fix the broken Style Chooser when this theme is applied? Im on 4.2.0 and everything works except that style selector

Go into your footer template and edit it.

find:

<form action="{vb:link forumhome|nosession}" method="get" id="footer_select" class="footer_select">


        <vb:if condition="$show['quickchooser']">
            <select name="styleid" onchange="switch_id(this, 'style')">
                <optgroup label="{vb:rawphrase quick_style_chooser}">
                    {vb:raw quickchooserbits}
                </optgroup>
            </select>    
        </vb:if>

        <vb:if condition="$show['languagechooser']">
            <select name="langid" onchange="switch_id(this, 'lang')">
                <optgroup label="{vb:rawphrase quick_language_chooser}">
                    {vb:raw languagechooserbits}
                </optgroup>
            </select>
        </vb:if>
    </form>

and replace with:

<form action="{vb:link forumhome|nosession}" method="get" id="footer_select" class="footer_select">

        <vb:if condition="$show['quickchooser']">
            <select name="styleid" onchange="switch_id(this, 'style')">
                <optgroup label="{vb:rawphrase quick_style_chooser}"><option class="hidden"></option></optgroup>
                <vb:if condition="$quickchooserbits1">
                    <vb:if condition="$quickchooserbits2">
                    <optgroup label="&nbsp;{vb:rawphrase standard_styles}">
                    </vb:if>                
                    {vb:raw quickchooserbits1}
                    <vb:if condition="$quickchooserbits2">
                    </optgroup>
                    </vb:if>                    
                </vb:if>
                <vb:if condition="$quickchooserbits2">
                    <vb:if condition="$quickchooserbits1">
                    <optgroup label="&nbsp;{vb:rawphrase mobile_styles}">
                    </vb:if>
                    {vb:raw quickchooserbits2}
                    <vb:if condition="$quickchooserbits1">
                    </optgroup>
                    </vb:if>                    
                </vb:if>
            </select>    
        </vb:if>

        <vb:if condition="$show['languagechooser']">
            <select name="langid" onchange="switch_id(this, 'lang')">
                <optgroup label="{vb:rawphrase quick_language_chooser}">
                    {vb:raw languagechooserbits}
                </optgroup>
            </select>
        </vb:if>
    </form>

[Hijinx]

Awesome, It works now, however the Nav Tabs aren't updating when I add new Tabs. It only keeps the forums and whats new.

Ideas? Solutions?

[Krusty1231]

See this post by Socialteenz:

https://vborg.vbsupport.ru/showthread.php?t=283477

That should fix you up!