Log In · Register

 

Help Topic Rules and Requirements


For a list of all requirements and guidelines pertaining to posting a new Help topic, please click here.

This Month's Contests | Hosts Looking for Hostees | Hostees looking for Hosts | Big Book of Resources

Submission Guidelines

Making a Band Layout, Version 2
YDG
post 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:
  • Do not spam this thread.
  • Please look through other posts to see if a problem similar to yours is resolved.
  • If you see a broken link, unavailable screenshot, or non-working code, please report it to me.
  • If you are having any trouble, feel free to ask in here or PM me.
  • If you leave me a PM, please give me a week to reply before sending me more PM's.
  • If you have any requests for my tutorial, please post in this topic.
Table of Contents:
  1. Getting Started
  2. Changing the Look & Feel
  3. Adding a Top Banner
  4. Slicing Images
  5. Working With Image Rollovers
  6. Creating A Custom Left Side
  7. Adding Headers
  8. Moving Blogs to the Left Side
  9. Adding a Shows Header
  10. Finishing Up
    --------------------
  11. Frequently Asked Questions
 
 
Start new topic
Replies
Mickey
post Aug 24 2009, 06:56 AM
Post #2


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Try replacing the codes you posted with this:

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, 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>
 
thesnowpirate
post Aug 24 2009, 11:54 AM
Post #3


Member
**

Group: Member
Posts: 19
Joined: Aug 2009
Member No: 742,073



QUOTE(Mike @ Aug 24 2009, 07:56 AM) *
Try replacing the codes you posted with this:



wow. that code works perfectly. is the only thing you changed the object?
 

Posts in this topic
A1Bassline   Making a Band Layout   Jul 20 2009, 09:20 PM
A1Bassline   Getting Started Here is a list of things you migh...   Jul 20 2009, 10:05 PM
A1Bassline   Changing the Look & Feel Once you're all ...   Jul 20 2009, 10:25 PM
A1Bassline   Adding a Top Banner If you want to add a top bann...   Jul 20 2009, 10:56 PM
dimmu1   QUOTE(A1Bassline @ Jul 21 2009, 05:56 AM)...   Aug 16 2009, 04:18 PM
A1Bassline   Slicing Images This is an optional part of the tu...   Jul 20 2009, 11:04 PM
A1Bassline   Working With Rollover Images This, as well is an ...   Jul 20 2009, 11:23 PM
A1Bassline   Creating a Custom Left Side If everything thus fa...   Jul 20 2009, 11:41 PM
A1Bassline   Adding Headers There isn't really much of an ...   Jul 21 2009, 12:00 AM
A1Bassline   Moving Blogs to the Left Side This has become qui...   Jul 21 2009, 12:08 AM
A1Bassline   Adding a Shows Header If you got the top banner c...   Jul 21 2009, 12:19 AM
A1Bassline   Finishing Up This brings you to the end of my ban...   Jul 21 2009, 12:25 AM
A1Bassline   Frequently Asked Questions Q: My left side overla...   Jul 21 2009, 12:31 AM
JaredxSmith   Perfect. :)   Jul 22 2009, 01:07 PM
sethisamazing   sweeeeeeeet. Pictures would be a nice addition t...   Jul 29 2009, 01:20 PM
A1Bassline   Screenshots are coming soon.   Jul 29 2009, 02:19 PM
ZeT0   Haha, I'm going to need the screenshots to und...   Jul 30 2009, 10:36 AM
A1Bassline   They're really not that complicated you have t...   Jul 30 2009, 10:40 AM
bberinger13   Ok so I've been working on this top header i h...   Jul 31 2009, 10:29 PM
dollywood   Hi The band tutorial is great and im almost done ...   Aug 3 2009, 05:49 AM
augiedesign   this tutorial is a great help, but i need a little...   Aug 3 2009, 07:16 PM
jigokume   yoo can someone tell me how to make the view all f...   Aug 4 2009, 11:32 AM
jigokume   oww there's a way of doing that on the tutoria...   Aug 4 2009, 01:29 PM
Mike   Posts merged.   Aug 5 2009, 03:59 PM
SwaggLookinGood   is for a DIV or a regular layout?????   Aug 11 2009, 06:14 PM
SwaggLookinGood   it says i should hide anything....but if i want to...   Aug 11 2009, 07:48 PM
Mike   Since you're limited with which elements you c...   Aug 11 2009, 07:53 PM
SwaggLookinGood   like how? make a big templete and just cover it up...   Aug 11 2009, 08:06 PM
thesnowpirate   anyone have a completed band page done? and a cop...   Aug 13 2009, 05:33 PM
A1Bassline   Posts Merged.   Aug 13 2009, 07:58 PM
fromshiptoshore   hey mike, tj told me to comment on here and you co...   Aug 14 2009, 12:32 AM
Mike   Thanks for that, Thesnowpirate. Keep it up. Fromsh...   Aug 14 2009, 05:46 AM
SwaggLookinGood   1. whats a good, document size for the layout? 2....   Aug 14 2009, 01:26 PM
Mike   Those are all subjective. It's up to you how y...   Aug 14 2009, 01:38 PM
SwaggLookinGood   i have been looking around, i wanna start making i...   Aug 14 2009, 01:50 PM
Mike   How can you be stuck? You're making the design...   Aug 14 2009, 01:58 PM
thesnowpirate   i kind of been making my own, and after testing a ...   Aug 14 2009, 04:51 PM
SwaggLookinGood   whats the width and height of the music player?   Aug 15 2009, 10:04 PM
monkeyprince   Er...I'm having a bit of trouble on the custom...   Aug 16 2009, 03:53 AM
A1Bassline   QUOTE(thesnowpirate @ Aug 14 2009, 05:51 ...   Aug 16 2009, 11:18 AM
monkeyprince   Okay, again with the custom left side...is there a...   Aug 16 2009, 04:49 PM
Mike   QUOTE(monkeyprince @ Aug 16 2009, 10:49 P...   Aug 17 2009, 06:10 AM
A1Bassline   QUOTE(dimmu1 @ Aug 16 2009, 05:18 PM) tut...   Aug 16 2009, 09:06 PM
monkeyprince   Sorry, lol, I'm new to CSS and DIVs and everyt...   Aug 18 2009, 04:01 AM
lucasnotreally   ^ yes, once you get all the image urls in the slic...   Aug 18 2009, 08:14 AM
monkeyprince   You mean between the divclass=topbanner? or what? ...   Aug 18 2009, 04:06 PM
lucasnotreally   QUOTE(monkeyprince @ Aug 18 2009, 05:06 P...   Aug 20 2009, 10:41 AM
monkeyprince   QUOTE(lucasnotreally @ Aug 20 2009, 10:41...   Aug 22 2009, 05:04 PM
innerdemon25   This tutorial is very good on how to really get st...   Aug 20 2009, 12:44 AM
A1Bassline   QUOTE(innerdemon25 @ Aug 20 2009, 01:44 A...   Aug 20 2009, 03:42 PM
thesnowpirate   whats the best way for positioning the player?   Aug 23 2009, 11:33 AM
Mike   Try using my code.   Aug 23 2009, 12:09 PM
thesnowpirate   QUOTE(Mike @ Aug 23 2009, 01:09 PM) Try u...   Aug 23 2009, 01:28 PM
Mike   That won't work because each comment has an in...   Aug 23 2009, 01:34 PM
thesnowpirate   im actually testing it in: Firefox Version: 3.52 ...   Aug 23 2009, 02:03 PM
Mike   Unfortunately, that's not possible. Do you min...   Aug 23 2009, 04:51 PM
thesnowpirate   http://www.myspace.com/thesnowpirates im just pra...   Aug 23 2009, 07:00 PM
Mike   Try replacing the codes you posted with this: COD...   Aug 24 2009, 06:56 AM
thesnowpirate   QUOTE(Mike @ Aug 24 2009, 07:56 AM) Try r...   Aug 24 2009, 11:54 AM
Mike   On this bit here: CODEobject object, td td td obj...   Aug 24 2009, 11:55 AM
YoakeYukai   this is awesome!!   Aug 28 2009, 05:14 PM
GEDDON666   I'm trying to add a banner under the nav with ...   Sep 3 2009, 10:52 AM
A1Bassline   http://www.createblog.com/forums/index.php...t...   Sep 3 2009, 11:16 AM
ZeT0   Would love if rollover screen shots were working. ...   Sep 6 2009, 09:44 AM
mekko   Hello, How can i hide the Navbar TOP ARTIST/SHOWS/...   Sep 15 2009, 07:08 PM
Deammer   Amazing tutorial A1Bassline, you just earned my et...   Sep 19 2009, 03:40 PM
Mike   Try adding this to your codes: CODE<style...   Sep 19 2009, 03:43 PM
Deammer   I basically changed all the colors in the codes co...   Sep 19 2009, 03:54 PM
Mike   No problem. Good job with the page by the way.   Sep 19 2009, 04:02 PM
svdis   So...I think like last week there was a link right...   Sep 21 2009, 12:30 PM
Mike   That link was removed yesterday. If you want to hi...   Sep 21 2009, 12:51 PM
audioasylum   This has been by far the best help anywhere on the...   Sep 29 2009, 12:03 AM
fixtatik   A few things I feel should be updated (just sugges...   Sep 29 2009, 01:06 PM
hiddenflaw   Hey guys, I'm having some trouble with my layo...   Oct 1 2009, 02:46 PM
ZeT0   ^ Post your code so people can try and help you ou...   Oct 1 2009, 09:03 PM
hiddenflaw   Okay, so here's all of my code. It's prob...   Oct 2 2009, 05:58 AM
bullets   Hi, i'm just trying to put a simple background...   Oct 4 2009, 02:58 PM
erics0n   Wow this is wonderful.   Oct 9 2009, 09:24 PM
chadrockman   Does any of this code disable the calender from sh...   Oct 12 2009, 11:50 AM
Mike   Are you talking about the Upcoming Shows table?   Oct 12 2009, 12:45 PM
chadrockman   QUOTE(Mike @ Oct 12 2009, 12:45 PM) Are y...   Oct 12 2009, 02:59 PM
Mike   Have you tried pushing down everything below the n...   Oct 12 2009, 02:59 PM
chadrockman   QUOTE(Mike @ Oct 12 2009, 02:59 PM) Have ...   Oct 12 2009, 03:13 PM
Mike   Have you even posted any shows yet?   Oct 12 2009, 03:20 PM
chadrockman   QUOTE(Mike @ Oct 12 2009, 03:20 PM) Have ...   Oct 12 2009, 03:22 PM
Mike   Well those dates aren't showing up for some re...   Oct 12 2009, 03:29 PM
chadrockman   QUOTE(Mike @ Oct 12 2009, 03:29 PM) Well ...   Oct 12 2009, 03:45 PM
Mike   No problem.   Oct 12 2009, 03:54 PM
hiddenflaw   Hey guys, in IE my code apparently makes the littl...   Oct 12 2009, 09:39 PM
TonyRoots   Hey everyone :) Just wanna say, excellent tutoria...   Oct 13 2009, 11:05 AM
Mike   QUOTE(hiddenflaw @ Oct 13 2009, 03:39 AM)...   Oct 13 2009, 12:11 PM
TonyRoots   thanks a lot :) its hard work working out all the ...   Oct 13 2009, 12:50 PM
Mike   Use the second code on this post to put up a heade...   Oct 13 2009, 12:54 PM
hiddenflaw   Hey Mike, here's the rest of my code. CODE...   Oct 13 2009, 02:35 PM
Mike   Find this line in your codes: CODEobject {positio...   Oct 13 2009, 02:42 PM
hiddenflaw   Thanks Mike, it totally did. I am having a little...   Oct 13 2009, 03:19 PM
norm311   Mike, I've noticed you've been able to so...   Oct 14 2009, 11:27 PM
Mike   Look for this line: CODE.tg_left {position:ab...   Oct 15 2009, 07:15 AM
norm311   Works perfectly. Thanks so much, really appreciat...   Oct 15 2009, 09:10 AM
teamteamspirit   Could anyone help me with this? I'd greatly ap...   Oct 22 2009, 05:53 PM
2 Pages V   1 2 >


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: