Suite Style - HiO CleanLight by vBCreative

HiO CleanLight lAbsolutely easy on eyes, clean and clear, smooth skin from vBCreative.net. This maybe the last free from me atm. After that I'm back to work on upcoming site vBCreative.Net

Working on HiO iWay, should be done in next few hours.


Skin features:

Compatible with CMS : Yes
Compatible with Forum: Yes
Compatible with Blog: Yes
Fluid version: Yes
Fixed version: No

Compatible with 4.x.x: Tested with latest version 4.0.2 patch level 1. Not sure with lower version so use at your risk

Screenshot:

See attachment or click here.
Live Demo:

lol I have none active site so feel free to put your site by reply I will put it here for others.


How to install:

+ download attachment
+ upload folder cleanlight to your root forum/images/styles/
+ import XML
+ enjoy and mark as thank, mark as installed for better support.
Version:
1.0 - First release

[/COLOR] [/COLOR]NOTE:

People who are asking for PSD. Look at cleanlight folder you will find a blank header for your need.

Quick fix for pop-up menu font cannot be viewed:

style manager/stylevars/ navbar_selected_popup_body_a_Color

change to any darker color you prefer. example: #333333 or #000000

Fixed one coming soon!

Haothiencz

[darsalles]

Im using your style but I have a small problem, the custom status forums images are not working, here a pic:



The default icons works but the customs with prefix not :s

[Dubi]

Originally Posted by Tauhid

can you help me out on this:
https://vborg.vbsupport.ru/showpost....9&postcount=26

Edit template vbulletin-chrome.css, find .navtabs ul

Replace top:{vb:stylevar navbar_tab_size.height}px; with top:32px;

Add margin-top:9px;

Change top values if these don't fit your needs.

[Tauhid]

Originally Posted by Dubi

Edit template vbulletin-chrome.css, find .navtabs ul

Replace top:{vb:stylevar navbar_tab_size.height}px; with top:32px;

Add margin-top:9px;

Change top values if these don't fit your needs.

thanks so much, I owe you one big time!

Can you take a look at the screenshot attached, the attachment icons on the threads are colliding with the actual page numbers of the thread...

[Dubi]

Originally Posted by Tauhid

thanks so much, I owe you one big time!

Can you take a look at the screenshot attached, the attachment icons on the threads are colliding with the actual page numbers of the thread...

You might give to this div a little more width

search.css template/ .threadbit .threadinfo -> set width to... 47%?

[Tauhid]

Originally Posted by Dubi

You might give to this div a little more width

search.css template/ .threadbit .threadinfo -> set width to... 47%?

thanks I tried playing around with it, even going all the top to 55%, but they still come out messy, guess this skin has these tiny bugs all over...

[Dubi]

Originally Posted by Tauhid

thanks I tried playing around with it, even going all the top to 55%, but they still come out messy, guess this skin has these tiny bugs all over...

... Mmm... perhaps have to expand body_wrapper to gain more space, look here: https://vborg.vbsupport.ru/showpost....7&postcount=29

As you can see in the attachment, the clip "don't clip" any number.

And, if you allow me an advice , get Firebug. To scratch into CSS (and other things) it's the best tool I've seen.

[Tauhid]

Originally Posted by Dubi

... Mmm... perhaps have to expand body_wrapper to gain more space, look here: https://vborg.vbsupport.ru/showpost....7&postcount=29

As you can see in the attachment, the clip "don't clip" any number.

And, if you allow me an advice , get Firebug. To scratch into CSS (and other things) it's the best tool I've seen.

thanks so much, that fixed it!! But, I have a question, this bug was here even before I fixed the width as you showed me earlier. This came built in with this skin only, check the attachment. the forum names are intersecting..

[darsalles]

Originally Posted by Dubi

You might give to this div a little more width

search.css template/ .threadbit .threadinfo -> set width to... 47%?

where do i edit this??

please the coder fix the small bugs of the skin

[Dubi]

Originally Posted by darsalles

where do i edit this??

please the coder fix the small bugs of the skin

It seems that haothiencz don't have 10 life-times, so...

search.css template/ .threadbit .threadinfo -> set width to... 47%?

means you've to open your style manager, open HiO Clean Light template, find on CSS templates group search.css template, open it and find .threadbit .threadinfo class and change the width value to 47%. Save and take a look.

Or wait for coder's solution...

[Dubi]

Originally Posted by Tauhid

thanks so much, that fixed it!! But, I have a question, this bug was here even before I fixed the width as you showed me earlier. This came built in with this skin only, check the attachment. the forum names are intersecting..

No, that's not an exclusive bug of this style, default vbulletin style has it too.

One solution might be edit search.css template, find .threadbit .threadpostedin p and add margin-right: 20px;