Log In · Register

 
Adding items underneath pics/vid.
RyanChronicles
post Jul 16 2008, 06:29 PM
Post #1


HAHA I love korn!
***

Group: Member
Posts: 85
Joined: Feb 2008
Member No: 618,986



So i was looking at the ISMFOF layout and notices how they had things added underneath the "pics/vids" links



and for the band layouts i wanted 2 know how i could add stuff underneath the "pics/vids"

Thanks if you can help!

I SET MY FREINDS ON FIRE (ISMFOF)
 
 
Start new topic
Replies
Mickey
post Jul 24 2008, 12:37 PM
Post #2


Treasure Pleasure
********

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



First, you're going to have to remove the contact table. Use this code:

CODE
<style>.contactTable {width:300px!important; height:2550px!important; padding:0px!important; background-image:url(); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent; border-width:0px; border-color:black; border-style:none;} .contactTable table, table.contactTable td {padding:0px !important; border:none; background-color:transparent; background-image:none;} .contactTable a img {visibility:hidden; border:0px!important;} .contactTable a {display:block; height:0px; width:0px;} .contactTable .text {font-size:1px!important;}.contactTable .text, .contactTable a, .contactTable img {filter:none!important;} .contactTable .whitetext12
{display:none;}</style>

Then, you're going to have to create a class for the left area to customize its style. Use this code:

CODE
<style>.leftcolumn {width:314px; height:730px; position:absolute; border-color:none; border-style:none; border-width:0px; top:1115px; left:50%; margin-left:-396px; text-align:center;}</style>

And finally, you just need to edit the content of the left column using this code:

CODE
<div class="leftcolumn">
<table id="Table_01" width="314" height="230" border="0" cellpadding="0" cellspacing="0"><tr><td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0yNDU2OTg0OTU=" class="contact"><img src="http://mediatmp.epitaph.com/isetmyfriendsonfire/myspace/images/ct_01.png" width="314" height="26" border="0"></a></td></tr><tr><td><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0yNDU2OTg0OTU=" class="contact"><img src="http://mediatmp.epitaph.com/isetmyfriendsonfire/myspace/images/ct_02.png" width="314" height="29" border="0"></a></td></tr><tr><td><a href="" class="contact"><img src="http://mediatmp.epitaph.com/isetmyfriendsonfire/myspace/images/ct_03.png" width="314" height="29" border="0"></a></td></tr><tr><td><a href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5hZGR0
2dyb3VwJmZyaWVuZElEPTI0NTY5ODQ5NQ==" class="contact"><img src="http://mediatmp.epitaph.com/isetmyfriendsonfire/myspace/images/ct_04.png" width="314" height="29" border="0"></a></td></tr><tr><td><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuZm9y
2FyZCZmcmllbmRJRD0yNDU2OTg0OTUmZj1mb3J3YXJkcHJvZmlsZQ==" class="contact"><img src="http://mediatmp.epitaph.com/isetmyfriendsonfire/myspace/images/ct_05.png" width="314" height="30" border="0"></a></td></tr><tr><td><a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLmFkZFRvRmF2b3JpdGUmZnJpZW5kSUQ9MjQ1Njk4NDk1JnB1YmxpYz0w" class="contact"><img src="http://mediatmp.epitaph.com/isetmyfriendsonfire/myspace/images/ct_06.png" width="314" height="29" border="0"></a></td></tr><tr><td><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTI0NTY5ODQ5NQ==" class="contact"><img src="http://mediatmp.epitaph.com/isetmyfriendsonfire/myspace/images/ct_07.png" width="314" height="29" border="0"></a></td></tr><tr><td><a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1SYXRlSW1hZ2UuVXNlclJhdGluZyZVc2VySUQ9MjQ1Njk4NDk1" class="contact"><img src="http://mediatmp.epitaph.com/isetmyfriendsonfire/myspace/images/ct_08.png" width="314" height="29" border="0"></a>
</td></tr></table><br><br><br>

<center></center>
</div>

I left the custom contact table codes that ISMFOF originally had just in case you'd like to use it. If you also want the hover effect that they have on their contact links, use this code:

CODE
<style>
a.contact img:hover{filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;}
</style>

Whatever else you want to add to that section, just add between the <center> tags near the bottom. Have fun!
 

Posts in this topic


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