Making a Band Layout, Version 2 |
Making a Band Layout, Version 2 |
Jul 20 2009, 09:20 PM
Post
#1
|
|
Senior Member Group: Staff Alumni Posts: 7,063 Joined: Jul 2008 Member No: 670,288 |
MySpace Band Layout Tutorial Welcome to Version 2 of the Band Layout Tutorial! This tutorial will help you out in making those professional looking layouts that graphic designers are making for these rising bands. A lot of people are getting into this kind of thing, and resources for Band Layouts are very slim, so I hope this topic helps anyone out that needs the help and resources. Rules:
|
|
|
Jul 21 2009, 12:19 AM
Post
#2
|
|
Senior Member Group: Staff Alumni Posts: 7,063 Joined: Jul 2008 Member No: 670,288 |
Adding a Shows Header If you got the top banner code down, then this will also be easy for you. This is a really simple code, and it's foolproof. Use this code to create a gap between the player and shows section. The bold part is the only part that you need to change: CODE table table table table td.text span.whitetext12 { position: relative; top: 0px; display: block; left: 0px; visibility: visible; width: 1px; height: 10px; text-indent: -999999px; background: transparent url() bottom left no-repeat; } Then just add a positioning code and DIV class code to position a shows header in between the space you created and you're all set. CODE .shows {position:absolute; top:###px; left:50%; margin-left:###px; _margin-left:###px; width:325px; height:###px; z-index:1;} CODE <div class="shows"> Image code here </div> FREQUENTLY ASKED QUESTION Q: Whenever I add a new show, the shows header moves down / up. How do I stop it from doing this? A: Most of the time your problems starts with the left side DIV layer you've created. The width may overlap over towards the right side, causing it to be pushed down. Check that out and see if that is causing the problem. |
|
|