Log in

View Full Version : How to make a habbo-skin for vbulletin 4?



lalala
14-09-2010, 12:58 PM
Hi! Please, can you explian me how to make a habbo-skin for vbulletin?

I tried but I can not understand the variables box and how can I make habbo style :S

Jamesy
14-09-2010, 03:03 PM
Hey lalala,

making vB4 look in some way habbo-ish is actually rather a pain in the bum, especially if you want to customise it further than just a recolour of the default skin - for example the summer skin here involved me adding extra divs to every single content box and header to create the pixelated curves.

I'm guess the variables you are talking about are Stylevars. An awful system but one you kind of have to hold your nose and dive into. They basically replace the key bits of CSS, lets take for example the blue headers on certain blocks on here:

http://dl.dropbox.com/u/3663961/sm-bh.PNG

That's how that is set out, although this wont give you the curves.

The way you are going to have to use to make it look more than just a recoloured default is by editing the CSS itself, as well as the templates so css / HTML knowledge is a must really.

You can get to the CSS templates like this:
http://dl.dropbox.com/u/3663961/sm-css.PNG

http://dl.dropbox.com/u/3663961/sm-css2.PNG

and here for example is part the summer skin login box:
http://dl.dropbox.com/u/3663961/sm-vbchrome.PNG

although that was modifed in the header template too.

You can see some basic stylevar information here: http://www.vbulletin.com/docs/html/stylevar_container_general and I think there are some graphical ones, albeit a bit out of date, knocking about on vbulletin.com too.

Want to hide these adverts? Register an account for free!