Log In · Register

 
Creating Headers for Band Profile
DemonicJay
post Jul 16 2009, 12:55 PM
Post #1


Member
**

Group: Member
Posts: 21
Joined: Jul 2009
Member No: 735,396



I want to know how can I create a Header for "Shows" section and the "About Me" Section

I just need an Image to go across the top of the "Shows" section, which I already have 453x28

For the "About Me" Section I just want to cover the "About Me" Headline with an Image that I also have already that is the same size, 453x28

:] PLEASE HELP
 
 
Start new topic
Replies (1 - 5)
DemonicJay
post Jul 16 2009, 01:16 PM
Post #2


Member
**

Group: Member
Posts: 21
Joined: Jul 2009
Member No: 735,396



I'm going to try the "Band Bio" Code right now

I tried your Upcoming Shows code but it just doesn't show up ><

I put in what I needed to and this is the code, but it just doesn't show up, I actually don't see it anywhere on the layout.

CODE
<style type="text/css">
table table table table td.text span.whitetext12 {
position: relative;
top: 0px;
display: block;
left: 0px;
visibility: visible;
width: 1px;
height: 28px;
text-indent: -999999px;
background: transparent url() bottom left no-repeat;
}

.shows {position:absolute; left:50%; margin-left:-56px; top:1265px; width:450px; height:40px;}
</style>

<div class="shows">
<img src="http://img107.imageshack.us/img107/2653/prom2.jpg" />
</div>
 
Mikeplyts
post Jul 16 2009, 01:25 PM
Post #3


Mel Blanc was allergic to carrots.
*******

Group: Official Designer
Posts: 6,371
Joined: Aug 2008
Member No: 676,291



hrm, that should have worked. Can you post a link to your profile and/or ALL of your codes too?
 
DemonicJay
post Jul 16 2009, 01:30 PM
Post #4


Member
**

Group: Member
Posts: 21
Joined: Jul 2009
Member No: 735,396



Profile Link:

http://www.myspace.com/viennafalls

I placed the Upcoming Shows Code in the Band Bio at the end:
CODE
<style>
table table table table td.text span.whitetext12 {
position: relative;
top: 0px;
display: block;
left: 0px;
visibility: visible;
width: 1px;
height: 28px;
text-indent: -999999px;
background: transparent url() bottom left no-repeat;
}

.shows {position:absolute; left:50%; margin-left:-56px; top:1265px; width:450px; height:40px;}
</style>

<div class="shows">
<img src="http://img107.imageshack.us/img107/2653/prom2.jpg" />
</div>


YES! lol i realized everyone was offline so i took a look for myself, realized that the reason why i couldn't see it, was because it was behind my banner that was on top of the page, I just increased the "Top:1265px" to "Top: 1725px" and IT WORKED!

all I have to do now is to make some banners for support and my layout is done! :]

how do i move my Blog, with all the codes tht goes along with it, such as the header all to the left side of the profile?
Reason for edit: Please put codes in codeboxes. thanks :) -natalia
 
manny-the-dino
post Jul 16 2009, 06:00 PM
Post #5


Senior Member
*******

Group: Administrator
Posts: 8,629
Joined: Jan 2007
Member No: 498,468



^Dang dude no need to triple post. Especially within the span of a few hours. Someone will help you out.
 
Mickey
post Jul 17 2009, 06:24 AM
Post #6


Treasure Pleasure
********

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



Move the Latest Blog Entry table with this code:

CODE
<style>
.latestBlogEntry {position:absolute; top:#px; left:50%; margin-left:#px; z-index:9;}
</style>

If you want to add a header, use the code in TJ's tutorial. It's the first code on step 14.
 

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