My Space
>>>
.derkilicious | Part 1: MySpace DIV overlay [The base] .derkilicious Blog The Dirt Wordpress Search « links for 2005-11-11 | Home | Wordpress.com - soft “porn” to dethrone the Scobleizer? » Part 1: MySpace DIV overlay [The base] This will be part one of a series for creating your own MySpace DIV overlay. I will try to keep this tutorial simple and straightforward. The idea is to cover the entire default MySpace profile with your own custom page. While DIVs can be used to cover specific areas of the profile [while retaining much of the default page], this series will walk you through the steps necessary to cover the entire default profile [see my current profile here ]. The easiest way to visualize a DIV overlay is to imagine a stack of strategically placed “layers”. Before continuing, note that users are recommended to edit in SAFE MODE. You can access the ‘Safe Mode’ option on your defualt page. To the right of your profile image, you will find a link to edit in ‘Safe Mode’. The default profile editor may be rendered useless after adding any DIVs. Insert the following CSS into your ‘About Me’ section: <style type="text/css"> .main{ position:absolute; left:50%; top:125px; width:800px; z-index:1; margin-left:-400px; } </style> The important properties above are top and margin-left . Adjusting top will reposition the table vertically. The smaller the number, the closer the table (base DIV overlay) is to the top of the page. If you want to cover the MySpace navbar, edit 125px accordingly. Margin-left controls the table position (left of center). We’re creating a table with a height and width of 800px. Feel free to change the background color as needed (currently set to white). If you’re looking for color resources I’ve bookmarked a few sites on del.icio.us . Insert the following HTML into your ‘I’d Like To Meet’ section: <div class="main"> <table style="width:800px; height:800px; cellpadding:0px; cellspacing:0px; background-color:FFFFFF;"> <tr><td valign="top"> INSERT CONTENT AND ADDITIONAL DIVS </td></tr></table></div> That’s all I’ll leave you with for now. The base layer is all that’s really needed to get started with your own custom DIV overlay. Your default layout should be completely covered by a solid table with the text ADDITIONAL DIVS, CONTENT, AND IMAGES GO HERE assuming you copied everything verbatim. You can replace that text with additional TABLES, DIVS, text, or images. Note that it is essential that any previous code you may have inserted into your profile be removed before creating your overlay. Note that the DIV does not cover the top advertisement. Covering the banner ad is aginst the MySpace TOS. Update: I updated the above code to create a solid white DIV overlay. Disregard the screenshot below which uses the original dark base. Continue with Part 2 >> Tags: myspace , div+overlay , tutorials , css , design , profiles -- Trackbacks & Pingbacks .derkilicious » Blog Archive » Part 2: MySpace DIV overlay [Navbar / Content] pingbacked on November 13, 2005, 1:52 pm dynamo » Blog Archive » MySpace layouts pingbacked on November 13, 2005, 8:34 pm .derkilicious » Blog Archive » Part 3: MySpace DIV overlay [Comments] pingbacked on November 14, 2005, 9:56 pm .derkilicious » Blog Archive » Who is this guy? pingbacked on December 13, 2005, 4:27 pm .derkilicious » Blog Archive » Part 4: MySpace DIV overlay [Color] pingbacked on December 25, 2005, 3:31 am Myspace Overlay Tutorial at tomkelleher.com pingbacked on January 3, 2006, 12:21 am Comments 1 Jeff says: Very cool, but won’t this also cover the admin section as well hiding all of the editing functions? Posted November 11, 2005, 4:11 pm 2 .derek punsalan says: i think you’re thinking of your personal myspace portal page which has the ‘my mail’, ‘my bulletin space’, etc. the overlay will only cover the default profile that other users see when they check your page. nothing on the backend is changed. Posted November 11, 2005, 4:14 pm 3 Bwelsh says: No, he means when you go to ‘Edit My Profile’ it overides the things, so nothing is clickable or viewable. I am having this problem. Posted November 11, 2005, 10:53 pm 4 .derek punsalan says: I appologize. I had included the stylesheet adjustment for a later part of the series which removes the top navbar completely. Use top:150px . Posted November 11, 2005, 11:38 pm 5 Brendan says: Thanks. I messaged you on myspace. -Brendan Posted November 11, 2005, 11:46 pm 6 Sarah says: Mine’s all goofed up now too — how can I fix it? I can’t click on the “edit” buttons because they are hidden now. Help?! Posted November 12, 2005, 12:44 pm 7 Bwelsh says: Hit the “Back” button. Otherwise Im pretty sure your screwed. Oh, and its not working derek. Posted November 12, 2005, 1:09 pm 8 Sarah says: Oh — I just discoverd MySpace has a “safe mode”! Now I can edit again! Posted November 12, 2005, 2:46 pm 9 alan says: I’m 99.999% sure I copied it exactly right, but all I got was a like big gray box inside the about me section. It still had everything else. Know what’s wrong? Posted November 12, 2005, 3:53 pm 10 tyler says: I’m with alan here. I copied exactly, but it’s just a big space in “about me.” Posted November 12, 2005, 6:25 pm 11 .derek punsalan says: i’m not sure why some of you are seeing the div within your about me box. please double check that all your html tags are closed properly. i just used the exact code above on a dummy account (which i recommend all of you test on) and the default profile was covered completely while keeping the navbar visibile. as someone else mentioned, edit your profile using the safe mode option. also note that i’ve updated the post to insert the css into the about me and the html into the i’d like to meet section. it doesn’t make a difference. i made the change out of conveniance and consistency. stylesheets usually precede html. Posted November 12, 2005, 7:39 pm 12 Kortnie says: I have a question. on my MySpace homepage, the “My Bulletin Space” is not there. It just has a link to “View All Bulletins”.. I can`t see the 5 they usually post there. Does anyone know whats wrong? Thanks =] Posted November 12, 2005, 10:59 pm 13 .derek punsalan says: i’m sure it’s just a myspace server issue. i noticed earlier while i was logged in that some groups were missing. Posted November 13, 2005, 12:48 am 14 Kortnie says: Yeah.. Its been like that for a while. lol andd. Myspace stuff does not get sent to my email anymore? =/ and I still have the same email and everything.. lol weird =] Posted November 13, 2005, 6:32 am 15 Joe says: i don’t understand, im having the same problem as Alen and tyler… im almost poitive ive copied it over correctly but it jsut shows a big white box in the about me section… any good solutions yet… Posted November 13, 2005, 5:18 pm 16 .derek says: joe: i don’t understand, im having the same problem as Alen and tyler… im almost poitive ive copied it over correctly but it jsut shows a big white box in the about me section… any good solutions yet… double check that all html tags are closed properly. open tags would be the only reason for the div overlay being displayed in the about me box only. Posted November 13, 2005, 5:31 pm 17 tv says: how do you make the color of your page extend to above the links and all around so that hideous blue is gone? also, i am having problems understanding where you put the text and what codes go with it … when i try to put an image, say, it puts it below my color and under my profile … Posted November 14, 2005, 10:16 am 18 tyler says: ok, when I went back and checked everything, for some reason I had put the css in the “I’d like to meet” section and the html in the “about me” section. also, I had 1 minor error, which was .mail instead of .main - so if you guys are still getting that giant space in “about me”, check what happened to me as well. now that I’ve fixed it and the profile is covered, using IE, I’m seeing some strange things. The table (in IE) is auto-moving when the window is resized, maximized, etc. However, in FireFox this isn’t the case. Since most people do use IE, though, is there a way to fix this? I messed with “margin-left:” and changed the numbers around (from -425 to -225 and then to 0) and it’s just moving all over the place. So, for now I’m leaving it at -425px and just seeing if the next layer of divs will take care of it. Besides that, I’d say this code works excellent. On to Part 2!! Posted November 14, 2005, 11:17 am 19 Koray says: Uh, you can use < for < and > for > That way wordpress won’t parse it as html and we still get to copy the code. Thanks for the tutorial. I appreciate it. Posted November 14, 2005, 12:57 pm 20 .derek punsalan says: thanks for the tip koray Posted November 14, 2005, 1:48 pm 21 .derek punsalan says: tv: how do you make the color of your page extend to above the links and all around so that hideous blue is gone? also, i am having problems understanding where you put the text and what codes go with it … when i try to put an image, say, it puts it below my color and under my profile i’ll address the rest of the layout in the next part of the series. as far as your image is concerned, are you saying that the image is showing up below the div? tyler: unless you want the problems that you’re experiencing right now with the table dancing, i’d recommend leaving the margin-left at -400px. are ou adjusting the overall width of the table? you shouldn’t be seeing any layout issues with the base div in ie. Posted November 14, 2005, 2:12 pm 22 tv says: yes derek, below the div. Posted November 14, 2005, 2:31 pm 23 .derek punsalan says: tv make sure that you’ve closed the div and tables completely. if you’re inserting an image it the above code it should look like this: <div class=”main”> <table style=”width:800px; height:800px; cellpadding:0px; cellspacing:0px; background-color:FFFFFF;”> <tr><td valign=”top”> <img src=”http://imageURL” alt=”Blah Image” /> </td></tr></table></div> Posted November 14, 2005, 2:35 pm 24 Nick says: how do I make sure that everything is covered. I used the codes correctly, yet my comments are still appearing underneath it. Please help? Posted November 14, 2005, 8:04 pm 25 .derek punsalan says: nick: see part three of the series for hiding comments and adding a comment box. Posted November 14, 2005, 9:10 pm 26 tyler says: @derek no, actually, the only thing i changed was margin-left. all I really did was experiment and change the numbers around but put it back to -425px. however, for some reason it is still dancing around. could it be myspace, not IE? myspace does have a lot of problems sometimes, I know you’d all agree on that lol… other than that, everything else is working fine. Posted November 14, 2005, 9:37 pm 27 tyler says: @derek error 404 on that link also, i changed margin-left to -400px like you said and everything’s fine now. thanks! Posted November 14, 2005, 10:28 pm 28 Nick says: The link for part 3 isn’t working…might want to fix that… Posted November 15, 2005, 7:05 am 29 HamsterHam says: i have a monitor which the resolution is 1280*1024 and this code does not cover all the originial myspace stuff, can someone help me please. Posted November 15, 2005, 12:52 pm 30 Dan says: the link for the 3rd part of the tute is here . dunno how but the page is filed as being published on the 15th not the 14th??? anyway, this is the link that works cheers (this is a really good tute btw, really enjoying it) Posted November 15, 2005, 2:36 pm 31 josh says: how do i cover the stuff at the bottom, like the navigation bar and the rest of my info, i have tryed adjusting everything and i can’t get it Posted November 17, 2005, 9:50 pm 32 CHARiSH says: wOOOOw i had to read this a couple of times to understand it aLL.. `n i stiLL dont.. i think iLL go over it a few more times.. but best of luck to you guys.. `n derek.. i think it’s great that ur trynahh` expLain aLL this overlayy stuff..=P.. take care guys..!! Posted November 18, 2005, 9:16 am 33 .derek punsalan says: josh: could you paste a link to your profile? charish: you should be able to copy and paste the code straight into your profile to get the same results. Posted November 18, 2005, 11:27 am 34 josh says: here is the link to my page, i hope you can help me click here for my myspace Posted November 18, 2005, 4:07 pm 35 josh says: actually nevermind, i figured it out i have to make my page longer, so yeah thanks for the profile Posted November 18, 2005, 4:11 pm 36 josh says: oh hell. nevermind about that lst comment, i guess i had it for a second but i still don’t know what to do, please help me? Posted November 18, 2005, 4:27 pm 37 pat says: iv pasted the codes correctly but the white overlay is adjusted too much to the left so i still see some of my old profile on the right. . . help. :[ Posted November 19, 2005, 5:25 pm 38 tv says: ok derek, i now have a different problem. perhaps it comes from various codes being used and one canceling another. i am trying to get my profile (which i’ve done in widescreen) to be centered and make my own borders with every single other thing on this page (save for the banner) gone! i keep getting to the part where i got the layout good and i think all my codes are right, the layer is right, and then i have NO idea how to make tables and have them show up. i try to put them in various places. the code i followed above only made a white box appear in the left corner. now, i want one huge straight centered table or sequence of tables to customize the rest back on … (well … default picture table box, blogs, etc etc) if i try and just use text to type in the about me or other sections it won’t show up or it’s in the corner. the code i used above not only made the table up in the corner but it brought back all my default profile!! help!!! i’m working on this WAY too long and am having MAJOR problems understanding perhaps SIMPLE things. thanks tv Posted November 20, 2005, 2:02 am 39 tv says: forgive me if this is sent twice!! my last post was all about why i can’t get any tables to work … but i think it disappeared. all i want is a widescreen div layout with everything off of it so i can put it all back on custom! i got to the part where everything was awesome and looking great until i put in the code above and bam–whack time. i also have NO idea how to make tables because they don’t show up. is there a code i am missing for layers or something? well the code above brought my default profile back and left a big square in my left top. i am trying to keep my profile centered and just in a straight line down the middle. it seems so easy, but apparently not for me! Posted November 20, 2005, 2:07 am 40 ash says: Ive pasted all the codes correctly but the white overlay isnt long enough and thats why i see my old profile on the bottom..please help me Posted November 20, 2005, 6:34 am 41 .derek punsalan says: iv pasted the codes correctly but the white overlay is adjusted too much to the left so i still see some of my old profile on the right. . . help. :[ please check to make sure that you’ve cleared any previous code from your profile. if you’ve added videos or embedded objects you need to remove those in order to cover the default. the code above centers the div in the middle of the page. Ive pasted all the codes correctly but the white overlay isnt long enough and thats why i see my old profile on the bottom..please help me do you mean your comments are sticking out at the bottom of the page? Posted November 20, 2005, 12:50 pm 42 pat says: i had already taken out all my codes and you still see some of my old profile coming out the sides of my overlay. and how can i get the blue thats around the ad to be the same color as my overlay? Posted November 20, 2005, 2:45 pm 43 ash says: @ .derek yes thats exactly what i mean !! Posted November 20, 2005, 4:32 pm 44 ash says: ok i fixed the problem but now theres another problem…now that i have the overlay im unable to edit my profile because the overlay is covering the button “edit” what do i do? Posted November 20, 2005, 4:40 pm 45 .derek punsalan says: ash edit in safe mode. Posted November 20, 2005, 5:35 pm 46 Alice says: .derek I’ve managed to cover my profile entirely BUT the advert at the top of the page still apears, can you help? Posted November 21, 2005, 3:42 pm 47 .derek punsalan says: alice: removing the banner advertisement at the top of the page is against myspace tos. Posted November 21, 2005, 6:20 pm 48 Alice says: Haha, thankyou x Posted November 22, 2005, 3:52 am 49 Daniel says: Thanks for the code! I feel so much better making my own HTML instead of trying to embed a design into MySpace’s existing DIVs. Posted November 22, 2005, 11:10 pm 50 Daniel says: For anybody that needs it… If you try and change the body background (of the whole page, not just your overlay), you’ll find yourself with a white stripe towards the bottom. I struggled with killing that strip only to find some of my content being hidden… Then I realized–I use the same background throughout my entire content, why not change the color of the stripe (which turned out to be the standard links at the bottom of a myspace page). Here is the code I used–substitute your own color and add it to the “About Me” style on this page: body { background-color:045697; background-attachment:scroll; } table td div {background-color:045697;} Posted November 23, 2005, 12:06 am 51 Kasey says: Hey when I try to put that code in my ‘I’d like to mee’ section I keep getting this big white box in the center of my page covering everything. Could you tell me how to fix this? Posted November 23, 2005, 12:22 pm 52 .derek punsalan says: that big white box is what you’re trying to get. that’s the div overlay. you add additional divs and content on top of that. pasting the code from above will not automatically create a new profile for you. you need to hand code it yourself. Posted November 23, 2005, 12:31 pm 53 Grace says: This is great. I’m just wondering how you can cover up the part above the banner. I changed the thing to 125px to cover the myspace nav bar but I don’ t know how you would do the part above the banner. Posted November 23, 2005, 10:51 pm 54 .derek punsalan says: the best thing to do would be to set top at 0px and create your own navbar and position with css. Posted November 23, 2005, 11:49 pm 55 KylexKaos says: i tried everything i could think of but i cant figure out why i cant cover up the myspace banner please dude help me Posted November 24, 2005, 1:53 am 56 .derek punsalan says: if you read my previous posts i am not going to show people how to cover the myspace ad banner. it’s against the terms of service (tos). myspace is free. why bother covering a banner at the risk of having your profile closed? Posted November 24, 2005, 2:06 am 57 me says: i really want to create an overlay on my myspace page but i dont want to get rid of my comments or hide them how do i do that? Posted November 24, 2005, 1:43 pm 58 britney says: hi. this probably got answered already, but i was wondering…… im not bad at html, but when i put the second code in ‘who id like to meet’ it just puts a big white box over all my stuff so i cant click “edit” any more i tried what you said to bwelsh, chaning the top to 150px, but it didnt work Posted November 25, 2005, 9:39 pm 59 daniel says: I got a problem just like Pat and ash, where my old profile still shows, because the div is too small or something. I believe that i have placed the codes in correctly and have all codes erased. I’ve tried to fix it over and over. plz help!thx Posted November 26, 2005, 10:14 pm 60 Krystin says: ohh my this makes my confused but uh while im here does anyone know how to get a url of a song so i can put a playlist on my page? Posted November 29, 2005, 11:18 pm 61 READ ME says: IF YOU CAN NO LONGER EDIT IT, YOU GO TO YOUR MAIN LOGIN PAGE AND CLICK “SAFE MODE”. Posted November 30, 2005, 8:10 pm 62 Fil says: yea i followed your tut and made changes and it all works fine except for one thing, if youre not in full screen it cuts off part of the left side www.myspace.com/wanderingevil Posted December 1, 2005, 4:13 pm 63 wo0dy says: the div does not cover the entire profile some is still sowing see: Posted December 1, 2005, 6:50 pm 64 wo0dy says: ohh you dont souport html well heres the address http://putfile.com/pic.php?pic=12/33419565788.jpg&s=x12 Posted December 1, 2005, 6:52 pm 65 wo0dy says: nevermind i changed the hieght and fixed it but the main pronblem was that i was useing firefox Posted December 1, 2005, 7:07 pm 66 Crista says: How do you go about switching into safe mode? Posted December 2, 2005, 5:18 pm 67 Crista says: I’m sorrt, never mind. Posted December 2, 2005, 5:18 pm 68 marisa says: Thanks for all your info on making a div overlay… Posted December 3, 2005, 1:19 am 69 Mike says: you should really mention that to avoid the problem of not being able to clik on the “Edit” links, use “Safe Mode”!! Posted December 6, 2005, 3:33 pm 70 .derek punsalan says: eh. it forces people to read the comments. noted though. Posted December 6, 2005, 4:40 pm 71 Annette says: I’m a little confused. I read all 3 of ur tutorials and i entered all the stuff where it specified, etc. But I have the following questions: 1. How do I move my page over to the right more? On my screen I can’t see everything to the left. 2. Posted December 7, 2005, 12:08 pm 72 Annette says: I’m a little confused. I read all 3 of ur tutorials and i entered all the stuff where it specified, etc. But I have the following questions: 1. How do I move my page over to the right more? On my screen I can’t see everything to the left. 2. How do I add columns to be able to create “sections”? 3. Posted December 7, 2005, 12:08 pm 73 .derek punsalan says: annette can you link your profile so others as well as myself can take a look at your code to figure out what might be causing problems. make sure that you clear any previous codes. if your default profile is extending beyond a width of 800px, you have something in there that wasn’t default. i don’t know how many times i’ve tested this tutorial for myself on clean default layouts, but the result will be a clean white div overlay completely covering the default. if your comments are extending beyond the bottom of the page, check the second tutorial for the code to hide them. if your page is extending to wide, that means you most likely have wide images or a previous streaming audio clip still in our profile somewhere. completely clean your profiles by going into safe mode and deleting each respective profile section. Posted December 7, 2005, 12:14 pm 74 Annette says: oops sorry. i’m dumb when it comes to all of this HTML stuff! I’m trying to learn! I dont’ know how to link but here it is Posted December 7, 2005, 12:38 pm 75 Annette says: Just so you know, i deleted everything that was on my profile in safe mode before I started adding all of your stuff. Posted December 7, 2005, 12:40 pm 76 .derek punsalan says: annette i followed your link and it said the account was closed or deleted. try entering the clean url example: myspace.com/idnumer. it sounds like you’re fairly new to html [including css]. it might not hurt to read a little before trying to create your own unique profile. read some of the beginners tutorial on html dogs . Posted December 7, 2005, 12:43 pm 77 jane rossal says: hey how do you put a background on the div that does not scroll when you move the scrollbar. I made my div cover the entire page even the nav bar ( everyhting except the advertisements) and I am trying to put a background but evrytime I do it moves. If anybody can help me I would REALLY appreciate it….. please!! i have tried using the position:fixed;, the background-attachment:fixed; , and the background-repeat:no-repeat; but it does not work on the background… maybe you have to put in on the table or the div… but if anybody has done this or knows how please let me know, Thanks! Posted December 7, 2005, 10:13 pm 78 Ian says: what is the codes to remove your status (i.e single, married etc) i really dont like it so i was wondering if there a code so it doesnt show? Posted December 9, 2005, 12:07 pm 79 Sarah says: Do you have to use CSS for all of your content ? it’s covering the page & everything ..just HTML doesn’t seem to work with it anymore. like for example the img src code. Posted December 10, 2005, 12:00 pm 80 nikki `n jani`s lAYOUTS says: okkk..umm.i am so confused. =/ i hav a layout site..and all i want is the full code for how to make my myspace look like theirs.. profile (av_layouts) Posted December 10, 2005, 4:06 pm 81 .derek punsalan says: sarah says: Do you have to use CSS for all of your content ? it’s covering the page & everything ..just HTML doesn’t seem to work with it anymore. like for example the img src code. css is used for “styling” the html content only. <img src=”http://” /> tags still work. Posted December 10, 2005, 4:18 pm 82 Randi says: Thanks so much for the turtorial XD. It helped so much. But is there a way I could block out or change the “Friends Space”? Posted December 10, 2005, 4:40 pm 83 .derek punsalan says: if you followed the tutorial, there shouldn’t be a friends space in your profile. Posted December 10, 2005, 4:43 pm 84 Randi says: Damn. I was basically sure I followed it all correctly…. I’ll check it over. Do you know where I would have made the mistakeness? Or no. Or… meh; I’ll just go through it again. Thanks. Posted December 10, 2005, 4:49 pm 85 arielle says: i tried it but the old page is still in the background… Posted December 11, 2005, 12:34 pm 86 Becca says: I can’t get my links at the top of the page (the regular links that are automatically there) to show up. They only show up when I hover on them. The grey color shows (on hover) but the rest do not. Can you tell me what I should change about the code? a:navbar{color:black;} a.navbar:active{color:black;} a.navbar:visited{color:black;} a.navbar:hover{color:grey;} Thanks Posted December 11, 2005, 7:16 pm 87 matt says: The first three. Posted December 11, 2005, 8:34 pm 88 Becca says: But, how should I change them? Posted December 12, 2005, 11:44 am 89 matt says: change the black to something else Posted December 13, 2005, 9:48 am 90 Shannon says: I think this whole overlay idea is really cool. I have seen it done and I like it, but i can honestly say I have no idea how to go about this. i tried reading the directions and doing what it said, but it wasnt much help. if theres anyway someone could help me, like walk me through things it would be greatly appreciated. thanks… Shannon Posted December 14, 2005, 6:57 pm 91 Monkey says: I’m with Shannon on that. I have a feeling that we’re going to have to learn CSS and html pretty hardcore in order to do this overlay business. Am I right or wrong? About how long is this gonna take to learn. I know basic tags in html. I really don’t know shit about CSS. What do you guys think? Posted December 14, 2005, 9:45 pm 92 Monkey says: I put the DIV into the “I’d like to meet” section and changed the size of the table, but it just writes a little grey square in the top left. Do I have to code where the table goes? -To move it around I mean. And when I put the code in for the first DIV,— into About Me, nothing happened at all. I straight up copied and pasted. I understand I have no clue how to do this. I’m just doing it piece by piece and trial and error. Should I go about it some other way? Posted December 14, 2005, 9:53 pm 93 .derek punsalan says: i’m not sure why people are having issues with the base div coding. cut and paste and your results should be clear cut. i hate to say this, but individuals who have no desire whatsoever to learn a little html / css on their own are better off running the default myspace profile. as unfortunate as it may sound, the handholding can only go so far. it was my intention to lead the way so readers could take the base and add at will. there are plenty of profile gens out there [use google] that will provide a graphical interface for choosing colors and background images to suit your tastes. make sure that any previous code in your profile has been deleted. enter safe mode and click the ‘delete’ link under each profile section. not meaning to sound rude.. i guess the recent proof that no good intentions go without being abused got to me. hopefully other users will chime in. Posted December 14, 2005, 10:03 pm 94 Monkey says: No problem. I was just wondering how much of this is know how…from experience…and how much can be picked up, say, in a couple hours or so. I do have an intention of learning html and css, both. I understand basic tags and nesting. You say take all coding out of the page. What about in the blog? Does customizing the blog with it’s built in customizer affect this? Posted December 14, 2005, 10:27 pm 95 Monkey says: Here’s my ultimate question. Should I see a visual change in my profile after I submit the first div in “about me?” Or is that white slate just underneath all that other junk? Yes, I have deleted all text under each profile section. Posted December 14, 2005, 10:45 pm 96 .derek punsalan says: most of this is stuff that anyone could pick up if they sat down for an hour or two and searched google. the blog customizations won’t affect your front page layout. you should see an immediate visual change on your front page if you copy and paste both the html and css into their respective containers in your profile editor. make sure that all tags are closed otherwise your div will be displayed in your about me box on the front page. Posted December 14, 2005, 10:49 pm 97 Monkey says: The code is all deleted. Do you mean I have to delete all the pictures and all that too? Posted December 14, 2005, 10:51 pm 98 .derek punsalan says: depends. where are the images? did you manually insert them into your profile (the sidebar, the main content area)? even if you didn’t remove them, they would get covered up by the div overlay anyway. Posted December 14, 2005, 10:55 pm 99 Monkey says: So correct me if I’m wrong. The Div that goes into the “I’d Like to meet” is essentially the platform table for all the rest of the page content… If this is so, what is the purpose of putting the first div in the “about me” section? *I started a new myspace from scratch, just to be on the safe side, and now I have a blank page after part one. Posted December 14, 2005, 11:28 pm 100 Dayevid says: OK Im totally new to the whole myspace thing so I am trying to find a way to make my page really nice but when I use this code my profile sticks out under the top box how do I make the whole thing covered up on both sides and the bottom too?? Posted December 15, 2005, 3:16 am 101 Monkey says: http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=43225791 this is my dummy profile. How come I can’t find a way to get the white ridges out from the nav bar? -Been working on it for hours. Seems like I tried everything. Posted December 15, 2005, 5:39 am 102 Monkey says: Dudes and dudettes, and whomever it may concern. CSS pros come to my rescue. Question: If I use this main div mask overlay on page one, will I be able to make a web page in dreamweaver and sort of puzzle it over the top of it?” Any pointers would be appreciated concerning the hardness of this. I want to spend a week, but not 2 months, if you know what I mean. Posted December 18, 2005, 2:57 am 103 .derek says: yes. you can create a page in dreamweaver and “lay” it over the base. note that you will need to make minor positioning changes so keep that in mind before you sit back and marvel at your “perfect” looking page from within dreamweaver. Posted December 18, 2005, 3:16 am 104 lostmouse says: hey, i was having the old profile peeping out of the sides of the table problem. i deleted a comment that had a big picture in it (even though you cannot see it on the page it still seems to push the profile out at the sides) and now all is well Posted December 18, 2005, 11:36 am 105 Stephanie says: Okay, it doesnt cover all of my profile… like the comments and some of the interests sections are still showing. Posted December 18, 2005, 5:41 pm 106 .derek says: steph you left previous code in. the tutorial stipulated that all codes be removed in order for the div to completely cover the default. your comments may stick out the bottom but the code to hide those is in the tutorials as well. Posted December 18, 2005, 5:54 pm 107 LAkers0505 says: so derek, i can make a css webpage in dreamweaver and put it into the myspace profile? Posted December 18, 2005, 7:45 pm 108 .derek says: yes. as i stated above. you can code in dreamweaver. the finished result won’t look the same in myspace. you’ll need to adjust a number of widths. i tried and got frustrated so did everything by hand with notepad. i can’t provide answers for users going the dreamweaver route bc a) i don’t own a copy and b) i’d rather code by hand. Posted December 18, 2005, 8:14 pm 109 Tiffany says: is there a way u can make a link button for instant messaging? if so how? Posted December 19, 2005, 12:36 pm 110 Jenn says: Ok…I have copied and pasted everything as is. I am still having problems covering everything. It seems as if my original profile is off center, and the overlay is not covering everything completely. I have deleted everythign in safe mode. What am I doing wrong? Profile link: http://www.myspace.com/Jenniferc7585 Posted December 19, 2005, 2:48 pm 111 Jenn says: ok….X out that last comment. I guess it was a myspace problem. I have done all of your tutorials, 1-3. I know I have done them correctly because I have went back and checked everything out. The overlays have not covered everything. The “Details” section is still showing a little bit… Posted December 19, 2005, 3:05 pm 112 Monkey says: Derek- How would you suggest re-creating the links that manifest and rewrite themselves as blog 1 through 5. Also, the links to add user, subscribe, etc.? Posted December 19, 2005, 7:13 pm 113 .derek says: monkey the links have been posted before. right click the links below and copy the url. you need to edit the friendID to match your own for your account. i don’t have the slightest clue on how to recreate the blog postings. some sacrifices have to be made when using the div overlay considering the fact that you are nearly detaching youreslf from the service completely. add to friends add to group send message Posted December 20, 2005, 3:54 am 114 Rhian says: I’ve made div overlays before, using Notepad, except I’ve never managed to actually put them onto my Myspace profile because even in Safe mode the Submit button disappears. Now I’ve tried the Manual Submit from around 4 different gens, except all I get from all of them is “Cannot Find server” and stuff. Help? (Sorry if this is a stupid question) xx Posted December 20, 2005, 7:14 am 115 Fil says: Yea I followed your tut and made a few changes and it all works fine except for one thing, if youre not in full screen it cuts off part of the left side. Is there a way to fix that? Posted December 20, 2005, 1:21 pm 116 Monkey says: Thanks for the info on the links, derek. Here’s some more questions if you feel like teaching a monkey some new tricks: I’ve got my divs placed on the mask div perfectly, thank you. I’m now attempting to fill each div with a graphic that I’ve created. (I’ve also made the rollovers in photoshop.) -First of all, can these divs be treated with rollovers? And if so, where am I going to put the info–into the style sheet part or the div part? Also, with some help I figured something out and wanted to share it. -For people who want to put their own images in their blog, they might have noticed that the image has to be hosted somewhere online for the myspace browser to read it. ImageShack is a free place you can host your pic. For me to use my graphics that I’ve made in my divs, I’m probably going to have to host them there as well. Right? I wish there were an easier way to do this. But then again, nothing that’s easy is really worth doing. Posted December 21, 2005, 12:06 am 117 Monkey says: Derek, just wanted to let you know I’ve gone and done it. Thanks for all your help. If anyone is interested in asking questions about making a page in dreamweaver, and laying it over the mask, I got some of it figured out. I might be able to help. ;) Posted December 21, 2005, 12:17 am 118 amy says: hi…umm somehow my ‘about me’ & ‘who i’d like to meet’ have merged together & my page now only says ‘about me’ there’s a big blank space in between it & where the ‘who i’d like to meet’ should be….any clues as to how to fix this? Posted December 23, 2005, 12:36 am 119 Monkey says: Amy- Try clicking on “safe mode.” (First click “home”) Safe mode is next to your display shot. A code you put in probably messed up your tables. Clear your code by pushing the delete button. You might want to save your code in notepad first, -depending on your situation-, if you want to have someone look at it and find the error. Clearing the code you put into both About me and I’d like to meet should at least get your tables back. Posted December 23, 2005, 1:50 am 120 Skitz says: Hi Derek, I’m having problems with the “About Me” part. Where exactly do you put the text? Posted December 23, 2005, 10:18 pm 121 lakers0505 says: wow thanks derek, this will be alot of help, ive figured out alot by myselfm and help of dash, having knowledge of photoshop helped alot too. Posted December 25, 2005, 6:33 am 122 Favian says: Hey I just recently visited this website and I noticed that many of you have trouble with the submit button dissapearing when you try submiting certain content. Well this is what you do to fix that. I know this works on internet explorer and firefox but I don’t know about AOL and it doesn’t work on MSN. What you do is on the browser your using. Go to any website it doesn’t matter and then save it to your favorites. After that go to to your favorties list and right click the webpage you just saved and click properties. On internet explorer all u have to do is replace the existing url in the url section with this: javascript:document.forms[2].submit(); in fire fox put that javascript in the section marked locatin and then change the name of the favorite to submit button. then click ok and click ok to anything else that pops up after doing it. Then when your submit button dissapears just go to your favorites list and click on that favorite and it will work as your submit button. Posted December 28, 2005, 1:24 am 123 Mackulette says: Thanks for sharing your knowledge, I was able to do a simple overlay through this site. Posted December 30, 2005, 1:28 pm 124 Zoe says: Hi Derek, I’m trying to put a picture in the background of one of my divs and I read your other Parts for the Myspace DIV tutorial. But what I am trying to do is put the img and have a scroll box over the image and in the scrollbox would be my content. For example, I would have a person and then and they would have a talk bubble and the scrollbox would be in the bubble. how would I do this? Thanks for the help on the simple overylay though; it helped alot! Posted December 30, 2005, 5:06 pm 125 Zoe says: Also Derek, I tried out your float: left and float: right code and followed to directions completely but somehow it didn’t seem to work. Can you tell me what I might be doing wrong? Posted December 30, 2005, 5:12 pm 126 Jenny says: hey! I was wondering why on my page you can see all the side stuff… how can i take that away Posted December 31, 2005, 12:22 pm 127 Mel says: Thank you for your tutorial. (: I was trying to get a background (image) behind all my tables, but it keeps coming up in the div tables, I was wondering how I would go about leaving the tables white, and having the background behind them changed. Posted December 31, 2005, 5:35 pm 128 chris says: SAFE MODE PROBLEM. ok im having a problem where when i add a DIV tag, and then click preview to view the results the submit button has been covered… how can i get round this and submit my page. this happens in safe mode as well as regular editing. cheers Posted January 1, 2006, 6:11 pm 129 Jesziica says: ummmm… dont mean to b all off topic… but ii was wonderiing if yu cud get baq to me with a code on how to remove the advertisement on da top of my myspace ii have seen it dun… and ppl actuallii cover the advertisement with a banner sayiin wateva dey wish to be saiid… if at all possible… Posted January 2, 2006, 11:09 am 130 .derek says: if you read through the tuts i’ve mentioned that covering the advertisement is not something i’m willing to explain. Posted January 2, 2006, 1:05 pm 131 melissa says: sorry if this has already been answered, but… even when i’m in ’safe mode’, it doesnt let me submit it =/ please and thanks =] Posted January 2, 2006, 2:31 pm 132 .derek says: melissa your question has been discussed a number of times through the comments. create a new bookmark and use the following as the “address” javascript:document.forms[1].submit(); Posted January 2, 2006, 6:21 pm 133 Josh E says: Hey derek i am having alot of problems could you take a look and get back to me asap??? i really want to learn this but how can i learn if its not worknig? lol i make graphics but i cant do this, crazy www.myspace.com/jwthe1st my aim sn is XXGrimReefer Posted January 3, 2006, 7:29 pm 134 nicolas says: how can i add a picture underneath the about me type section, or in the middle? Posted January 3, 2006, 11:42 pm 135 Matt says: Hello, thankyou for your tutorial, I’ve been playing around with it, however I have hit a slight snag. Most problems I have been able to solve myself, but this one has me baffeled, bizzare considering I never expected it to be much of a problem. I am attempting to alter the colour of the text from black to white, but everything I have tried has been unsucessful. I’ve tried adding code to the ‘About Me’ section as such: .content{ width:525px; float:left; colour: FFFFFF; padding:5px 5px 5px 7px; margin:5px 0 0 5px; border:0px solid; } This made no difference. Using HTML tags in the ‘Who I’d Like to meet’ section changed the colour of the text but upon viewing my profile it had dissapeared all together. Code was as follows: Content Text Everything else I’ve experimented with hasn’t worked. So yeah, I’m stuck. Please help. Posted January 4, 2006, 1:00 pm 136 .derek says: try changing colour to color. Posted January 4, 2006, 2:05 pm 137 Matt says: Of course! How silly of me. I’ll never get my head round these American spellings. Thanks very much. Posted January 4, 2006, 2:36 pm 138 nicolas says: how can i add a picture? i made one, and its there, but theres no space between the ‘abut me’ type section and the picture.. Posted January 4, 2006, 2:36 pm 139 Matt says: This now poses another problem. The colour of the text has indeed changed, however if there are any HTML tags preceeding the text in the ‘Who I’d Like To Meet’ section the text reverts back to black. Why is this, and how does one go about formating text without HTML tags? Posted January 4, 2006, 2:55 pm 140 nicolas says: PLEASE HELP. i need to know how i can make this not show.. www.myspace.com/7test7 the very bottom has some showing.. how do i fix that? Posted January 4, 2006, 4:10 pm 141 Matt says: Never mind, problem solved. Thanks anyway. Posted January 4, 2006, 5:17 pm 142 Dying Defiance says: A couple of questions: 1. How does myspace know which style tag is devoted to which div? I have yet to discover the pattern. 2. How can I place images inside of the divs? Posted January 5, 2006, 2:20 pm 143 Ben says: When edited m page, I did everything correctly, but half of the “Children” box and the full “Education” box is still visible. How do I get that off? Posted January 6, 2006, 12:51 am 144 Ben says: N/M Posted January 6, 2006, 12:55 am 145 Jonathan says: A’ight…Im confused now. I finally got my background image up, but I have a couple issues. 1) If using Firefox, the image will stay put while the page scrolls, which is what I want, but towards the bottom of the page, you can barely see where the image starts to repeat. Do I just need to make the image bigger? 2) In Internet Explorer, the image repeats, and does not stay still. I use 1024×768 by the way http://www.myspace.com/whentheyfail Lastly, I’ve tried alot of combinations…but I can’t get it right. If I’m using 1024×768, can someone tell me how to cover that whole screen? Posted January 6, 2006, 3:48 am 146 JacktheRipper says: Is there an overlay code for Post a comment/email to a friend? Posted January 7, 2006, 7:54 pm 147 Matt says: Hi Can this be done on the actual band pages. As there is no about me section it seems like it’s not possible but I’ve seen bands with customised pages. Cheers Posted January 10, 2006, 9:49 am 148 Ditzy says: hey, i made an overlay and i have a table in the center that i want to host my top 8 and my comments..but im not sure how i link it correctly so that it is as if it were normally on myspace..updating regularly etc. please help! Posted January 10, 2006, 11:36 pm Leave a Comment Name (required) E-mail (required) Website Formatting your comment ( Close ) Formatting Your Comment The following XHTML tags are available for use: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong> URLs are automatically converted to hyperlinks. ↑ Back to Top | Textarea: Larger | Smaller Your Comment This Entry " Part 1: MySpace DIV overlay [The base] " was written November 11th, 2005 by .derek , and filed under Design , Geek , Social . There are 154 responses. ↓ Read comments , respond or follow responses via XML . Trackback this entry. Entries XML | Comments XML | Powered by WordPress.com . Theme: Fauna
MySpace Page Editor
Lifehacker, the Productivity and Software Guide Share mobile media with PixPulse READ MORE: Cell phones , Digital Video , Digital photos , Web Utilities PixPulse is a free service for your mobile phone that allows you to easily share your cell phone’s pictures and videos with the world. You can publish media to your blog, MySpace or any website. You can upload videos and photos to your PixPulse Channel for anyone to view on their mobile phone and website. PixPulse will always offer a free service and since PixPulse sends your media to your friends, you are only paying for one SMS/MMS message. I haven’t had a chance to try out PixPulse, so if anyone has, let us know how it works for you. It seems like a nice service for sharing mobile content with a lot of people. PixPulse ( comment on this post ) Sharp Shopper Roundup READ MORE: Shopping The Zero Movement: Coke’s Pepsi Blue H&R Block Creates National Tax Holiday Eco-Furniture Sells Mass Produced Beds Latest iTunes Dials Home Without Your Permission More AT&T Wireless Customers Boned by Cingular Morning Deals Round Up Today in LoBo: Soda Can Cuffs A Moment in Sucking Less: Threadless Has Hoodies How to remove a popcorn ceiling READ MORE: DIY , Household , How To Designer and DIYer Jason Edmond Beaird (and his wife Amy) has a great tutorial for those who are interested in getting rid of an ugly popcorn ceiling. Ames and I would eradicate the entire world of popcorn ceilings if we could. For now though, we’re just planning on tackling the entire house. We only moved in about two weeks ago, but we’ve already cleared the curds from the office, guest bedroom and our master bedroom. Through our experiences so far, and the little bit of preparatory research we did before getting started, I think we’ve got a pretty good method established for removing the corn. Be sure and make sure you don’t have any Asbestos in your ceiling before you get started with this one. Popcorn Ceiling Removal [Jasongraphix] ( comment on this post ) How To Roundup READ MORE: How To How to: Get your extra Yahoo! dot address Make your own postage stamps Stay logged in to two Gmail accounts at once Install Windows unattended Speed up the Web for your Mac Load existing e-mail into Gmail Find out which Linux distro is right for you Speed up your PC from the BIOS SPONSORSHIP Gawker Media – Lifehacker and over a dozen other weblog titles – brings a young and influential audience to brand advertisers. Click here to find out more about sponsorship opportunities. Lifehacker posts continue below... Sponsored Links Play Windows media with Quicktime READ MORE: Digital Audio , Digital Video , Downloads , Mac , QuickTime , Windows Media , digital media Microsoft is offering an add-in component for QuickTime that allows QuickTime to play Windows media. With Windows Media for QuickTime, by Flip4Mac™, you can play Windows Media files (.wma and .wmv) directly in QuickTime Player and view Windows Media content on the Internet using a Web browser. Optimized for High-Definition Playback: Windows Media Components for QuickTime has been highly optimized for Power Mac G4 and G5 computers and supports playback of high-definition Windows Media video files. So that pretty cool - nice work, Microsoft. The download is free, Mac only. Windows Media Components for QuickTime [Microsoft.com] ( 1 comment ) Make your movies iPod-compatible with iTunes READ MORE: Digital Video , Top , Video , conversions , iPod , iTunes With the new release of iTunes 6.0.2 , Apple was kind enough to include the ability to convert your Quicktime .MOV videos to an iPod-compatible format with a few easy clicks. I’ve posted a quick how-to on About.com (my home away from Lifehacker… but who am I kidding, there’s no home like Lifehacker!) for converting your movies with iTunes. How To Convert your home movies for your iPod [About.com] ( comment on this post ) Give or receive a favor READ MORE: Community , Favors , Productivity , Top Website Favorville collects favors (offered and sought) for users to browse and jump on, if the spirit so takes them. Favorville.com is a social networking tool which provides members with the opportunity to help and be helped by others. With Favorville, members can post help requests, offer help and help grow the community. Favorville makes it easy to get in touch and build lasting connections with helpful neighbors, both in your locale or across the global village. Think of it as Craigslist for favors. It’s already got a fairly strong base in a lot of cities, and it’s really worth checking out. Favorville: People Helping People ( 1 comment ) Geek to Live: Automatically back up your hard drive READ MORE: Automation , Backup utilities , Disk recovery , Downloads , Feature , Geek to Live , Hard Drives , Top by Gina Trapani When was the last time you backed up the important files on your computer? Last year when your best friend called in tears after the Blue Screen of Death ate her thesis? Yeah, I thought so. Hard drives fail. It’s a fact of computing life. It’s not a matter of whether or not your computer’s disk will fry, it’s a matter of when. The question is how much it will disrupt your life. Don’t expect yourself to remember to back up your data, or stack your closet full of burned CD’s or DVD’s. Today we’re going to set up automated nightly, weekly, monthly local and off-site backups for your PC using free software. Once you get this up and running, you’ll never have to worry about losing data again. [MORE] ( 11 comments ) Download of the Day: Wickr READ MORE: Digital photos , Downloads , Flickr , Widgets Adding more goodness to the gem that is Flickr, the Wickr widget (for the Yahoo! Widget Engine - formerly Konfabulator) allows you to access Flickr from the comfort of a widget. Wickr is a Widget for browsing through photos on Flickr. You can browse by entering tags or by entering a Flickr user’s username or email. If you are a Flickr user yourself, you can add and remove your favorite photos. To search for photos, key in tags. Each tag should be seperated by a blank space. Tags with multiple words should be in quotes or joined together into one word. For example, the tag new york should be “new york” or newyork. A blank search will give the most recent files uploaded in Flickr. Yet another way to browse Flickr, the Wickr widget is sure to impress friends and family alike. Wickr [Yahoo! Widgets] ( comment on this post ) Ask Lifehacker: Multiple subdomains? READ MORE: Ask Lifehacker , DIY , Home server , Web publishing Dear Lifehacker, I found your tutorials on setting up a home web server and assigning a domain name to it incredibly helpful. Thank you! I have a question about using wildcards. How do you get them to resolve to different pages? For example, how do you get blog.mydomain.homeip.net to resolve to the blog whereasmydomain.homeip.net resolves to the homepage? Thanks, Home-hosted web site fan [MORE] ( 4 comments ) How to create 12 new habits a year READ MORE: Goals , Habits , New Year's Resolutions Blogger John Richardson says an alternative to an avalanche of New Year’s resolutions is to commit to one new habit a month throughout the year. Each month of this year develop one new habit. Make it simple and doable. At the end of each month decide on a new “habit” for the next month and continue doing the existing habit. At the end of the year 12 habits will be developed. All of these habits will be written down and be simple enough that I can verify if they have been done. Experts say that most actions take at least 21 days to become “habits” so a month should be ample time for it to become routine. The key to developing new habits is to make them trackable actions. For example, instead of resolving to “drink more water,” John says he started drinking two quarts of water a day - a specific and measurable goal. 12 Habits in 2006 [Success Begins Today] ( comment on this post ) Zoho Writer online word processor READ MORE: File sharing , Top , WYSIWYG , Web as Desktop , Word Processor Web service Zoho Writer is an online word processor that edits, stores and shares your documents from anywhere. Import your existing Microsoft Word or OpenOffice documents and start editing using an impressive WYSIWYG editor. Zoho Writer saves multiple versions of your document, and generates PDF, HTML and DOC files from it. Tag Zoho documents and share with a link (instead of a pesky document email attachment). Registration at Zoho Writer is free. Zoho Writer ( 2 comments ) Chart your progress with Bellygraph READ MORE: Capture tools , Fitness , Goals , New Year's Resolutions , Top , Web publishing , Weight loss Web site Bellygraph creates line charts that track your progress on a goal or task and lets you publish them to your web site. Built by independent programmer John Brothers, Bellygraph is rough around the edges (and mostly devoid of design), but the concept is neat, especially for weight watchers or anyone working toward a New Year’s goal. Register for free, create an unlimited number of graphs and easily add or edit data. Bellygraph provides the HTML to include on your web pages, too. Bellygraph ( comment on this post ) Download of the Day: Google Earth READ MORE: Downloads , Google , Google Earth , Mac OS X , Maps , Top , Windows Spectacular desktop mapping application Google Earth has graduated from beta for PC and is now available for Mac OS X. Fly in from space, zoom, tilt and pan over birds-eye view photos with Google Earth. Google recommends all PC users upgrade to this latest version. Mac users, the beta version of Google Earth is available for Tiger only. Thanks, Daniel! Google Earth Google Earth in a Mac world (PC too) [Google Blog] ( 1 comment ) Morning news roundup READ MORE: news Levi makes iPod controlling jeans [BBC] “Denim giant Levi Straus designs a pair of jeans able to control the wearer’s iPod music player.” Apple debuts Intel-powered Macs [BBC] “Apple has launched the first Mac and laptop to be powered by an Intel chip at Macworld in San Francisco.” Google Video Store goes live [CNET] “Content, interface and prices fail to impress as Google launches its video-on-demand Web site” Instant messaging attacks rose in 2005 [CNET] “Attacks over instant-messaging networks became more prevalent in 2005, according to a new study. The Middle East has become one hotbed of hackers.” Apple Beats the Calendar and the Street [NYT] “Steven P. Jobs unveiled a new iMac computer and a new notebook at Macworld Expo and revealed that Apple’s revenue for the quarter jumped 63 percent.” Saturday Night Live comes to iTunes [Macworld] “Now, every day is Saturday Night Live at the iTunes Music Store, as content from the long-running NBC sketch comedy series is now available at Apple’s online music store. Steve Jobs announced the content deal during his keynote Tuesday at Macworld Expo.” Music downloading creates listener apathy: research [AFP] “Internet downloading and MP3 players are creating a generation of people who do not seriously appreciate songs or musical performances, British researchers said.” Download of the Day 3: iTunes 6.0.2 READ MORE: Downloads , Mac , Mac OS X , Top , iTunes , iTunes music store As many of you know—Apple was busy today. Along with all the other craziness they’ve released an update for iTunes. In addition to stability updates and performance improvements, they’ve added a neat “MiniStore” that allows you to browse the iTunes store while in your own library. A great way to find new music. iTunes 6.0.2 is a free download for Windows and OS X. iTunes 6.0.2 [Apple] ( 7 comments ) Add Google Maps to your Web site READ MORE: Google Maps , How To , Top , Web publishing Joshua Siler of Exploration Age has a nice tutorial on how to ad a Google Map to your Web pages. First you need a Google Maps API key, which is free. You can find it, along with other documentation, at http://www.google.com/apis/maps/. Bookmark this link - it has lots of details you might want, especially if you extend your new map beyond this example. He goes on to explain in some detail how it’s all done and it’s pretty easy to follow too! How to add a Google Map to any web page in less than 10 minutes [Exploration Age] ( comment on this post ) Random Tips and Tricks Forum READ MORE: Advice , Fun , Life hacks , tips , tricks The Awful Forms has a fun and interesting thread that’s chock full of tips, tricks and lifehacks for just about anything. They’ve got tips for cooking, tips for driving, tips for going to the bathroom and many many more. Some of the tips are serious (and potentially very helpful) and others are just plain silly. Beware some crude language and keep that sense of humor firmly in place. Tips and Tricks You’ve Picked Up Along the Way…Part 4! [The Awful Forums via 43 Folders ] ( comment on this post ) New OddJack Ups the Ante More Sports, Poker and Casino than Britney's Ass. Advertise on Lifehacker Computers make us more productive. Yeah, right . Lifehacker recommends the downloads, web sites and shortcuts that actually save time. Don't live to geek; geek to live. -- Spyware cleaners Spam filters Virus killers Internet phones File sharing Backup utilities Personal organizers Photo sharing Disk recovery Personal finance Web publishing Search engines Life hacks All topics... Editor : Gina Trapani Email | AIM Associate Editor : D. Keith Robinson Email | AIM Associate Editor : Adam Pash Email | AIM "50 Coolest Websites 2005." [ Time Magazine ] "Best of the Web." [ Forbes ] "Full of tips to make life easier." [ CNET ] "Geek-chic." [ Wall Street Journal ] "2005 Editors' Award for Online Excellence." [ The Morning News ] "Clears the virtual decks." [ The Guardian ] "Relentlessly informative." [ PC Magazine's Top 101 Web Sites ] "Dedicated to making your life more efficient." [ The Christian Science Monitor ] "Cool Site of the Day, 7/8/2005." [ Netscape ] 43 Folders Ask Metafilter Getting Things Done macosxhints Working Smart Boing Boing Sourceforge Steve Pavlina Tricks of the Trade Lifehack.org Geeks to Go Slacker Manager About.com Technology Lifehacker's Kinja digest Overview Archives FAQ Advertising Credits Terms of Use Privacy Policy RSS 2.0 Full Content (ad-supported) RSS 2.0 Partial Content (ad-free) add lifehacker... to kinja to my Yahoo! to newsgator Support Bloggers' Rights!
Edit MySpace
MySpace Help - Profile Creator and Editor MySpace Help Here we provide a MySpace Profile Creator and Editor to assist you in designing your MySpace Profile. Find popular graphics for everyone at BP-Grafix.net . If you would like a Pre-made Myspace Layout visit Free Web Layouts . Instructions: 1. Design your profile below how you like then click "Generate MySpace code". 2. Next click inside textbox hold Ctrl and press A to highlight then hold Ctrl and press C to copy the code. 3. On Myspace click "Edit My Profile" then click "Edit" under the About Me section. 4. Paste the code by pressing "Ctrl+V" and "Preview" then "Submit" and that's it. 5. Finally to add a music video to your page go to Music Video Codes section. Design MySpace Below - Get Background & Layout Tools Mode: Simple Advanced Background C0L0R: Background Image: Off On Image URL: Center: Attachment: Fixed Scroll Background Music: Off On Music URL: Loop: On Off Font: Normal arial arial black comic sans ms courier new georgia helvetica impact tahoma times new roman verdana webdings OTHER Main text C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Link text C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Link text hover C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Image Borders (C0L0R change): Off On Image border C0L0R : Image border hover C0L0R : Image Effects: Off On Translucent / light-up images: Interests link text C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Interests link text hover C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Navigation link text C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Navigation link text hover C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Main table border C0L0R: Secondary table border C0L0R: Name text C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Comment date text C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Headline text C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Headings text C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Interests headings text C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Extended network text C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Highlight entire code that appears here, copy and then paste it into your "About Me" section of Myspace. The Autocopy button only works for Internet Explorer 5+ users. None
myspace background music add
MYSPACE MUSIC CODES MYSPACE MUSIC CODES SUBJECT FOR MYSPACE MUSIC CODES myspace music code myspace music myspace music video code myspace music video free music code for myspace myspace music html code free music video code for myspace myspace music player code myspace music site myspace.com myspace background music add music to myspace myspace music html myspace music player free music video myspace myspace background music code how to put music on myspace html code for music video myspace myspace music urls myspace music url code myspace music layout myspace music url myspace music video html free music for myspace music for myspace profile adding music to myspace myspace music code site myspace.com myspace music editor myspace music video site myspace.com free html myspace music myspace flash music player download myspace music music for myspace page techno music code myspace upload music myspace putting music on myspace add music to your myspace profile myspace audio music code free music urls for myspace add background music to myspace how to put background music on myspace myspace music links get music on myspace add music video to myspace how to put music video on myspace music for myspace profile site myspace.com myspace christian music code adding background music to myspace myspace music code generator myspace music playlist add music to myspace site myspace.com generator music myspace music code myspace profile music hosting for myspace myspace code background music free myspace music help myspace music playlist code how to put music on myspace site myspace.com code humps music myspace add music to myspace page play music on myspace reggaeton music code for myspace how to put music in myspace html code music background myspace adding music to myspace profile rock music layout for myspace myspace music code trance music video code for myspace site myspace.com galore music myspace music myspace sureno MYSPACE MUSIC CODES Provides code and instructions to place music videos on your MYSPACE MUSIC CODES or Friendster profiles, Blogs, Websites and more.MYSPACE MUSIC CODES is a place to get free music downloads, free ringtones, customize or acquire your MYSPACE MUSIC CODES myspace layouts, myspace editor If you understand HTML, then you can code everything yourself. Otherwise, you'll need to use an online MySpace Profile Editor! Choose your Backgrounds Music Here you can find music video codes for your Myspace account from your favorite artists. Feel free to browse or search through the site Looking for Music Video Codes? We update our videos daily! Largest and most fresh database online.Got a blog, website, myspace, or any type of web-based page? Spice it up with a music video. Look around, find the video of your choice, copy the code Over 15000 free music video codes For MySpace, Xanga, or any website and blog.Fast, Free and Easy! All music genres: rock, pop, hip hop, punk, metal Provides code and instructions to place music videos on your LiveJournals, MySpace Profiles, SocialTree Profiles, Blogs, Homepages, and more.Huge Music Codes collection for all selections of music codes and music video codes or video music codes for myspace music codes Video codes for free has over 20000+ Working Music Video Codes for MySpace, Xanga, Or any Website Blog. We also have codes for flash games. We have become the number one website for MySpace Music Code. So browse our pages for your MySpace HTML Code today and and paste the MySpace HTML code Your source for MySpace music code and Xanga music video codes Songs Videos Artists Album. No track selected. Playing: Audio Video. Add to your Playlist.Add your own mp3s and pictures to your myspace page using our free tools and codes.VideoCodes4U provides free HTML music video codes to put music videos on Myspace, Friendster, Piczo, websites, webpages, blogs, journals and more The largest music video code selection on the internet. If you can't find the music video you're looking for here you won't find it anywhere else.Add music videos code from your favorite artists to your myspace so that your friends can enjoy it while accessing your myspace. Myspace Music Codes give you the ability to show one of your favorite music videos to anybody that visits your site.MySpace Help lets you create, design, edit, and generate your myspace profile Finally to add a music video to your page go to Music Video Codes section.You have reached our MySpace Music Codes Page! If you have any questions or comments about our MySpace Music Codes please post on the MySpace Code Forums they have the best myspace music videos for your profile. the code has no popups unlike music video code music videos myspace music myspace music code band music myspacemyspace song music codemyspace code for hawaiian musicfree background music for myspacehow to put music on your myspace pagemusic video for myspace profile band music myspacedownload myspace music videocode humps music myspace videomyspace music player site myspace.commusic clip for myspacemusic codez for myspacemyspace background music urlscode free humps music myspace videobackground music url for myspacemyspace music sitefree music html code for myspacecountry music code for myspacemp3 music code for myspaceeditor music myspace videomyspace country music video codecountry music myspace videofree music download for myspaceanime music video for myspacehost music myspacebackground music for myspace site myspace.comcode editor html music myspace videomyspace spanish music codemyspace music playlistshalloween music myspacehip hop music myspace blindside code music myspacecode kim lil music myspacecode layout music myspace premadecode music myspace reggaecode mixdown music myspacecode music music myspace videomyspace music code sitemusic code for myspace onlycode music myspace stickwitubackground code mp3 music myspaceclarkson code kelly music myspacecode fantasy final music myspace videocode media music myspace player url video widow background code jay music myspace zchamillionaire code music myspace videocode music myspace pimp video80s music code for myspacegreen day myspace music codecode music myspace playlist videocat code doll music myspace pussycode hawaiian music myspace videomusic code for myspace for the phantom of the opera sitemap myspace music code myspace music video code free music code for myspace myspace music html code free music video code for myspace myspace music player code myspace background music code html code for music video myspace myspace music url code myspace music code site myspace.com techno music code myspace myspace audio music code myspace christian music code myspace music code generator music code myspace profile myspace code background music free myspace music playlist code code humps music myspace reggaeton music code for myspace html code music background myspace myspace music code trance music video code for myspace site myspace.com myspace song music code myspace code for hawaiian music code humps music myspace video code free humps music myspace video free music html code for myspace country music code for myspace mp3 music code for myspace myspace country music video code code editor html music myspace video myspace spanish music code christian code music myspace video code html music myspace naruto video boy code fall music myspace video xanga myspace music code fall out boy music code myspace code disco music myspace panic code music myspace profile video by carey code mariah music myspace rain through myspace code add music black code eyed music myspace pea code get music myspace code halloween music myspace code generator music myspace video background code music myspace xanga code layout music myspace saosin video myspace music help code code music myspace no video music code for myspace background music code editor music myspace page pimp web code music myspace new alexz code johnson music myspace background code music myspace profile mac dre music code for myspace pink floyd music code myspace myspace unedited music code hip hop music code for myspace code to put music on myspace code editor music myspace video how to make myspace music code myspace music vidoe code myspace rock music code anime music code for myspace myspace rap music code code editor music myspace code music myspace pretty ricky code music myspace wallpaper code kazaa music myspace new music video code for myspace audio code html music myspace code journey music myspace myspace music code 4 filipino music code for myspace code layout music myspace music code for my myspace page code music myspace reggaeton video code hernandez marcos music myspace
MySpace Video Code
Myspace Editor Click On A Color MySpace Profile Editor Usethe MySpace Profile Editor toedit your MySpace Background MySpace Layout MySpace HTML Code MySpace MusicVideo Codes and other areas on your MySpace profile. MySpace HTML Codecan be edited with the MySpace Profile Editor so users can change their MySpaceBackground Code and C0L0RS using this FREE MySpace layout tool. Directions: 1. Select your options below. 2. Click the 'Generate MySpace Code' button. 3. Then click the 'Copy MySpace Code' button. 4. Finally, login to your MySpace profile, then click 'Edit My Profile'. 5. On the next page click the 'Edit' link to the right of 'About Me'. 6. Click inside the box on the edit page for About Me, and then right click withyour mouse and select "Paste" then preview your new MySpaceprofile and click save. MySpace HTML Code Below for Background Layout Tools Mode: Simple Advanced Background C0L0R: Background Image: Off On Image URL: Center: Attachment: Fixed Scroll Background Music: Off On Music URL: Loop: On Off Font: Normal arial arial black comic sans ms courier new georgia helvetica impact tahoma times new roman verdana webdings OTHER Main text C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Link text C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Link text hover C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Image Borders (C0L0R change): Off On Image border C0L0R : Image border hover C0L0R : Image Effects: Off On Translucent / light-up images: Interests link text C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Interests link text hover C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Navigation link text C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Navigation link text hover C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Main table border C0L0R: Secondary table border C0L0R: Name text C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Comment date text C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Headline text C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Headings text C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Interests headings text C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : Extended network text C0L0R: Size: 8pt 10pt 12pt 14pt 16pt 18pt 20pt 36pt 72pt Bold : Underline : Italic : stuff None