Zen v1.1 - Mac Style by vbzenstudio | new
 

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:

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:

http://a.imageshack.us/img34/5193/vb...8216290232.png

:up: Forumhome:

http://img440.imageshack.us/img440/5...8154611922.png

: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

THX for the nice Style

uau Great...

I use 3.8.6 :(

With me he is shown Style-faultily. They appendix. How do I repair this?

Can I have a live demo please?

@ vbzenstudio You have a PN

@Rolli:

I have updated this style to v1a. It should fix your problem.

John

I have made the forum a little broader and now looks of the Header a little bit unsightly where can I put this or change? See appendix

Ready, it has found.

This is a fixed style, so please keep it as it to make sure everything works smoothly.

John

removed

Who is an on-line "still has a style mistake

@Rolli: I can't see any error with the demo site.

Please tell me more detail about the mistake you thought. It would be great if you can provide a screenshot.

Thanks
John

Here is a Screenshot,

Is that for vB 4.0.6 ???

Yes, as I mentioned above.

Compatiable with 4.0.5 and above.

@Rolli: which page is come from? Can you give me the link ?

John

You have pn

ThankS Z Mark Installed on my Forum .

wow i really luv it :D awesome style thanks sir >.<

You are welcome!

Thank you, Im glad to hear it.

I still cannot find where is the page having this error.

John

wow i really love homepage >.< can i ask sir umm do you think in different colors to do? like orange :O but except blue kkkk
i like this sites main colors: http://videoyun.com/forum/

https://vborg.vbsupport.ru/

It's possible to change it to orange but it could break the current layout.

I will think about it.

Thanks 4 your suggestion.

John

Replace the attachment with current tcat.png in

images/styles/zen/

then it should be ok now.

John

thanks for your interest 2thanks2well>.< i will try it now :D

@@@ wow sir! looks great :D thank you very much for your sweet works :3 its really been nice a style for a forum >.<

http://img94.imageshack.us/img94/1228/oooooou.png

*Ignore*

Ja ist er

dude you have talent so i want to check out your work but i cant find the adress of your site

do you have one?

nicely done,

I'm slowly starting the see the talented Vb people come out with really nice designs.

@Fynnon:

Removing my site to dedicated server, should be done in few days.

@reg_vb

Thank you for your nice words.

John

Style removed

That is the most beautiful style I have ever seen for vBulletin. I am definitely using this, Excellent work!

Seems nice, thanks

I tweaked it a bit, I hope you don't mind.
http://humbersideva.co.uk/forums

You are welcome.

Glad to know that!

Very nice done. Thanks for keeping my copyright.

Have a nice day guys!

John

Goes the Style also with vB 4.0.3, The style would be super fit my forum.

Will installing a Fatal Error

Hello GreJan,

I didn't test it with older version than 4.0.5 then I'm not pretty sure if it will works.

Can you creat me an user with admin style permission with link to your site and send it to me via PM ?
I will see what I can do.

John

Hi thanks for the great skin.

I found some issues after installaing.
I have a fresh install of VB 4.0.6 (incl. Blog and CMS).

First i tried only to install v1a and a saw that the style was not affecting the cms part.
SO i restored fresh install, install zenv1-vbzenstudio.xml first and then upgraded to Zenv1a.xml.
Now cms is using the Zen Style, but ist is always using the "header" from deafult Skin. I saw this because of the wrong Logo. I checked every option twice that the skin is selected like expected. Deleting defaultskin fixes this issue, but i think there is something wong in the .xml until now?

Any Iidea?

@magic911:

Thank you for the information, anyone having the same trouble with the installation like magic911, please raise your hands up!

jk, Im going to check it right now, otherwise, it would be better if you upload directly with zenv1a.xml, it's no need to import the older version then update again.

John

Hi, I like your style. Testing it at the moment. Found a little layout error. Look at the screen shot i took.
Thanks for making this beauty.