Remove Ad, Sign Up
Register to Remove Ad
Register to Remove Ad
Remove Ad, Sign Up
Register to Remove Ad
Register to Remove Ad
Signup for Free!
-More Features-
-Far Less Ads-
About   Users   Help
Users & Guests Online
On Page: 1
Directory: 31
Entire Site: 4 & 636
Page Staff: pokemon x, pennylessz, Barathemos, tgags123, alexanyways, supercool22, RavusRat,
03-28-24 03:02 AM

Forum Links

Layout Guide
This is the Guide. The feedback thread is in the Computer Forum.
Related Threads
Coming Soon

Thread Information

Views
27,617
Replies
87
Rating
14
Status
OPEN STICKY
Thread
Creator
Zamiel
06-21-11 06:13 PM
Last
Post
Minuano
09-27-20 10:47 PM
Additional Thread Details
Views: 15,037
Today: 1
Users: 76 unique
Last User View
01-28-22
pokemon x

Thread Actions

Order
Posts


5 Pages
>>
 

Layout Guide

 

06-21-11 06:13 PM
Zamiel is Offline
| ID: 409097 | 687 Words

Zamiel
Level: 105


POSTS: 2845/3029
POST EXP: 119784
LVL EXP: 11985543
CP: 125.4
VIZ: 161875

Likes: 3  Dislikes: 0
Layout's and You!



If you want a layout, you have a few options to get one.

First of all, you'll have to find your way to the Layout Editor. Click the "Edit Profile & Settings" link in the top left corner of the screen. Scroll down about halfway and click the "Edit layout" link.

If you don't want to make a layout yourself, there are a few options. You can ask another member to make one for you. Either ask a member who you know makes layouts or make a thread in the Vizzed Market forum.

Another option is to simply buy one using your Viz. In the Layout Creator, click the "Buy Layouts" link. From there, simply click the name of one of the layouts to preview it. If you like it, click the "Puchase This Layout" link beneath the title of the layout.

If you know any HTML or CSS coding, you can check the information below to familiarize yourself with the rules before making one yourself using the Advanced Editor.

If you don't know coding, you could use the Layout Creator instead. Again, make sure you follow the rules listed in the Layout Guide below.


1. What You Need To Know


You will need a good understanding of either html or css. Preferably both. This is what layouts are made of so if you have no clue what html or css is DON'T MAKE ONE. Get someone else to do it.
Knowing how to make your own graphics is also nice but not neccesary. I always like seeing you make your own though

----------

2. Don'ts & Do's -You should edit your layout if it does not meet these standards.

Do not
-place regular text in the header, this is very annoying for everyone and is not clever. Don't do it.
-Use a large background picture. I mean in terms of file size and not dimension. Anything over 100 kb is a bit large.
-leave tags unclosed. This can mess up the board and any thread you post in. Always double check to see if you left any open tags.
-use weird text colors. Especially red text. There are rare cases where it works but unless you know what you're doing it will look bad and be hard to read.

Do
-Ask for other peoples opinions. Chances are there's something that you won't notice that others will. Criticism can be helpful so ask a friend to take a look. Also post your layout in the Layout Test thread before committing to it.
-Double/Triple check your code. One missing character can spell disaster for a layout.
-If you have a picture background it's best to use a transparent box for your post.
-Make the width of your layout is 100% instead of a set number. This will keep your layout from stretching someone's screen. If you do set a number make sure it's no bigger than 800px.

----------

3. Examples

Bad layouts



This is an example of why you shouldn't use text in your header. It's annoying for anyone reading your post and if anyone is like me they'll just start skipping over what you have to say.





This serves as an example for several different things. First we'll start with the background. While it is Bill Nye the Science Guy (the coolest of science guys) the image tiles horribly, which makes the whole layout look dreadful and an eye sore.

Next is the lack of a box for the text. Notice how it's hard to read the text on the background? Annoying isn't it? The best thing to do in this sitiuation is to use a transparent box for your text. Example is shown below.


Good Layouts


-By alexanyways


-By the casualty

Notice that these users have a transparent box on top of their background image? Makes it a whole lot easier to read. It can be made a couple ways. Either through pure code or you can actually place the box on the background in a program like
Photoshop or Gimp. Either way works fine but the code makes for easier editing.
Layout's and You!



If you want a layout, you have a few options to get one.

First of all, you'll have to find your way to the Layout Editor. Click the "Edit Profile & Settings" link in the top left corner of the screen. Scroll down about halfway and click the "Edit layout" link.

If you don't want to make a layout yourself, there are a few options. You can ask another member to make one for you. Either ask a member who you know makes layouts or make a thread in the Vizzed Market forum.

Another option is to simply buy one using your Viz. In the Layout Creator, click the "Buy Layouts" link. From there, simply click the name of one of the layouts to preview it. If you like it, click the "Puchase This Layout" link beneath the title of the layout.

If you know any HTML or CSS coding, you can check the information below to familiarize yourself with the rules before making one yourself using the Advanced Editor.

If you don't know coding, you could use the Layout Creator instead. Again, make sure you follow the rules listed in the Layout Guide below.


1. What You Need To Know


You will need a good understanding of either html or css. Preferably both. This is what layouts are made of so if you have no clue what html or css is DON'T MAKE ONE. Get someone else to do it.
Knowing how to make your own graphics is also nice but not neccesary. I always like seeing you make your own though

----------

2. Don'ts & Do's -You should edit your layout if it does not meet these standards.

Do not
-place regular text in the header, this is very annoying for everyone and is not clever. Don't do it.
-Use a large background picture. I mean in terms of file size and not dimension. Anything over 100 kb is a bit large.
-leave tags unclosed. This can mess up the board and any thread you post in. Always double check to see if you left any open tags.
-use weird text colors. Especially red text. There are rare cases where it works but unless you know what you're doing it will look bad and be hard to read.

Do
-Ask for other peoples opinions. Chances are there's something that you won't notice that others will. Criticism can be helpful so ask a friend to take a look. Also post your layout in the Layout Test thread before committing to it.
-Double/Triple check your code. One missing character can spell disaster for a layout.
-If you have a picture background it's best to use a transparent box for your post.
-Make the width of your layout is 100% instead of a set number. This will keep your layout from stretching someone's screen. If you do set a number make sure it's no bigger than 800px.

----------

3. Examples

Bad layouts



This is an example of why you shouldn't use text in your header. It's annoying for anyone reading your post and if anyone is like me they'll just start skipping over what you have to say.





This serves as an example for several different things. First we'll start with the background. While it is Bill Nye the Science Guy (the coolest of science guys) the image tiles horribly, which makes the whole layout look dreadful and an eye sore.

Next is the lack of a box for the text. Notice how it's hard to read the text on the background? Annoying isn't it? The best thing to do in this sitiuation is to use a transparent box for your text. Example is shown below.


Good Layouts


-By alexanyways


-By the casualty

Notice that these users have a transparent box on top of their background image? Makes it a whole lot easier to read. It can be made a couple ways. Either through pure code or you can actually place the box on the background in a program like
Photoshop or Gimp. Either way works fine but the code makes for easier editing.
Vizzed Elite
 Vizzed's Plague Doctor 
YOU EVIL LIBERAL NERDS...AND COMMIES


Affected by 'Laziness Syndrome'

Registered: 01-31-10
Location: under your bed....
Last Post: 3837 days
Last Active: 3324 days

(edited by mrfe on 09-12-13 01:26 AM)     Post Rating: 3   Liked By: alexanyways, AuroVee, jnisol,

06-21-11 06:26 PM
hackerman is Offline
| ID: 409106 | 8 Words

hackerman
Level: 131


POSTS: 3211/5147
POST EXP: 140083
LVL EXP: 25834419
CP: 1164.4
VIZ: 13883

Likes: 1  Dislikes: 0
How do you add transparent boxes using code?
How do you add transparent boxes using code?
Vizzed Elite
2nd Place In The June 2011 VCS 7th Place In the July 2011 VCS


Affected by 'Laziness Syndrome'

Registered: 11-02-10
Last Post: 4243 days
Last Active: 2573 days

Post Rating: 1   Liked By: jnisol,

06-21-11 06:55 PM
Zamiel is Offline
| ID: 409116 | 37 Words

Zamiel
Level: 105


POSTS: 2848/3029
POST EXP: 119784
LVL EXP: 11985543
CP: 125.4
VIZ: 161875

Likes: 1  Dislikes: 0
hackerman : If you use a table - <table style="opacity:0.5; filter:alpha(opacity=50);">

If you are using divs then switch out table for div.

opacity:0.5; Set the number between 0 - 1

filter:alpha(opacity=50); This is so it shows up in poop Internet Explorer.
hackerman : If you use a table - <table style="opacity:0.5; filter:alpha(opacity=50);">

If you are using divs then switch out table for div.

opacity:0.5; Set the number between 0 - 1

filter:alpha(opacity=50); This is so it shows up in poop Internet Explorer.
Vizzed Elite
 Vizzed's Plague Doctor 
YOU EVIL LIBERAL NERDS...AND COMMIES


Affected by 'Laziness Syndrome'

Registered: 01-31-10
Location: under your bed....
Last Post: 3837 days
Last Active: 3324 days

Post Rating: 1   Liked By: jnisol,

06-21-11 07:09 PM
legacyme3 is Offline
| ID: 409125 | 14 Words

legacyme3
Lord Leggy - King of IT
Level: 268


POSTS: 5688/27250
POST EXP: 2003421
LVL EXP: 316278301
CP: 42531.1
VIZ: 2982476

Likes: 0  Dislikes: 0
Stickied because it's a good good good thread. Thank you for doing this Zamiel.
Stickied because it's a good good good thread. Thank you for doing this Zamiel.
Vizzed Elite
6-Time VCS Winner

One Leggy.
One Love.
One Dream.


Affected by 'Laziness Syndrome'

Registered: 09-14-10
Location: https://discord.gg/YCuUJz9
Last Post: 1290 days
Last Active: 1290 days

06-21-11 08:47 PM
hackerman is Offline
| ID: 409183 | 14 Words

hackerman
Level: 131


POSTS: 3233/5147
POST EXP: 140083
LVL EXP: 25834419
CP: 1164.4
VIZ: 13883

Likes: 1  Dislikes: 0
so do I have to add the box first than change it's transparency basically?
so do I have to add the box first than change it's transparency basically?
Vizzed Elite
2nd Place In The June 2011 VCS 7th Place In the July 2011 VCS


Affected by 'Laziness Syndrome'

Registered: 11-02-10
Last Post: 4243 days
Last Active: 2573 days

Post Rating: 1   Liked By: jnisol,

06-22-11 07:02 PM
Zamiel is Offline
| ID: 409713 | 16 Words

Zamiel
Level: 105


POSTS: 2852/3029
POST EXP: 119784
LVL EXP: 11985543
CP: 125.4
VIZ: 161875

Likes: 0  Dislikes: 0
hackerman : Yeah, basically. I'll probably make a How To guide for a basic layout soon.
hackerman : Yeah, basically. I'll probably make a How To guide for a basic layout soon.
Vizzed Elite
 Vizzed's Plague Doctor 
YOU EVIL LIBERAL NERDS...AND COMMIES


Affected by 'Laziness Syndrome'

Registered: 01-31-10
Location: under your bed....
Last Post: 3837 days
Last Active: 3324 days

06-23-11 10:05 AM
Xihp2000 is Offline
| ID: 409944 | 7 Words

Xihp2000
Level: 8

POSTS: 7/10
POST EXP: 70
LVL EXP: 2159
CP: 3.0
VIZ: 700

Likes: 1  Dislikes: 0
Fantastic idea but ma by some changes 
Fantastic idea but ma by some changes 
Member

Affected by 'Laziness Syndrome'

Registered: 06-21-11
Last Post: 4661 days
Last Active: 4597 days

Post Rating: 1   Liked By: jnisol,

06-27-11 10:05 AM
legacyme3 is Offline
| ID: 413467 | 64 Words

legacyme3
Lord Leggy - King of IT
Level: 268


POSTS: 5779/27250
POST EXP: 2003421
LVL EXP: 316278301
CP: 42531.1
VIZ: 2982476

Likes: 0  Dislikes: 0
By the way, before anyone asks for help in this thread...

I am perfectly willing to make layouts, I have knowledge of html and css, and have time on my hands. Don't be shy, I REALLY don't mind helping.

I prefer a layout that works, and looks slightly appeasable to one that you can't read. So really, you are doing me a favor =P
By the way, before anyone asks for help in this thread...

I am perfectly willing to make layouts, I have knowledge of html and css, and have time on my hands. Don't be shy, I REALLY don't mind helping.

I prefer a layout that works, and looks slightly appeasable to one that you can't read. So really, you are doing me a favor =P
Vizzed Elite
6-Time VCS Winner

One Leggy.
One Love.
One Dream.


Affected by 'Laziness Syndrome'

Registered: 09-14-10
Location: https://discord.gg/YCuUJz9
Last Post: 1290 days
Last Active: 1290 days

06-27-11 06:18 PM
hackerman is Offline
| ID: 413768 | 8 Words

hackerman
Level: 131


POSTS: 3614/5147
POST EXP: 140083
LVL EXP: 25834419
CP: 1164.4
VIZ: 13883

Likes: 0  Dislikes: 0
Oh really? That would be really helpful
Oh really? That would be really helpful
Vizzed Elite
2nd Place In The June 2011 VCS 7th Place In the July 2011 VCS


Affected by 'Laziness Syndrome'

Registered: 11-02-10
Last Post: 4243 days
Last Active: 2573 days

08-09-11 11:58 PM
EmosewaRepus is Offline
| ID: 436499 | 11 Words

EmosewaRepus
Level: 31


POSTS: 139/184
POST EXP: 22989
LVL EXP: 171787
CP: 43.2
VIZ: 1962

Likes: 1  Dislikes: 0
Just testing my layout here


Edit by BNuge- It didn't work.
Just testing my layout here


Edit by BNuge- It didn't work.
Member

Affected by 'Laziness Syndrome'

Registered: 04-08-11
Last Post: 3918 days
Last Active: 274 days

(edited by BNuge on 08-10-11 12:28 AM)     Post Rating: 1   Liked By: jnisol,

08-10-11 12:04 AM
Zamiel is Offline
| ID: 436509 | 19 Words

Zamiel
Level: 105


POSTS: 2891/3029
POST EXP: 119784
LVL EXP: 11985543
CP: 125.4
VIZ: 161875

Likes: 0  Dislikes: 0
EmosewaRepus : There's a whole thread dedicated for testing layouts here.

On a side note it's effed up
EmosewaRepus : There's a whole thread dedicated for testing layouts here.

On a side note it's effed up
Vizzed Elite
 Vizzed's Plague Doctor 
YOU EVIL LIBERAL NERDS...AND COMMIES


Affected by 'Laziness Syndrome'

Registered: 01-31-10
Location: under your bed....
Last Post: 3837 days
Last Active: 3324 days

(edited by Zamiel on 08-10-11 12:05 AM)    

08-10-11 12:08 AM
Nksor is Offline
| ID: 436515 | 11 Words

Nksor
the_casualty
Level: 138


POSTS: 4612/5856
POST EXP: 228223
LVL EXP: 31458813
CP: 1171.6
VIZ: 131963

Likes: 0  Dislikes: 0
EmosewaRepus : You should have gotten your layout from me...
EmosewaRepus : You should have gotten your layout from me...
Vizzed Elite
Timecube


Affected by 'Laziness Syndrome'

Registered: 09-30-10
Location: From:
Last Post: 2426 days
Last Active: 1016 days

08-10-11 12:32 AM
EmosewaRepus is Offline
| ID: 436554 | 38 Words

EmosewaRepus
Level: 31


POSTS: 140/184
POST EXP: 22989
LVL EXP: 171787
CP: 43.2
VIZ: 1962

Likes: 1  Dislikes: 0
the_casualty : would've but didnt want to pay alot of cash, i got mine for 100 Viz. but as you can see, this one isnt working too well XD



Edit by BNuge- Layout was messing up the page
the_casualty : would've but didnt want to pay alot of cash, i got mine for 100 Viz. but as you can see, this one isnt working too well XD



Edit by BNuge- Layout was messing up the page
Member

Affected by 'Laziness Syndrome'

Registered: 04-08-11
Last Post: 3918 days
Last Active: 274 days

(edited by BNuge on 08-10-11 10:02 AM)     Post Rating: 1   Liked By: jnisol,

08-10-11 12:41 AM
mike345 is Offline
| ID: 436568 | 33 Words

mike345
Level: 121


POSTS: 943/4276
POST EXP: 71462
LVL EXP: 19665902
CP: 399.3
VIZ: 118166

Likes: 0  Dislikes: 0
EmosewaRepus: Would this background picture be okay to suit my Layout, and I want to know how I can get the left side of the transparent box to stop touching the black border.
EmosewaRepus: Would this background picture be okay to suit my Layout, and I want to know how I can get the left side of the transparent box to stop touching the black border.
Trusted Member
Placed 2nd in August 2011 VCS


Affected by 'Laziness Syndrome'

Registered: 09-11-10
Location: Waterford
Last Post: 2996 days
Last Active: 76 days

(edited by mike345 on 08-10-11 08:27 AM)    

08-10-11 12:46 AM
Nksor is Offline
| ID: 436575 | 25 Words

Nksor
the_casualty
Level: 138


POSTS: 4616/5856
POST EXP: 228223
LVL EXP: 31458813
CP: 1171.6
VIZ: 131963

Likes: 0  Dislikes: 0
EmosewaRepus : I'll do it for free.

Anyways, this is kind of getting off topic, we should take convos to the layout test/comment thread.
EmosewaRepus : I'll do it for free.

Anyways, this is kind of getting off topic, we should take convos to the layout test/comment thread.
Vizzed Elite
Timecube


Affected by 'Laziness Syndrome'

Registered: 09-30-10
Location: From:
Last Post: 2426 days
Last Active: 1016 days

08-10-11 08:19 AM
hackerman is Offline
| ID: 437068 | 16 Words

hackerman
Level: 131


POSTS: 4386/5147
POST EXP: 140083
LVL EXP: 25834419
CP: 1164.4
VIZ: 13883

Likes: 0  Dislikes: 0
EmosewaRepus : You should take that layout out of your thread it really messes it up
EmosewaRepus : You should take that layout out of your thread it really messes it up
Vizzed Elite
2nd Place In The June 2011 VCS 7th Place In the July 2011 VCS


Affected by 'Laziness Syndrome'

Registered: 11-02-10
Last Post: 4243 days
Last Active: 2573 days

08-11-11 12:23 PM
alexanyways is Offline
| ID: 439136 | 33 Words

alexanyways
Level: 193


POSTS: 7604/12496
POST EXP: 610413
LVL EXP: 100200605
CP: 14486.6
VIZ: 136259

Likes: 0  Dislikes: 0
You know what's funny, Zamiel?

The day you post this thread, somebody starts selling layouts that have white text on a background which can't tile, no easy reading for us without a highlighter
You know what's funny, Zamiel?

The day you post this thread, somebody starts selling layouts that have white text on a background which can't tile, no easy reading for us without a highlighter
Vizzed Elite

Affected by 'Laziness Syndrome'

Registered: 02-24-10
Last Post: 197 days
Last Active: 183 days

08-13-11 12:43 AM
billythekidmonster is Offline
| ID: 439973 | 24 Words

Level: 129


POSTS: 2686/4999
POST EXP: 206588
LVL EXP: 24923702
CP: 397.6
VIZ: 96951

Likes: 0  Dislikes: 0
This is really good I think that it should be stickyed if it is not already this should help me make acceptable layouts.
This is really good I think that it should be stickyed if it is not already this should help me make acceptable layouts.
Member
3rd place in the August 2011 VCS! I got 3rd place in the October 2010 VCS! 3DS friend code 1762-2680-4239 pm me yours


Affected by 'Laziness Syndrome'

Registered: 08-16-10
Last Post: 4481 days
Last Active: 4203 days

08-13-11 09:18 PM
Mudkipz? is Offline
| ID: 440370 | 39 Words

Mudkipz?
Level: 14

POSTS: 9/29
POST EXP: 1211
LVL EXP: 10724
CP: 111.6
VIZ: 2563

Likes: 1  Dislikes: 0
I can't figure this out at all... I've been trying to make a layout with either Pinkie Pie (MLP:Friendship is magic) or something Higurashi No Naku Koro Ni related,but I can't comprehend any of what this is saying v.v
I can't figure this out at all... I've been trying to make a layout with either Pinkie Pie (MLP:Friendship is magic) or something Higurashi No Naku Koro Ni related,but I can't comprehend any of what this is saying v.v
Member

Affected by 'Laziness Syndrome'

Registered: 04-30-11
Last Post: 4519 days
Last Active: 2797 days

Post Rating: 1   Liked By: jnisol,

08-15-11 12:05 AM
Zamiel is Offline
| ID: 441000 | 39 Words

Zamiel
Level: 105


POSTS: 2892/3029
POST EXP: 119784
LVL EXP: 11985543
CP: 125.4
VIZ: 161875

Likes: 0  Dislikes: 0
Mudkipz? : You can't even make a layout at the moment since you are still a regular member. Last time I checked (might have changed since then though >>) you either had to be trusted or have 250 posts.
Mudkipz? : You can't even make a layout at the moment since you are still a regular member. Last time I checked (might have changed since then though >>) you either had to be trusted or have 250 posts.
Vizzed Elite
 Vizzed's Plague Doctor 
YOU EVIL LIBERAL NERDS...AND COMMIES


Affected by 'Laziness Syndrome'

Registered: 01-31-10
Location: under your bed....
Last Post: 3837 days
Last Active: 3324 days

Links

Adblocker detected!

Vizzed.com is very expensive to keep alive! The Ads pay for the servers.

Vizzed has 3 TB worth of games and 1 TB worth of music.  This site is free to use but the ads barely pay for the monthly server fees.  If too many more people use ad block, the site cannot survive.

We prioritize the community over the site profits.  This is why we avoid using annoying (but high paying) ads like most other sites which include popups, obnoxious sounds and animations, malware, and other forms of intrusiveness.  We'll do our part to never resort to these types of ads, please do your part by helping support this site by adding Vizzed.com to your ad blocking whitelist.

×