Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New Coder
    Join Date
    Feb 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Myspace Coding Problem

    If you take a look at www.myspace.com/electriczombie

    Under the flash header there is a "banner" of images, all links to different parts of navigation.

    I am looking how to get the same set of linked images under my header image on my own page. ( www.myspace.com/captiveclothing)

    I would really like to just be able to get the line of code needed and where to place it in the code i have...to place a linked image, i can get it from there. I have tried placing the image in a few different places within the code, and its just not working out for me.


    If anyone needs for me to post the code to the page, just let me know. Not sure if its needed.

  • #2
    Senior Coder rangana's Avatar
    Join Date
    Feb 2008
    Location
    Cebu City, Philippines
    Posts
    1,752
    Thanks
    65
    Thanked 372 Times in 365 Posts
    I could help you out, but I don't have access on mySpace here in my workPLACE.
    If you could be so kind, could you wrap the codes

  • #3
    New Coder
    Join Date
    Feb 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    <img src="http://www.captive-clothing.com/images/about_head.png">
    <br>
    <br>
    <br>
    Captive Clothing was started in the summer of 2007. With the idea of making great clothing in mind, we are also very  big into promotion of local and national bands. 
    <style type="text/css">.profileInfo {display:none;}</style>
    <style type="text/css">.latestBlogEntry {display:none;}</style>
    <style>.whitetext12{visibility:hidden; display:none;}.orangetext15{visibility:hidden; display:none;}.lightbluetext8{visibility:hidden; display:none;}</style> 
                   		      
    
    <style type="text/css">.extendedNetwork {display:none;}</style>
    </style>
    
    
    <style>a .text { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }</style>
    
    <style type="text/css">td.columnsWidening img, td.columnsWidening object { max-width:100&#37; !important; width: ..this.width > 400 ? 400 : true); }</style><style type="text/css">&#035;musicnav {width:800px; border-bottom:1px solid &#035;000; background-color:&#035;990033; color:&#035;FFFFFF;}&#035;musicnav a {color:&#035;FFFFFF; font-weight:normal; font-size:90%; display:inline-block;}</style><STYLE type=text/css>&#035;browseMain td {text-align:left;}</STYLE><Style type="text/css" author="goeatworms">table, tr, td{background-color:transparent;border-style:none;}body{background-image:url('http://cbimg6.com/layouts/08/02/13/25468ab.jpg');background-repeat: repeat-y;background-color: 000000;background-repeat: repeat;background-position:top center;}body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{color:ffffff;font-size:7pt;font-weight:normal;font-style:normal;text-..;text-transform:none;font-family:tahoma;}.orangetext15, strong, .lightbluetext8, .whitetext12,  .btext, .redtext, .redbtext{color:ffffff;font-size:7pt;font-weight:normal;font-style:normal;font-family:tahoma;}.nametext {padding: 5px;font-family: tahoma;font-size: 24px;color: A11D21;font-weight: bold;font-style: none;text-decoration: none;display: block;}a, 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:CBB97E;font-size:7pt;font-weight:bold;font-style:normal;text-decoration:none ;font-family:tahoma;}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:CBB97E;font-size:7pt;font-weight:bold;font-style:normal;text-decoration:underline ;font-family:tahoma;}table table table, div table table{border-color:rgb(255,204,0);border-none;border-width:0px;}table table table table, div table table table{border-style:none;}A IMG{border-style:none;}a </Style><style type="text/css">div.eventful-fsc-black { width: 300px; z-index: 0;}a.eventful-demanditbtn-black { display: block; position: relative; margin: 0 auto; top: -58px; height: 29px; cursor: pointer; width: 106px; z-index: 1; border: none;}a.eventful-learnmorebtn-black { display: block; position: relative; left: 3px; top: -68px; height: 14px; cursor: pointer; width: 71px; z-index: 1; border: none;}a.eventful-eventfulbtn-black { display: block; position: relative; margin-right: 10px; margin-left: auto; top: -55px; height: 25px; cursor: pointer; width: 70px; border: none; z-index: 1;}</style><style type="text/css">.commentlinks a { font-weight:normal; font-size:9px; }</style>
    
    <style type="text/css">
    .your_banner{
    background-color:FF00FF;
    position: absolute; 
    left: 50%; 
    top: 170px;
    width: 800px; 
    height: 700px;
    margin-left: -400px;
    overflow:hidden;
    background-image: url("http://www.captive-clothing.com/images/myspace_header.png");
    <a href="http://www.msplinks.com/MDFodHRwOi8vZGZkc2Zkc2Y=" >
    <img src="http://www.captive-clothing.com/images/btn_home.gif">
    background-position:center left;
    background-repeat:no-repeat;
    border-width: 0px; 
    border-style: solid;
    }
    
    
    body table table td {padding-top:700px;}
    
    
    div table table td {padding-top:0px;}
    body table table table td {padding-top:0px;}
    </style>
    
    <div class="your_banner"></div>

  • #4
    New Coder
    Join Date
    Feb 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I hope that is done right. I am new to this site.

  • #5
    Senior Coder rangana's Avatar
    Join Date
    Feb 2008
    Location
    Cebu City, Philippines
    Posts
    1,752
    Thanks
    65
    Thanked 372 Times in 365 Posts
    No worries!..I am also a newbie

    Anyway, why are there plenty of <style type="text/css">...and also it is not in the <head> tag. If you would validate it there are number of errors!..

    Fix the styles first, <style type="text/css"> should always be inside the <head> </head> tag!...

  • #6
    New Coder
    Join Date
    Feb 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    this was a layout provided by someone else, i just removed a bunch of things.

    Im working on the validation thing. such a long process though. haha

  • #7
    Regular Coder
    Join Date
    Feb 2008
    Location
    Australia baby!
    Posts
    143
    Thanks
    6
    Thanked 3 Times in 3 Posts
    Lol, man myspace pages take forever to load up! If you just want the code to copy and paste for the "Add to Myspace Friends" etc under that flash loader, here ya go pal:

    Code:
    <table id="mid_nav" width="850" height="*" border="0" cellpadding="0" cellspacing="0">
    <tr>
    		<td>
    			<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD00MDQ0NzU4OCZNeVRva2VuPWU2M2UyYzMwLTY1NzEtNGYxOS1iODNlLWIyYzAxMDE5NjE0Yw=="><img src="http://www.phillm.com/temp/ez/images/nav_bar_01.gif" border="0"></a></td>
    <td>
    			<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD00MDQ0NzU4OCZNeVRva2VuPWU2M2UyYzMwLTY1NzEtNGYxOS1iODNlLWIyYzAxMDE5NjE0Yw=="><img src="http://www.phillm.com/temp/ez/images/nav_bar_02.jpg" border="0"></a></td>
    <td>
    			<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLmFkZFRvRmF2b3JpdGUmZnJpZW5kSUQ9NDA0NDc1ODgmcHVibGljPTA="><img src="http://www.phillm.com/temp/ez/images/nav_bar_03.jpg" border="0"></a></td>
    <td>
    			<a href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5hZGR0b2dyb3VwJmZyaWVuZElEPTQwNDQ3NTg4"><img src="http://www.phillm.com/temp/ez/images/nav_bar_04.jpg" border="0"></a></td>
    <td>
    			<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld0FsYnVtcyZmcmllbmRJRD00MDQ0NzU4OA=="><img src="http://www.phillm.com/temp/ez/images/nav_bar_05.jpg" border="0"></a></td>
    <td>
    			<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnRoZWVsZWN0cmljem9tYmllLmNvbQ=="><img src="http://www.phillm.com/temp/ez/images/nav_bar_06.jpg" border="0"></a></td>
    <td>
    			<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm1lcmNobGluZS5jb20vZWxlY3RyaWN6b21iaWU="><img src="http://www.phillm.com/temp/ez/images/nav_bar_07.jpg" border="0"></a></td>
      </tr>
    </table>
    As u can see, they're using msplinks.com to redirect their links to "Add Me" etc. but if u look at your own myspace page, just right click on your own "Add Me" button for example and copy the link, then just paste it into the code in the right place. Too easy.
    outseeker - http://outer.reaches.dyndns.org/index.php
    I hope this helped someone. Due to this forums lame rep system penalising me for nothing, and admins inability to do anything about it, I'm sorry to say I will no longer be online here. Pride is important. Good Luck All.

  • #8
    New Coder
    Join Date
    Feb 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I got the actual bar to show up, i will change the images to my own....but the problem im having is that im not sure how to get it to line up under the header image i have.

    Something must be wrong in my code ( and i dont know where to even look) so that its not allowing anything under the header image, but still above the page.
    When i copy and paste to my page, its showing under the " About Me" section..and i need it to be above all that stuff....and i cant figure it out.

    Sorry if that doesnt make any sense, but its just really frustrating.

  • #9
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,878
    Thanks
    6
    Thanked 1,035 Times in 1,008 Posts
    Quote Originally Posted by rangana View Post
    No worries!..I am also a newbie

    Anyway, why are there plenty of <style type="text/css">...and also it is not in the <head> tag. If you would validate it there are number of errors!..

    Fix the styles first, <style type="text/css"> should always be inside the <head> </head> tag!...
    rangana, in case you haven’t noticed: MySpace is a pile of crappy tag soup and you have no influence on the HTML and where to put your styles. Putting them in the body is not valid but the only option you have. If you want a website with valid HTML then don’t use MySpace but get a decent web space where you can write your own code. However, this is not the issue here.

  • #10
    Regular Coder
    Join Date
    Feb 2008
    Location
    Australia baby!
    Posts
    143
    Thanks
    6
    Thanked 3 Times in 3 Posts

    Lining up the header image and buttons

    Easy man. Just add a <div align="center> to just infront of your header image (whatever filename it is, will be easier for you to spot) and add a </div> to after the code I gave you for the buttons. That will center them both together, thus lining them up. By the way man, I notice I can see "..DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> " displaying within your page.. Remove that man, you declare doctype in the header and as Stephan pointed out, Myspace is lame and won't let you change anything in the header so just remove it. If you still can't get it to display right, PM me and perhaps I can help further.
    outseeker - http://outer.reaches.dyndns.org/index.php
    I hope this helped someone. Due to this forums lame rep system penalising me for nothing, and admins inability to do anything about it, I'm sorry to say I will no longer be online here. Pride is important. Good Luck All.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •