Log In · Register

 
Band layout, designing and positioning...
shawtiegotem
post Sep 22 2009, 10:36 PM
Post #1


Senior Member
****

Group: Member
Posts: 214
Joined: Aug 2009
Member No: 742,635



i'm designing a layout for mi friend band. and i'm trying to
keep it simple.Im gonna try to have a banner below and on top of the navigation.
moving the about me, and the music player on the bottem banner. i'm not done yet.
i still have designing too do. and postioning to do. but heres the myspace im making the layout on.
right here.
my first question is.
i want to put the navigation on the banner.
should i put it under the tables where the music about me is gonna go?i just want your opinion.
second. can i move the about me?or hide it and make a div and position it on the banner?if so, whats the code for it?





 
 
Start new topic
Replies
fixtatik
post Oct 2 2009, 05:41 PM
Post #2


Senior Member
******

Group: Member
Posts: 1,237
Joined: May 2008
Member No: 648,123



Haha, how can anyone not love any of his music? :D

If you want div layouts on music pages, you can do it exactly like on profile 1.0. It just takes a bit more to hide everything:
CODE
table table table td.text, .contactTable, .latestBlogEntry, table div, div table, .friendSpace table div, td div span a, .whitelink { display:none!important; }
div div table, div table div, table table div { display:block!important; padding:0; }
table table table, table table table table table div { visibility:hidden; }
table table table table table, table table table table div { visibility:visible; }
table, tr, td { background:none; border:none; }

.friendSpace, .friendSpace td.text, .friendSpace td.text table table, .friendSpace table, .friendsComments, .friendsComments table { visibility:visible; }
.friendSpace td.text, .friendSpace td.text table table { display:table!important; _display:block!important; visibility:visible; }

.clearfix form, .clearfix a { display:none!important; }
.clearfix { margin:0 auto -60px!important; }
div { margin:auto; width:728px; }
table div, div div { width:auto; }

.orangetext15, .btext, .redbtext, .redtext, .friendsComments b, .blacktext10, table, td, div, font, p, span, a:active, a:hover, a:link, a:visited { color:rgb(0,0,0); font:normal 12px/16px Arial, Helvetica, sans-serif; }
.columnsWidening b { font-weight:bold; }

1. The first part hides everything except the music player and top nav with the ad.

2. The second part makes the friends and comments visible again (if want only the comments visible, obviously delete everything in that part that has something to do with ".friendSpace").

3. The third part hides the navigation and keeps the ad. It also brings the music player up underneath the advertisement, but everyone moves the music player in divs anyway, so I didn't worry about it.

4. The last part just resets the text to standard 12px Arial.

The only problem lies in this:
CODE
div { margin:auto; width:728px; }
table div, div div { width:auto; }

If you don't add !important after the widths, then in Safari, the gradient background pokes out from the edges of the advertisement. But if you do add !important, you'll have to use !important after the width of every div you use in your layout.

Like a regular layout, just put everything in the bio section.
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: