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 20 2009, 11:41 PM
Post
#2
|
|
Senior Member Group: Staff Alumni Posts: 7,063 Joined: Jul 2008 Member No: 670,288 |
Creating a Custom Left Side If everything thus far has been easy for you on this tutorial, you should have no problem creating your own custom left side. As I said earlier, you can not hide tables on band layouts without running into a problem somewhere else, so covering it up with a DIV layer is going to be our fix for this problem. Before you create your left side, keep these things in mind.
CODE .tg_left {position:absolute; top:###px; left:50%; margin-left:###px; _margin-left:###px; width:325px; height:###px; z-index:1;} As I said earlier, I did not add style tags because I recommend you incorporate it in your stylesheet, and replace the ### symbols with numbers that work for you. Once you think you have it positioned where you want it, add a div class code in the Band Bio section: CODE <div class="tg_left"> Left side codes / images here. </div> It may take a couple tries to position, just be patient with it. FREQUENTLY ASKED QUESTION: Q: My left side overlaps my comments, how do I fix it? A: Simple, just fill up the right side of your layout with information, headers, and other miscellaneous items. The right side will go down, pushing your comments down with it. You can also position your comments by moving them to the left, but it causes browser problems most of the times, so I'm not recommending it or linking how to. |
|
|