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

8 Pages V  < 1 2 3 4 5 > »   
Reply to this topicStart new topic
Making a Band Layout, Version 2
YDG
post Aug 20 2009, 03:42 PM
Post #51


Senior Member
*******

Group: Staff Alumni
Posts: 7,063
Joined: Jul 2008
Member No: 670,288



QUOTE(innerdemon25 @ Aug 20 2009, 01:44 AM) *
This tutorial is very good on how to really get started with coding a band layout. But I am sorry to say, that by uploading images to webs.com just for hosting them without having a website open through them, is against the terms of service, and will delete your account without warning. They have done it to me before. Just something i think you should have included. biggrin.gif
-Brandon L
-Revolutions Designs


I have multiple accounts open with them and they've been active for almost two years without any sort of website, and I haven't been deleted.
 
monkeyprince
post Aug 22 2009, 05:04 PM
Post #52


Newbie
*

Group: Member
Posts: 5
Joined: Aug 2009
Member No: 742,390



QUOTE(lucasnotreally @ Aug 20 2009, 10:41 AM) *
it should look like this:
CODE
<div class="topbanner">
SLICES TABLE HERE
</div>


Oh dude, thank you! I appreciate it so much man, I'll try in a bit.
 
thesnowpirate
post Aug 23 2009, 11:33 AM
Post #53


Member
**

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



whats the best way for positioning the player?
 
Mickey
post Aug 23 2009, 12:09 PM
Post #54


Treasure Pleasure
********

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



Try using my code.
 
thesnowpirate
post Aug 23 2009, 01:28 PM
Post #55


Member
**

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



QUOTE(Mike @ Aug 23 2009, 01:09 PM) *
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>
 
Mickey
post Aug 23 2009, 01:34 PM
Post #56


Treasure Pleasure
********

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



That won't work because each comment has an indefinite height. Are you only having problems on Firefox? It might just shift upward on there because you have AdBlock Plus installed and enabled.
 
thesnowpirate
post Aug 23 2009, 02:03 PM
Post #57


Member
**

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



im actually testing it in:

Firefox Version: 3.52
Chrome Verion: 2.0.172.39
Internet Explorer Version: 8.0.7100.0

As it is right now, in Chrome its the highest (vertically).

FF and IE display it at the same height, but IE has it moved over slightly to the right (about 15-20 pixels)

I dont have any adblock or any extensions that would change the conent on the page. I only have Nod32 live, and after i read your post, i disabled it and refreshed, and all pages stayed the same.

What about if i were to bound the player in a table? or is that not possible?
 
Mickey
post Aug 23 2009, 04:51 PM
Post #58


Treasure Pleasure
********

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



Unfortunately, that's not possible. Do you mind posting a link to your page?
 
thesnowpirate
post Aug 23 2009, 07:00 PM
Post #59


Member
**

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



http://www.myspace.com/thesnowpirates

im just practicing. i got that photo from picture. its just a fake myspace.
 
Mickey
post Aug 24 2009, 06:56 AM
Post #60


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 #61


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?
 
Mickey
post Aug 24 2009, 11:55 AM
Post #62


Treasure Pleasure
********

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



On this bit here:

CODE
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;}

I removed the extra closing bracket on the first line and the whole last line.
 
AncientButterfly
post Aug 28 2009, 05:14 PM
Post #63


Newbie
*

Group: Member
Posts: 9
Joined: Dec 2008
Member No: 704,984



this is awesome!!
 
GEDDON666
post Sep 3 2009, 10:52 AM
Post #64


Newbie
*

Group: Member
Posts: 1
Joined: Sep 2009
Member No: 744,694



I'm trying to add a banner under the nav with my own nav buttons. Not sure where to place my code in yours.
 
YDG
post Sep 3 2009, 11:16 AM
Post #65


Senior Member
*******

Group: Staff Alumni
Posts: 7,063
Joined: Jul 2008
Member No: 670,288



http://www.createblog.com/forums/index.php...t&p=3220146

Follow that step. You put your codes in-between the set of DIV tags I provide in that post.
 
ZeT0
post Sep 6 2009, 09:44 AM
Post #66


Senior Member
****

Group: Member
Posts: 253
Joined: Jul 2009
Member No: 739,898



Would love if rollover screen shots were working. >.<"
 
mekko
post Sep 15 2009, 07:08 PM
Post #67


Newbie
*

Group: Member
Posts: 2
Joined: Sep 2009
Member No: 746,027



Hello, How can i hide the Navbar TOP ARTIST/SHOWS/FORUM ?

im doing all i can and the only thing i did is put this navigation bar more thin


i used this code :

<style>
table td a.navbar{display:none!important;}
</style>

or if it is impossible how can i change the background color and font color?

Thank you very much

 
Deammer
post Sep 19 2009, 03:40 PM
Post #68


Member
**

Group: Member
Posts: 12
Joined: Jun 2009
Member No: 733,228



Amazing tutorial A1Bassline, you just earned my eternal gratitude biggrin.gif thumbsup.gif
Here's what my band's page looks like thanks to you:
Enamored's Myspace

As you will see, i have yet to find how to modify the font color in the comments section since it was set to black when I added the "Comments" header, which makes it invisible, but i'm really satisfied with it, so thanks again _smile.gif

Deammer
 
Mickey
post Sep 19 2009, 03:43 PM
Post #69


Treasure Pleasure
********

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



Try adding this to your codes:

CODE
<style>
.friendsComments .columnsWidening {color:ffffff!important;}
</style>

That should make them show.
 
Deammer
post Sep 19 2009, 03:54 PM
Post #70


Member
**

Group: Member
Posts: 12
Joined: Jun 2009
Member No: 733,228



I basically changed all the colors in the codes containing a ".friendsComments" division to white and now i can see the comments biggrin.gif
Thanks a lot Mike !

Deammer
 
Mickey
post Sep 19 2009, 04:02 PM
Post #71


Treasure Pleasure
********

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



No problem. Good job with the page by the way.
 
svdis
post Sep 21 2009, 12:30 PM
Post #72


Newbie
*

Group: Member
Posts: 1
Joined: Sep 2009
Member No: 746,663



So...I think like last week there was a link right at the beginning of this article basically saying, don't be an idiot and ask how to cover up the nav bar and myspace logo, here's how to do it. Now it's gone...so is that not allowed anymore or am I an idiot and don't know where to look?
 
Mickey
post Sep 21 2009, 12:51 PM
Post #73


Treasure Pleasure
********

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



That link was removed yesterday. If you want to hide everything on the top section except for the advertisement, try the code below:

CODE
<style>
.profile {display:none!important;}
div div table div {display:none;}
.clearfix table div div {display:block;}
</style>

That works on a regular 1.0 profile and an artist profile, except it doesn't hide the music navigation bar since that can't be removed.
 
audioasylum
post Sep 29 2009, 12:03 AM
Post #74


Newbie
*

Group: Member
Posts: 1
Joined: Sep 2009
Member No: 747,472



This has been by far the best help anywhere on the net to setting up my bands page but I am having problems with relocating my upcoming shows. I put in a code that I found elsewhere but for some reason all the DIV items I made get pushed down the page starting at the point where the upcoming shows table starts. I use IE and this may be why i dont know. If someone could help me that would be awesome here is my code:

CODE
<style>
.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 {
margin-top: 700px;
background-color: 000000;
background-image:url();
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: FFFFFF !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;
}
.latestBlogEntry {
position:absolute;
top:970px;
margin-left: -400px;
left:50%;
width: 325px;
background-color: transparent;
z-index: 9;
}
table .latestBlogEntry {
width:325px!important;
}
td.text div {
position:absolute;
left:50%;
top:1300px;
margin-left:-400px;
}
td.text td div {
position:absolute;
margin-left:0px;
}
div.gap {
background-color: 000000;
top: 870px;
left: 50%;
margin-left: -400px;
width: 800px;
height: 50px;
position: absolute;
}
div.leftcolumn {
background-color: 000000;
top: 920px;
left: 50%;
margin-left: -400px;
width: 325px;
height: 1000px;
position: absolute;
}
div.borderleft {
top: 4px;
left: 50%;
margin-left: -450px;
width: 100%;
height: px;
position: absolute;
}
div.borderright{
top: 4px;
left: 50%;
margin-left: 400px;
width: 100%;
height: px;
position: absolute;
}
div.youtube{
top: 4px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.itunes{
top: 4px;
left: 50%;
margin-left: -233px;
width: 100%;
height: px;
position: absolute;
}
div.facebook{
top: 4px;
left: 50%;
margin-left: -75px;
width: 100%;
height: px;
position: absolute;
}
div.twitter{
top: 4px;
left: 50%;
margin-left: 92px;
width: 100%;
height: px;
position: absolute;
}
div.merchstore{
top: 4px;
left: 50%;
margin-left: 255px;
width: 100%;
height: px;
position: absolute;
}
div.maintitle{
top: 59px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.message1{
top: 423px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
z-index:1;
}
div.message1 a:hover{
border-top: none;
opacity: 0.0;
filter: alpha(opacity=0);width: 0px; height: 0px;
z-index:1;
}
div.message{
top: 423px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.add{
top: 464px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.comment{
top: 499px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.forward{
top: 536px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.favorite{
top: 573px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.pics{
top: 615px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.video{
top: 615px;
left: 50%;
margin-left: -313px;
width: 100%;
height: px;
position: absolute;
}
div.lowertitle{
top: 423px;
left: 50%;
margin-left: -204px;
width: 100%;
height: px;
position: absolute;
}
div.bottomborder{
top: 647px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
</style>
<div class="gap"></div>
<div class="leftcolumn"></div>
<div class="borderleft"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Border_Left.jpg" /></div><br />
<div class="borderright"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Border_Right.jpg" /></div><br />
<div class="youtube"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Youtube.jpg" /></div><br />
<div class="itunes"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/iTunes.jpg" /></div><br />
<div class="facebook"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/facebook.jpg" /></div><br />
<div class="twitter"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/twitter.jpg" /></div><br />
<div class="merchstore"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/MerchStore-1.jpg" /></div><br />
<div class="maintitle"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Main_Title.jpg" /></div><br />
<div class="message1"><a href="www.yahoo.com'><img src="></a></div><br />
<div class="message"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Message.jpg" /></div><br />
<div class="add"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Add.jpg" /></div><br />
<div class="comment"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Comment.jpg" /></div><br />
<div class="forward"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Forward.jpg" /></div><br />
<div class="favorite"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Favorite.jpg" /></div><br />
<div class="pics"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Pics.jpg" /></div><br />
<div class="video"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Videos.jpg" /></div><br />
<div class="lowertitle"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Lower_Title.jpg" /></div><br />
<div class="bottomborder"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Border_Bottom.jpg" /></div><br />


Also if someone could help me with rollover a href pictures that would be awesome, cause I tried your code here as you may see with message and I can't wrap my head around it. I need it for all the following div's:

message, add, comment, forward, favorite, pics and videos.
 
fixtatik
post Sep 29 2009, 01:06 PM
Post #75


Senior Member
******

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



A few things I feel should be updated (just suggestions).

1. In the first step, you're missing a closing bracket on the "gap" class. Browsers typically auto-close it with the </style> tag right after it, but some browsers won't know what to do with it. And since everyone is just copying and pasting, everyone is missing the closing bracket.

2. Instead of using font-size:1px; to hide fonts on headers, use text-indent:-9999em;. Giving a huge negative indentation drags the text completely off the left side of the screen.

3. Using absolute positioning for the shows header doesn't always work properly, depending on the way people code, and if Firefox users have Adblock Plus installed. I'd use this instead:
CODE
div .whitetext12 { background:url(URL); display:block; height:##px; text-indent:-9999em; width:##px; }
 

8 Pages V  < 1 2 3 4 5 > » 
Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: