HTML - Scroll Box For Myspace
I've created a simple layout for a myspace and want to post the code on my 'myspace'.
I want to put the code into a scroll box where if you click on the box it automatically highlights the whole box. Can somebody please give me a code for such a box. Here is my layout code. Code: <div style="width:200px;height:200px;overflow:auto;border-width:2px;border-color:000000;border-style:solid;"> <strong>Halo Layout</strong><br> <style type='text/css'>body{background-color:FFFFFF;background-image:url('http://aycu01.webshots.com/image/12280/2002524089993516905_rs.jpg');background-repeat:repeat;background-attachment:Fixed;background-position:Top Left;border-color:ff0000;border-width:2;border-style:Ridge;scrollbar-face-color: cccccc;scrollbar-track-color: 000000;scrollbar-arrow-color: ffffff;scrollbar-shadow-color: undefined;scrollbar-3dlight-color:undefined;scrollbar-darkshadow-color:undefined;scrollbar-highlight-color: 000000;cursor:url('Paste Url or Choose one Below'), default};color:000000 !important;font-family:Verdana;}table, tr, td{background:transparent;border:0px;}table table table{border:2 Solid 000000; background-color:}table table table table{border:0px;border-style:;}table table table td{background-image:url('');background-color:996600;filter:alpha(opacity=99);-moz-opacity:.99; opacity:.99; -khtml-opacity:99}table, tr, td, th, li, p, div{font-family:Arial,Helvetica,Sans-Serif;color:000000;font-size:12;font-style:none}.nametext, .whitetext12, .btext, .orangetext15, .redtext, .redbtext{font-family:Arial,Helvetica,Sans-Serif;color:993300;font-size:14;font-weight:bold;font-style:none}.blacktext12, .text, .lightbluetext8{font-family:Arial,Helvetica,Sans-Serif;color:000000;font-size:12;font-style:none}a:active, a:visited, a:link{color:000000;font-family:Arial,Helvetica,Sans-Serif;font-size:12;font-style:none}a:hover{font-family:Arial,Helvetica,Sans-Serif;font-size:12;color:999999;font-style:none}a.navbar:active, a.navbar:visited, a.navbar:link{color:000000;font-family:Arial,Helvetica,Sans-Serif;font-size:12;font-style:none}a.navbar:hover{color:999999;font-family:Arial,Helvetica,Sans-Serif;font-size:12;font-style:none}img{border:0;}Table, Td{background-color:transparent;}table table table{width:100%;background-color:transparent;}.netlogo{padding-top:0px;position:absolute;z-index:7;width:45px;height:45px;left:95%;top:12px;text-align:center;background-color:transparent;color:E67070;}</style><style type='text/css'>table table table td{vertical-align:top}span.blacktext12{visibility:visible !important;background-color:transparent;background-image:url();font-size:12px;letter-spacing:1px;width:435px;height:75px;display:block}span.blacktext12 img{display:none;}</style><div class="netlogo">&nbsp;</div><br> <style type="text/css"> .contactTable { width:300px !important; height:150px !important; background-image:url("http://aycu34.webshots.com/image/12673/2002531323961939314_rs.jpg"); background-repeat:no-repeat; background-color:transparent; background-attachment:scroll; background-position:center center; padding:0px !important;} .contactTable table, table.contactTable td { background-color:transparent; background-image:none; padding:0px !important;} .contactTable a img {visibility:hidden; border:0px !important;} .contactTable .text {font-size:1px !important;} </style><br/><div style="position:absolute;left:100px;top:45px;width:120px;height:46px;">&nbsp;</div></p> </div> Its pretty tricky because myspace thinks it is the layout itself.Thanks in advance Similar TutorialsCan anyone help me out? I've set up a test site for a project where I have a scrollable table within an iFrame. Techincally, its an iFrame within an iFrame which gets you to a scrollable table I also added an auto-scroll with anchor-links. Everything finally works, but I really want to remove the horizontal-scroll bar that shows up, while keeping the vertical-scroll bar. (Upon testing, I found without the vertical-scroll bar, the anchor-links and auto-scroll don't work correctly.) here's the link to the test site: http://www.thegrandamerican.com/ here's the line of code I think is the correct place to make corrections: <iframe id="myiframe" name="myiframe" src="oprah june 09_news.htm" width="900" height="475" scrolling="yes" overflow-y: scroll></iframe> The hierarchy works as follows: index.htm > spotlight_news.htm > oprah june 09_news.htm The reason for all the iframes is to have elements on the higher pages that will stay in place, such as a music player and dynamic menu bar. other notes and associated files (for the auto scroll) a smooth-src-comments.js smooth.pack.js Thanks. - J I recently started a my space page for a jewelry company that I recently started in georgia. I am currently enrolled in college in atlanta and I wanted to give my myspace page a more professional look something similar to this page ---> http://profile.myspace.com/index.cfm...ndid=153572741 I am not very good with html or css but I recently bought a book called Creating Web Pages by Master Visually so I do unerstand the basics of web design. I am looking for anyone that can assist me with this my myspace page for my jewelry company is myspace.com/k3jewelry Any help any of you may be able to give mw will be greatly appreciated Thank you hi! i made a div overlay template for my myspace site - and up to now it is working pretty fine. there is just one problem: it covers the myspace ad on top of the page! though it looks good this way, i am aware of the fact that this is against the myspace regulations - can someone take a look at the html fragments and might tell me how to get the ads back on the site!? http://www.myspace.com/house_of_d_addict thanks! (html code: see next post!) I want to get the ubetoo.com external media player to play automatically when my myspace page loads. Can someone please help me. Thanks Hi everyone im new to this forum and this whole HTML thing all toghether im very novice at it. I designed a layout for my myspace page which I did thru alot of trial and error .. after getting everything right on IE and FF or so I "thought" I did it seems that when ever someone else views my page everything is out of place.. so apperantely my design/coding isnt very cross browser friendly.. can anyone view my page and tell me what I can maybe do to make my layout show up right on everyones Monitor using FF IE or safari.. is there anything I could do to ensure a better result when some one else views my design? please help a newbie out.. heres my page link hhtp://www.myspace.com/damebeatz Here is the site: http://www.myspace.com/wipingoutthousands Here is the code I am using: <style> body { margin-top: 370px; } </style> <style> div.topbanner { position: absolute; top: 1%; left: 53.95%; width: 800px; margin-left: -450px; height: 193px; } </style> <div class="topbanner"> <img src="http://www.thenewmonarchs.com/images/wot/Wolves_Cover_Web.jpg"><br> </div> --------------------------- Now, I want that banner to line up with the myspace menu bar no matter how wide the browser is stretched. With those settings, the banner lines up perfectly when viewed on my Powerbook G4. But now, on my new iMac with a wider screen resolution, the further or shorter the browser is stretched, that banner seems to be too elastic and does not stay perfectly above the menu bar. How can I fix this? Thanks in advance. I'm trying to figure out how I would go about coding some features in sites like www.maxadds.com The biggest problem I'm having is trying to figure out the login. There's a login box where you enter your myspace friend ID. When you type it in, your myspace display picture is automatically added into a part of the website, usually the 'free train'. The picture also links to your myspace page so others can add you. I'm not sure how to go about doing any of this, so if anyone could help I'd greatly appreciate it. Thanks Hi... In some time I have tried to figure out how to put a banner underneath the red ruler in my myspace profil. I have onlly been able to find a code for putting it on the very top of the site as you kan see on my page: Kasper I would like to have it underneath the red ruler just like it is on this site: www.myspace.com/theasteroidsgalaxytour Does anyone know the code I should use or what I should do? Kasper P.S. Hope you like my music. i want to add a different font to my profile's tables like this... http://mygen.co.uk/index.php?page=layouts&view=181177 (only the blue tables cuz i have my about me and i'd like to meet hidden and all my profile is centered) loook this is mine.. http://profile.myspace.com/index.cfm...endid=80521051 i just want the general/television/heroes table stuff i have no idea of what to do Someone asked me if I could make them graphic images and then do the coding for there myspace layout. Here's a layout they gave me to kinda get the feel they was wanting. http://www.myspace.com/SiNGiNDiVA Now I was wondering if it was possible to just use like 2 or 3 images if not just 1 to do this...instead of like the 30 they have here. Also I dont wanna like take the coding they are using word 4 word or whatever...but I dunno how to do it other wise and was wondering if someone could tell me how to do this. -Thanks for the help I've been through a few sites about redirecting traffic from your MySpace to another site, but I'm not sure how it really works. I know there is some flash involved but I also know that MySpace dissallowed some flash code on the site. What can I do here? I am trying to make it so people can take the layout from the clothing myspace and put it on their own myspace. The myspace link is http://www.myspace.com/m1clothing . If you look in the about me their is a code so you can get the background and the banner, but I want them to copy and paste the code so they get the same box colors and font color and everything. Could anyone help me with the code? EDIT: If the Murder One myspace is private, go to mine at http://www.myspace.com/kylec4321 to see the layout. the code for the banner and background are listed here. Quote: <span class="off">!-START Block to Place Custom Banner at Top of Page-!</span> <span class="off">!-Create div with image. Replace my image with the URL of your own image- OR replace img block with your own code block!</span> <div class="myBanner"> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm11cmRlcm9uZWNsb3RoaW5nLmNvbQ=="><img src="http://i304.photobucket.com/albums/nn191/murderoneclothing/murderoneMYSPACEheader.jpg" /></a> </div> <style> body {margin-top:353px; background-image:url(http://i304.photobucket.com/albums/n...omyspace.jpg); background-repeat:repeat;} div.myBanner {position:absolute; top:0px; left:50%; margin-left:-400px; width:800px; height:350px;} </style> <span class="off">!-END Block to Place Custom Banner at Top of Page-!</span> <style> table, tr, td {background:transparent; border:0px;} table table table {background-color:transpanrent;} </style> I want that coding to include my box colors and font color and everything that my page has. If someone could help me with this it would be greatly appreciated!! http://img389.imageshack.us/img389/9138/addfbl8.jpg This is the image of my display name. I want to know how to move the text to the top of that gray line. here is the code i have for the nametext. .nametext { font-family:arial; font-size: 30px; letter-spacing:-2px; color:ff0000; ; background-color:e5e5e5; display:block; padding: 0px; margin-top:15px; margin-bottom:-3px; line-height: 10px; text-align: right; } please help thanks hot-lyts.com--> layouts---> div overlay--> vintage swirlies vintage swirlies---> i want a hover code like the one inhere when you rollover on home/comments/friend/etcetera i want a hover like this one but i can't! i copy the code in that premade but everything disappears instead of the hover to appear I made this Myspace Layout for Weapon X Promotions and it works perfect in FireFox and Safari, but doesnt work properly in Internet Explorer. Here is his URL.. www.myspace.com/weaponxpromotions Heres pics on how it looks in IE, just wondering if anyone can lend a helping hand why it may act up in IE so I can get this fixed ASAP... Under the part where it has ur marital status and such, they give you like 5 choices, I was wondering if it's possible to change it so it says what I want it to say does any1 know how to add a html code without it activating, e.g so someone else can just come along and copy and paste it onto theirs? I hate how MySpace comments don't fill up the entire width of the profile, so does anyone know (or help me with) a code that will stretch the comments across the entire profile? |