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:
|
|
|
Aug 23 2009, 01:28 PM
Post
#2
|
|
Member Group: Member Posts: 19 Joined: Aug 2009 Member No: 742,073 |
Try using my code. thanks for that, i had been messing with a similar code. but i was able to figure out the whole 50% thing with yours, so thanks. i still cant get it to align vertically in all browsers. i know there has to be a good way to do it, http://myspace.com/startingoverrocks stays in the same spot on all browsers. the only idea i could think of was that if it was going by percents, and the page would stay the same height everytime because it had 50 comments displayed, so it would always be the same percentage from the top. or is that just wrong? anyone have any comments? edit: also, im re-reading through the tutorial, unless its just called something else, how do i move everything behind the table i made down? (blog comments, everything that you would normally see. not remove anything, just move it all down. do i have to move it by each section?) see: http://www.myspace.com/thesnowpirates only code (as taken from the first / second step) CODE <style>
object {position:absolute; height:295px; width:350px; left:50%; z-index:9;} object {top:250px!important; margin-left:-400px!important;} object object, td td td object, embed {position:static; margin:auto!important;}} .orangetext15 {display: none;} .whitetext12 {display: none;} table table div embed, table table div object {position:relative; z-index:9;} table, tr, td{ background-color:transparent; border-style:none; } body { background-color: 000000; background-image:url(http://rocketnight.com/images/myspace/heymonday/hmbg.jpg); background-position: top center; background-repeat: no-repeat; background-attachment: scroll; } table table table table, table table table td{ background-image:none; background-color:transparent; } body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{ color:FFFFFF; font-size:9pt; line-height: 10pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; font-family:Helvetica Narrow, sans-serif; } strong, .lightbluetext8, .btext, .redtext, .redbtext{ color:666666; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; font-family:Helvetica Narrow, sans-serif; } a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{ color:FFFFFF; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:none ; text-transform:none; font-family:Helvetica Narrow, sans-serif; } a { color: 000000 !important; font-family: Arial !important; } a:hover { color: 666666 !important; font-family: Arial !important; } a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{ color:666666; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:normal ; text-transform:none; font-family:Helvetica Narrow, sans-serif; } table table table table, div table table table{ border-style:none; } div.topbanner { width: 908px; height: auto; top: -2px; margin-left: -440px; _margin-left: -440px; left: 49%; position: absolute; align: center; z-index: 3; overflow: hidden; background-color: FFFFFF;} } </style> <div class="topbanner"> <table id="Table_01" width="908" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="3"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_01.png" width="908" height="138" alt="" /></td> </tr> <tr> <td colspan="3"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_02.png" width="908" height="38" alt="" /></td> </tr> <tr> <td colspan="3"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_03.png" width="908" height="645" alt="" /></td> </tr> <tr> <td colspan="3"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_04.png" width="908" height="53" alt="" /></td> </tr> <tr> <td colspan="3"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_05.png" width="908" height="64" alt="" /></td> </tr> <tr> <td rowspan="8"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_06.png" width="62" height="376" alt="" /></td> <td> <img src="http://rocketnight.com/images/myspace/heymonday/slice_07.png" width="327" height="58" alt="" /></td> <td rowspan="7"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_08.png" width="519" height="325" alt="" /></td> </tr> <tr> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0zMDcwODI1NTI="> <img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_09.png" width="327" height="41" border="0" alt="" /></a></td> </tr> <tr> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZSZmcmllbmRJRD0zMDcwODI1NTI="> <img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_10.png" width="327" height="46" border="0" alt="" /></a></td> </tr> <tr> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZWVkaXQubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5h GRUb0Zhdm9yaXRlJmZyaWVuZElEPTMwNzA4MjU1MiZwdWJsaWM9MA=="> <img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_11.png" width="327" height="48" border="0" alt="" /></a></td> </tr> <tr> <td> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=307082552"> <img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_12.png" width="327" height="43" border="0" alt="" /></a></td> </tr> <tr> <td> <a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=307082552&n=307082552"> <img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_13.png" width="327" height="50" border="0" alt="" /></a></td> </tr> <tr> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTMwNzA4MjU1Mg=="> <img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_14.png" width="327" height="39" border="0" alt="" /></a></td> </tr> <tr> <td colspan="2"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_15.png" width="846" height="51" alt="" /></td> </tr> <tr> <td colspan="3"> <img src="http://rocketnight.com/images/myspace/heymonday/slice_16.png" width="908" height="56" alt="" /></td> </tr> </table></div> |
|
|