Free Cute MySpace Layout
>>>
CityOfCodes - . Free music codes, layouts, generators, glitter graphics, backgrounds, and more! The code directory for tools to customize profiles and blogs like MySpace & Xanga. Free music codes , layouts , generators , glitter graphics , backgrounds , and more! [ send feedback ] SEARCH find it! SUGGEST SITE tell us! TOP RATED 123MySpace Annabella's HTML Help Bolt Directory Evince 4T Flash-Gear FreeCodeSource Funky-Chickens Mbif's Backgrounds Myspace Editor MySpace Forum more... NEWEST MySpace Contact Tables IM Chaos Blunt Truth Game Web Codez Video Code Lab The HTML Website Stagz Shimmering Graphix Profiled Creepy_Kitty Myspace tweaks more... -- © 2005, Bolt Media Inc. Top Rated Tools TOOL INFO TOP RATED SITES 1. 123MySpace Comprehensive directory for Myspace profiles: codes, myspace layouts, myspace editor, backgrounds, wallpapers, games, colors, effects, cursors, and graphics for... 2. Annabella's HTML Help Annabella's HTML Help: HTML help for your blog, website or profile of any kind. Change your Myspace background and body colors using html. Add music, email, fon... 3. Bolt Directory Bolt Directory: A great directory for layouts, music video codes, HTML help, CSS help, badges, codes, taglines, templates, tutorials, background textures, hex c... 4. Evince 4T “All your website needs:” from dolls to backgrounds, countdowns to layouts, music, cursors, html help, online games, animations, neopets, aim themes, blogs ... 5. Flash-Gear Free html code to add a counter to your profile, a chat room for your blog, a drawing pad for your website, a magic ball for your myspace and more. Make your pi... 6. FreeCodeSource All MySpace Codes: Video Codes, Music Video Codes, Layouts, Games, HTML Help, Cursors, Graphics, Advanced MySpace Help, the ultimate MySpace Profile Editor. The... 7. Funky-Chickens Free HTML tutorials: offers help, graphics, layouts, features, music, clip art, flash animations, links, buttons, javascripts, marquees and pictures! All organi... 8. Mbif's Backgrounds Backgrounds for your MySpace, layouts for your blogs, plus hot cursors for your websites. They have color charts, text alterations, text mouseovers, tables, and... 9. Myspace Editor Want to create a unique MySpace Layout? MySpace layout editor lets you change your profile background, how your friend's comments look, your colors, the scroll ... 10. MySpace Forum MySpace Forum: Visit the MySpace forum lounge: MySpace Code Help, Common Codes, Pre-Made Layouts, Submit MySpace Codes, contests. Get opinions about your MySpac... 11. MySpace Support MySpace Support: MySpace support! Featuring a great selection of music videos, sweet games, funny quizzes, video codes, cool layouts, and all purpose generators... 12. Toxxic Britney Spears thinks that she's TOXXIC? NO WAY! Toxxic is a clean and simple place to get great backgrounds, sweet glitter graphics, hot layouts, and awesome m... 13. YNR @ Blogthings NO BOYS ALLOWED - Well, that's not true, but this is definitely the place to go for girlie quizzies for MySpace and all other profiles about romance, shopping, ... 14. Pimp My WWW This site has a plethora of things to do to your myspace profile: Myspace Layouts. Features for blogs and myspace, Generators, Graphics, Flash games, Flash to... 15. Lucky Polls It's your lucky day! Lucky Polls offers free polls for your MySpace, Xanga, Live Journal, Bolt--or any other site! Create a free poll about music, online gaming... 16. Tools for Friendster If Free Friendster help is music to your ears, then head over to this easy to use site. Not only will you find hundreds of ways to make your Friendster supa fly... 17. Free Flash Toys Free flash toys for your profile. Easy to download and place in any profile. Free flash toys for MySpace or Bolt. Check it out! Get flashy. Discover Clips 18. Banner MySpace Many MySpace Banners: abstract, animals, autos, anime, sport, dark, games, girly, sexy, misc, simple. Also ability to host your images 19. Tab Win Codes and Graphics for your MySpace profile. Animations, Backgrounds, Comments, Cute Dolls, Extn Banners, Glitter Graphics, Glitter Text, Icons, Avatars, Conta... 20. r4wr Tools provided: Friend space Generator, Friend/Comment Number Generator, Contact Table Generator. Links for HTML Masters, a Customizing Forum, HTML 21. Discover Clips Offers free music video codes to put on blogs like myspace or xanga. Includes internal search engigne, top 10 music video list, Hip Hop, RnB, Contemporary and ... 22. Oh MySpace MySpace Profiles oh Baby: codes, graphics, cartoon dolls, girly words, zodiacs, moods, backgrounds, bullets, online icons, layouts, layout generators, link hove... 23. EZ Codes Codes, Generators, HTML, Forums, Banners, Slide Shows--a lot of enhancers for your profiles and blogs. 24. Video Code Bum Music Video Code Site dedicated to a wide variety of artists of all different genres. Newest Music Videos Streamed, Top Music Videos Streamed, and simple search... 25. My Cute Space If you want your profile to reflect how cute you are, check out this page for layouts which allow you to do so. Backgrounds, layouts, cursors, falling images, s... Sites 1 - 25 of 175 previous next
MySpace Page Editor
Myspace Editor Shadow Page - Shadows.com create account | help | login What is Shadows? What are Shadow Pages? Sign up now - it's Free! Shadow Page Myspace Editor http://www.myspaceeditor.org/ -- 50) this.border=1; this.alt='Preview by Thumbshots.com';" Average Rating: Your Rating: (0 people) Not rated Total Discussions: Total Tags: 3 16 by 4 people Site wide summary: myspaceeditor.org view site summary Site Rating: (0 people) Site Discussions: Site Tags: 5 21 Tag Page Not Safe for Work Top Tags beach codes current editor laguna layouts my myspace project space More>> Recent Users cyndicate Babyfacexo322 j3nni4 riddle More>> Discussion 1 MySpace Editor Posted by: cyndicate on 10/27/2005 2:45 AM (1 Comment) On Shadow Page: Myspace Editor myspace more 0 Myspace Editor Posted by: j3nni4 on 10/29/2005 2:46 AM (0 Comments) On Shadow Page: Myspace Editor more 0 Myspace Editor Posted by: j3nni4 on 10/29/2005 2:46 AM (0 Comments) On Shadow Page: Myspace Editor more Discussion Title: *required Discussion: Google AdSense Preview by Thumbshots It's Free! Tag, rate, and discuss any web site on the fly - Download the Shadows Toolbar Top Tools: - Bookmarklets - IE Toolbar - Firefox Toolbar - Import Bookmarks - For Developers Blogs: - What's New? - For Your Blog - For My Space - Reflecting on Shadows - Shadowboxing (fun stuff) About - What is Shadows? - What are Shadow Pages? - Terms of Service - Privacy Policy Support - Support Group - Tutorials - Tagging Tips - FAQ - Report Problems ©2006 Pluck Corporation
My Space
.derkilicious | Part 4: MySpace DIV overlay [Color] .derkilicious Blog The Dirt Wordpress Search « links for 2005-12-24 | Home | links for 2005-12-26 » Part 4: MySpace DIV overlay [Color] The following is a much needed update to my MySpace DIV overlay tutorials. Parts 1 - 3 covered the basic DIV overlay to cover the default layout , creating a two column layout [main content & sidebar] , and adding a comment box . Due to the fact that these tutorials are meant as a reassuring push in the right direction [as far as learning basic HTML and CSS], the codes will serve as generic examples. I urge users who yearn for real individuality and style to consult the various online CSS / HTML resources available online. For today’s tutorial we are going to leave the previous content areas as-is. Yes. The theme here is minimal hand holding. Hopefully what you learn from here will inspire you to conduct your own research on your own time. Let’s go ahead and create a new DIV with a width of 529px and a height of 400px. Within this new DIV we’re going to create two additional DIVs and position using float:left and float:right. Here’s how: Add the following HTML to your ‘I’d Like to Meet’ section under your sidebar DIV: <div class=”testcontainer”> <div class=”testcontainerl”> <p>We’re going to float this container to the left</p> </div> <div class=”testcontainerr”> <p>We’re going to float this container to the right</p> </div> </div> Add the following CSS into your ‘About Me’ section: .testcontainer{clear: both; width: 520px; height: 300px; padding: 5px; background-color: 999999;} .testcontainerl{float: left; width: 225px; height: 280px; margin: 2px; padding:3px; background-color: 865433;} .testcontainerr{overflow: scroll; float: right; width: 275px; height: 250px; margin: 2px; padding: 3px; background-color: 888888;} Use the above code as an example for creating your own DIVs. For DIVs which contain large text bodies, add overflow: scroll to the appropriate class. Doing so will force any text or content that expands beyond the DIV borders into a scrollable box. As you can see, adding color to your DIVs is as easy as adding background-color: color code; . For those interesting in adding a background image, use background-image: url(’http://URLofImage.com’); . DIVs with background images require an additional property: background-repeat . Use background-repeat to tell the browser to repeat the the image both horizontally and vertically ( repeat ), repeat horizontally ( repeat-x ), or repeat vertically ( repeat-y ). << Return to Part 3 Tags: myspace , div+overlay , tutorials , css , design , profiles -- Comments 1 tyler says: very nice Derek. glad to see Part 4 up. sorry I couldn’t help out, but this one looks good and is easy to follow, too. Posted December 26, 2005, 1:26 am 2 .derek says: i’m trying to give just enough info to entice users to learn for themselves. hopefully i’m not keeping the tutorial too stark. Posted December 26, 2005, 1:27 am 3 Janta says: thanx for putting up part 4 >. Posted December 26, 2005, 6:56 pm 4 Janta says: um i put up a background pic and all but i cant see my nav bar or my comment box o.o Posted December 26, 2005, 7:48 pm 5 ChozSun says: Thank you so much… you have got me started on the right course. I assume future parts to this article will tell us how to inject myspace content such as friends, details, etc. and how you changed the background color for the entire site. (I have tried adding a .body into the CSS but it doesn’t pick it up). Posted December 26, 2005, 8:01 pm 6 .derek says: chozsun remove the period before ‘body’ and everything should start working as is. ‘body’ is not a css class. it’s an html tag. if you look at the basic structure of a webpage it goes something like this: <html> <head> </head> <body> website content blah blah blah </body> </html> what you’re doing when you add: body{ background:#xxxxxx; } is styling the html body. did that make sense? Posted December 27, 2005, 1:28 am 7 tony montana says: cool mon. tanks! Posted December 27, 2005, 3:13 am 8 blakesta says: sweet tutorial! :D Posted December 27, 2005, 7:44 pm 9 anthony says: I’m trying to just get the same basic look that you are showing through your tutorial but I must be doing something wrong. Can you look at my page and give me a suggestion? I’m not getting color and I’m not getting the “test containers” to float left or right. Thanks for the tutorial though, I look forward to learning how to create a decent looking page. Posted December 28, 2005, 9:22 am 10 Scott says: Great tuturial I’m still having a little trouble getting the text to align properly. If you or anyone else who knows what they are doin could help out in getting a little style, or well anything onto my profile let me know. www.myspace.com/skut AIM: Skut7969 Posted December 28, 2005, 2:06 pm 11 Josh says: Ok, I’ve got an overlay in progress (I’m learning as I go so it’s a process). I had it originally on a test space and when I got it to a point where I felt I could test it on my profile I have a problem. My comments appear below the original div. How do I hide my original comments so they don’t apear below? My myspace is www.myspace.com/jjscantina if you need to take a look. I appologize for the places where the code gets a little messy, knew nothing about html or css before this… Posted December 28, 2005, 2:44 pm 12 ChozSun says: geez I am a dork. I had it right in my own css file for my website… somehow a . popped up when I put it into myspace’s css. Okay… now how do we: 1. fuse myspace items (friends, information, etc.) into the website. Is there something we can call from myspace or do we have to edit that in ourselves 2. how do we change the overall myspace site? do we set the .main to * for width and height? How do you change the myspace area’s colors (like the normal is blue but yours is gray). If this is going to be in future articles I can wait. Posted December 28, 2005, 4:04 pm 13 .derek says: anthony: first of all, your page does not have a white background because you have background-color:”FFFFFF”; you do not wrap color codes with quotes. remove those and you should be fine. also check your floats. for example, your testcontainer class has no float property. scott: you probably want to link your actual test profile [i’m assuming?] because the link you posted goes to a standard profile. josh: read through parts 2 and 3 of the series as i have posted the neccessary code and explanation for the comments sticking out at the bottom. Posted December 28, 2005, 6:58 pm 14 Tyler says: @ChozSun “Myspace Area’s Colors” question: I don’t know if Derek has answered this question for you, but reference this post in Part 3: Color Answer and put this code in the “About me” section anywhere between the style tags. If this doesn’t answer your color question, just post more questions. Posted December 28, 2005, 9:56 pm 15 Tyler says: @ChozSun “Myspace Items” question: If you are talking about finding the links so that you can have buttons that link to your pictures, all of your friends, all of your comments, etc. - simply copy the actual myspace links on your original page and use those for your links on your div overlay page. If you can’t find those links (for instance, if your page already covers them up), then just go to someone else’s page, copy the url for whatever links you want, and then use your unique Friend id (which you can find here by reading Derek’s explanation) and instead of that person’s Friend id. Long explanation, simple process. Posted December 28, 2005, 10:02 pm 16 jikka says: im confused `=\ Posted December 29, 2005, 1:16 am 17 Dash-2 says: derck, next I think they want something like a “top 16 friends”… It’s really simple, like Tyler said “Long explanation, simple process.” http://myspace.com/dash2 Posted December 29, 2005, 4:53 am 18 ChozSun says: Not the just the links. I am using Derek’s way of coding to essentially cover the original page. However, I would like to have Friends, Interests, Details and Networking appear on my new page. Is there a way for my new page to call that information so it appears or do I have to do all that by hand? Posted December 29, 2005, 6:08 am 19 FRANKEEE says: HOW COME MY TEST CONTAINER THINGS DONT FLOAT!? TEST PROFILE KTHNX [sorry about the caps lock situation] Posted December 30, 2005, 3:03 pm 20 FRANKEEE says: test profile: www.myspace.com/33260996 +yeah… thanks for working on this on christmas day Posted December 30, 2005, 3:04 pm 21 debussie says: I’m trying to got my interest…about me …and all that other crap to disappear of the bottom of my page but i doesn’t seem to want to….any clue what to do? Posted December 30, 2005, 10:01 pm 22 TylerJ says: I am having a very hard time with Part 4: MySpace DIV overlay [Color]. I dont know what I am doing wrong. I need help. Posted December 31, 2005, 12:02 am 23 rico says: the color in the news div background wont show … and for some reason the overflow wont scroll either.. any help? http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=46034728 Posted December 31, 2005, 12:02 am 24 rico says: nevermind figured it all out… i missed a ; ……. Posted December 31, 2005, 1:00 am 25 tyler says: @debussie I’m trying to got my interest…about me …and all that other crap to disappear of the bottom of my page but i doesn’t seem to want to….any clue what to do? Do you have a link? @TylerJ I am having a very hard time with Part 4: MySpace DIV overlay [Color]. I dont know what I am doing wrong. I need help. What exactly is the problem? Posted December 31, 2005, 7:27 pm 26 Jake says: right now im using only a test myspace (the one linked to my name) for practice and fine-tuning of what i want to go for my real myspace. im having a hard time getting the floaters working and Ive tried everything with them. Ive taken them out, put them back in, repeated, messed with the px size eeeh everything, but i cant seem to get them to show up right. first what do you mean by “Add the following HTML to your ‘I’d Like to Meet’ section under your sidebar DIV” because i cant seem to find the right place and how come they dont show up? do you have an example of what the whole page should look like after? thatd help a bunch.. sorry to be such a dick.. Posted January 1, 2006, 2:39 am 27 .derek says: jake you might be interested in the following floats tutorial . Posted January 1, 2006, 2:45 am 28 Jake says: thanks a lot derek! Posted January 1, 2006, 10:19 am 29 STEFANY says: THIS IS HARD TO UNDERSTTAND BU THAN YHU Posted January 1, 2006, 12:37 pm 30 syduCck says: I’ve done this entire tutorial && so far, so good. but, one thing, my sidebar div is lowered underneath my main div && i wanted to know how i could put them side by side. && i also want to know how to add another div. Posted January 1, 2006, 4:55 pm 31 syduCck says: there’s a problem w/ the scrollbar. it won’t let others view their comments && when i try to fixx it .. everything underneath the scrollbar code becomes a link. help? Posted January 1, 2006, 9:17 pm 32 Jess says: hey hey. great stuff.. but is my friends box supposed to be there? did i miss something or do i need to do something extra to get rid of it? Posted January 2, 2006, 1:44 pm 33 Jess says: no matter :]] sorted. Posted January 2, 2006, 2:29 pm 34 Jess says: me again. i want my profile shorter. but if i make it smaller, it uncovers the profile underneath? help, please? Posted January 2, 2006, 2:33 pm 35 bryson says: why wont it let me use html codes to change texts in the div main content section? Posted January 2, 2006, 3:03 pm 36 jade says: IT DOESN’T WORK WHY IS MY FRIEND LIST STILL THERE Posted January 2, 2006, 4:31 pm 37 rico says: Easier to help with some links to ur test pages Posted January 2, 2006, 5:51 pm 38 jenn says: wow your really good at this but i put every thing where it’s supposed to be and it came out like a big clear box in the middle of my profile can you look at it and see what i did wrong pleace and thanx toodles jenn Posted January 2, 2006, 11:21 pm 39 ChozSun says: To answer my own question: I covered up the entire page and placed whatever information I wanted on my new page. I have to do it by hand and I am not sure if that is the best way but it works. Posted January 3, 2006, 6:37 am 40 AkRonin says: Derek, Thank you so very much for this simple tutorial. I got a MySpace account for the sole purpose of teaching myself a bit of HTML and CSS and have learned a great deal already. Your articles here have given me new insight I hadn’t had as yet, helped me to understand better some of the functions of the code, and also given me a few ideas of what else I need to learn. This is a great jumping off point and I appreciate the work you put into getting this out. Thanks again. AkRonin Posted January 3, 2006, 3:04 pm 41 amanda says: yeah i dont know what went wrong but my profile is fucked like seriously eek Posted January 3, 2006, 4:20 pm 42 tyler says: @jenn it came out like a big clear box in the middle of my profile Did you make sure to close all tags? The best advice would be to go back through the tutorials and make sure your code is the same as Derek’s. Also, make sure you put the right code (either CSS or html) in the right section (”About me” or “I’d like to meet”). If you still can’t figure it out, just post more questions. Posted January 3, 2006, 10:23 pm 43 AkRonin says: This is pretty neat stuff. I took the time to copy and save to notepad all the code I had on my site previously so that I could just reload it if I got myself into a bind. I recommend that anyone else who tries to alter their webpages without previous experience do the same. There is, however, one function of the original layout that MySpace has that I think is pretty nifty and would like to keep. The box that displays all your recent blog entries is, I think, a pretty handy thing to have on the page and I’m trying to figure out a way to keep on there. I understand that we’re covering over everything that was there with a new layer, but I can’t seem to figure out the code to have it look at my blog page.to obtain that information. I can create the container for it of course, no problem. I guess I don’t have a proper understanding of how MySpace gets that info in the first place. Does the blog page update the profile page when there’s a new blog post? Or does the profile page query the blog page every so often to see if there is anything new? I reckon I could just go in and alter the code on my profile every time I put up a new post, but that seems rather inelegant I guess. And bothersome!! hahah Any suggestions anyone? Posted January 3, 2006, 11:12 pm 44 Ramona says: Is there anyway to expand the Blog section to allow all blogs to be displayed within a scrollbox? Posted January 4, 2006, 5:20 am 45 AkRonin says: Ramona, I really don’t think there is a way to do what either of us is asking. We are in essence, as Derek said earlier in the comments under Part !, all but removing ourselves from the service. I think we’re going to have to try and figure out a way to make our profile page ‘look’ at the blog page to see if there are any new posts. For right now though, I’m not going to worry about it. I’m still trying to get my test containers to show up right. Or at all for that matter!! The text inside them comes up, but not the containers themselves. Posted January 4, 2006, 4:50 pm 46 AkRonin says: For some reason, the testcontainers are not displaying properly on the page. Teh text shows up between the ‘Main Content’ box and the sidebar. And none of the colors or borders I’ve tried show up either. This is the CSS I’ve used… .testcontainer{ clear: both; width: 529px; height: 400px; border:1px solid #666; padding: 5px; background-color: 999999; } .testcontainerl{ float: left; width: 225px; height: 280px; margin: 2px; padding:3px; background-color: 865433; } .testcontainerr{ overflow: scroll; float: right; width: 275px; height: 250px; margin: 2px; padding: 3px; background-color: 888888; } And the HTML bits… YOUR SIDEBAR CONTENT We’re going to float this container to the left We’re going to float this container to the right Does anyone of you that managed to get this working have an idea? Posted January 4, 2006, 5:18 pm 47 AkRonin says: Er, Here’s the HTML… br /> YOUR SIDEBAR CONTENT /div> div class=”testcontainer”> div class=”testcontainerl”> p>We’re going to float this container to the left div> div class=”testcontainerr”> p>We’re going to float this container to the right /div> /div> Posted January 4, 2006, 5:23 pm 48 Tom says: Getting exactly the same as you AkRonin. Is this code definately correct as I have now followed all the tutorials to the letter and still getting no joy. Posted January 4, 2006, 6:18 pm 49 Chubbs says: Whats the code to change the ugly myspace blue that the ad and search field get contained in? I’d very much like it to be the same color as the rest of my page, but it isnt. Posted January 4, 2006, 6:30 pm 50 AkRonin says: Chubbs, that’s been covered a few times in the comments for Part I and Part II. Posted January 4, 2006, 6:36 pm 51 Chubbs says: *sigh* I read through all the comments of part III and IV. My brain is frazzled from all the “plz tell me what went wrong kthxbye” posts that I decided if I couldn’t beat them, I’d join em. Guess I’ll start digging now. Posted January 4, 2006, 6:52 pm 52 AkRonin says: Woohoo! Got the floating container bits to work out!! Tom, When I pasted the HTML code for the I’d Like To Meet section into MySpace, it didn’t render the quotation marks properly. Beats me why. I took a good long look at everything I had in there and found some funny characters so I deleted everythingwith ‘Safe Mode’ and repasted the code in taking care to make sure EVERYthing looked right before I hit submit. Don’t know if that’ll help you but give it a shot. I’m still strugling with getting the background image to work out right, which is odd as it looks fine on my ‘real’ site at AkRonin . My code for the background there is between style tags. My confusion lies in whether I need to place it into the .main class in the stylesheet or if I need to modify the div class Main portion of the HTML sheet. Posted January 4, 2006, 10:02 pm 53 AkRonin says: Woohoo! Got the floating container bits to work out!! Tom, When I pasted the HTML code for the I’d Like To Meet section into MySpace, it didn’t render the quotation marks properly. Beats me why. I took a good long look at everything I had in there and found some funny characters so I deleted everythingwith ‘Safe Mode’ and repasted the code in taking care to make sure EVERYthing looked right before I hit submit. Don’t know if that’ll help you but give it a shot. I’m still strugling with getting the background image to work out right, which is odd as it looks fine on my ‘real’ site at http://www.myspace.com/akronin My code for the background there is between style tags. My confusion lies in whether I need to place it into the .main class in the stylesheet or if I need to modify the div class Main portion of the HTML sheet. Posted January 4, 2006, 10:08 pm 54 Mike says: Like many of the others. I get lost on part 4 as to where to put these new codes and what to delete. Help? Posted January 5, 2006, 10:36 am 55 tyler says: @chubbs Whats the code to change the ugly myspace blue that the ad and search field get contained in? Reference this post here . Posted January 5, 2006, 12:36 pm 56 AkRonin says: I’m working right now on putting together the code to display all my friends inside a container in my sidebar. It’s not that difficult. They’ll be displayed in a scrollable box in two columns. Trying to figure out the table layout for it now. I do have a question to something I haven’t been able to figure out however. When you apply ‘clear:both’ to a float, does it automatically go underneath all preceeding floats and then to the left? Or can you apply clear:both and then ALSO float: right if you want it under a float on the right? If you were to go to my page, you could see that there is a space between my sidebar and the float for my friends. That is because of the other float that is off to the left. How do I get my friend’s container to mate with the sidebar container? Posted January 5, 2006, 10:54 pm 57 Marvin says: umm i keep on foolowing your directions but i just cant seem to get my scroll bar working can u give me the code that makes this i would appreciate it then i can learn from that code. Posted January 5, 2006, 11:30 pm 58 AkRonin says: Hey! What do you know? You CAN use ‘float:clear’ AND ‘Float:left or right’!!! That’s awesome!! Marvin, in the stylesheet , inside the div class you are going to call, you will need to have – overflow: scroll; – for instance, look at the tutorial for part IV, just at the top of this page. Posted January 5, 2006, 11:39 pm 59 AkRonin says: Hey! What do you know? You CAN use both ‘clear: both’ AND ‘float: left or right’ in the same class!! That’s frickin’ awesome!!! Marvin, If you look at the tutorial at the top of this page you’ll see you need to have – overflow: scroll — in the class that’s being called. Posted January 5, 2006, 11:51 pm 60 Jonathan says: Yea..a tip to anyone not getting this. When you copy code from here and paste it in, sometimes the quotations marks don’t transfer just right. So if you’re not seeing results, go find the quotation marks and take them out, and type them back in. Made mine work like a charm. Posted January 6, 2006, 3:45 am 61 Onnaleese says: hi i’m onnaleese. i tried this on a test site i made, and i think it worked. lol. I just have a couple questions. 1. what do i put for the links? and 2. is can i put anymore boxes? and if yes how? and how do i postion them to where i want them? my personal myspace is.:. www.myspace.com/geekette28 thanks for the help! Posted January 6, 2006, 12:02 pm 62 Jasmin says: i LOVE the tutorials so far.. but i really want to show my comments =[ can you tell me a way i can? Posted January 6, 2006, 2:43 pm 63 Erin says: I love the tutorials, and I got it all working in a new account, but then I tried to change it to my real one and the end of the page is showing at the bottom. Any idea how I can fix this? www.myspace.com/eriliz Posted January 6, 2006, 9:16 pm 64 Erin says: nevermind, I changed some things around and now it all fits Posted January 7, 2006, 12:52 pm 65 AkRonin says: .Derek (or anyone else who’s managed to figure out this particular bit…) I’m going to be putting my friends into a scrollable box within my sidebar. I’ve got the container for it all done and I’m ready to put my friends into it now. Got the code for it everything all put together but I’ve run into a snag I hadn’t thoguht about until now. It has to do with the picture sizes of my friends. You know on myspace in the ‘My Friends’ section where it shows all their pics, you can see that some af the pics are bigger and some smaller, all different sizes and whatnot. Understandable as not everyone uses the same program to upload photos and there isn’t really a standard for that sort of thing. My question is, Is there a way to, I guess ‘force’ would be the word, the pictures to fit into a size that I determine for each cell? I’m going to be making the width for each cell the pictures go into about 100-107 wide and high also. So 100×100 or 107×107. Since each my friends have different dimensions on their pics, is there some way to do this? This seems to be the only reason I haven’t been able to make it work. Or do I need to find pics of my friends that are all the same dimensions to make this work? I see on .Derek’s site that he has uniform picture dimensions of his friends and I think that looks just real neat and clean. Kinda going for the same thing on my test site before I implement it on my ‘real’ site. Any help woukld be greatly appreciated. Thanks. Posted January 7, 2006, 5:53 pm 66 Kenna says: i seriously need help. all i want is just a nice myspace, but mines like jacked up. i need help. i dont know if i did something wrong or not Posted January 7, 2006, 7:34 pm 67 Kenna says: checkk it out www.myspace.com/kennaboo12 Posted January 7, 2006, 7:35 pm 68 clarisse says: uhmm. im trying to add a bg image to my site but it didnt work. can you give me the code and were to put it. take a look at my page.. http://www.myspace.com/clari3sseann3 tnx.. hope you can help me. Posted January 8, 2006, 9:01 am 69 Juic says: Clarisse: Try adding this between your style tags body{ background-image:url(’IMAGEURLHERE’); background-repeat:no-repeat; background-attachment:fixed; the background-repeat is obvious and the attachment is fixed so it doesn’t move when you scroll. Posted January 8, 2006, 3:19 pm 70 Juic says: Forgot to add an } at the end. By the way, what code did you use to add ur comments over your DIV? Posted January 8, 2006, 3:26 pm 71 clarisse says: oh i just put links. coz evrytime i put the url of the i.e. send messages it didnt work. y? … body{ background-image:url(’http://www.filehigh.com/serve/9786/89479.jpg’); background-repeat:no-repeat; background-attachment:fixed;} body{background-color:000;} td, .text, div, input {color:894 !important;}span, b {color:d17 !important;}a {color:691 !important;}table, tr, td, tbody {background-color:transparent; border:0px;} blah blah blah… every time i put the code you gave me . at first the bg was color grey and ….my image didnt show up. why? Posted January 9, 2006, 5:18 am 72 .derek says: html was stipped from your comment. use < and > for < and > next time you submit a comment. as far as the background image is concerned, try using quotes. Posted January 9, 2006, 8:47 am 73 clarisse says: ok tnx a lot. but what if im goin to tile my bg. coz its kinda small. what tags do i use?? body{ background-image:url(’http://www.filehigh.com/serve/9786/89479.jpg’); background-repeat:no-repeat; background-attachment:fixed;} how do i chnged it this?/ well the bg works now. tnx a lot!! muwahs!! Posted January 9, 2006, 9:09 pm 74 clarisse says: ahh nevermind that question that i askedto ya. awhile ago. i can tile now the bg and it works. geez. tnx a lot !! guys!!! Posted January 9, 2006, 9:14 pm 75 jeb says: ok man…my myspace is looking awesome…i just have a simple question…like my nav bar comment box and all that i want to center to the middle of the page…but i can’t figure out how…so if you can help ill be glad to hear from you!! p.s. my myspace is www.myspace.com/iliveforwarcraft thanks! Posted January 10, 2006, 2:15 am 76 Josh says: I used code from another of your reader’s sites to put my comments in a scrollable box in my overlay, but It will not show for some reason. I messaged this person to see if they could help me, but never heard back (a little annoyed with this since I’ve seen several posts here by them asking for help… grrrr). With the limited amount I know about css, I don’t understand the section of code thats supposed to be doing this for me (where it refers to .r, .comt, .cstyle, .redtext, etc.). If anyone can check it out and see what I’m doing wrong I’d appreciate it. Here’s myspace Posted January 10, 2006, 7:59 pm 77 Josh says: oops, somehow my link is going to another .derkilicious page… I dunno. Here’s the site: www.myspace.com/jjscantina Posted January 10, 2006, 8:23 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 4: MySpace DIV overlay [Color] " was written December 25th, 2005 by .derek , and filed under Design , Geek , Social , Color . There are 77 responses. ↓ Read comments , respond or follow responses via XML . Trackback this entry. Entries XML | Comments XML | Powered by WordPress.com . Theme: Fauna
MySpace Picture Code
MySpace Image Code - MySpace image code for your profile and HTML image code for myspace.com MySpace image code Home - HTML image code FAQ - MySpace image code terms - Talk to us FREQUENTLY ASKED QUESTIONS We are always looking to provide help to MySpace users and users of our service. We have compiled this list of FAQs to help you all the way. However, if you have any problems or need a hand with anything, just ask us . 1. What are the file types I can upload? Files must be under 2255 Kb in size, they must be of a .jpg, .png or .gif and they must not contain adult material, as mentioned on our terms page. 2. Do you allow me to directly link to my image? Yes. When you upload an image, you will be given an actual URL as well as the image code. You can link to it from any site on the web, even in emails. 3. What is the limit on the bandwidth I can use? There is no initial limit. However, if your image is using too much bandwidth as judged by us, we will kindly request that you host it commercially using a dedicated hosting provider. 4. What types of images can I upload? You can upload a picture of your dog, a photo of your aunt, but not a photo of your aunt and dog in an adult situation. To put it simply, no adult or illegal content. Everything else is fine. 5. Is adult or sexual content allowed? No. No. No. Please do not break this rule, it is very important. 6. Will pictures I upload be viewable to the world or stay private on your server? We do not allow outside access unless you specifically state so. 7. Will my e-mail address stay private? Will you use it for anything? We do not record email addresses so it remains in your head and we do not send spam, we only send you your image code if you request it via email. 8. I have another question, can you help? We love to help! It's our business. Send your question! 4images Privacy Policy
Myspace codes of html
Myspace Html Codes Guide and Tutorial Notify Blogger about objectionable content. What does this mean? BlogThis! Myspace Html Codes Guide and Tutorial Myspace Html Codes tutorial to insert images, music, videos and some backgrounds into your Myspace codes of html site Previous Articles Pimp my Myspace Codes Myspace Html Codes part 2 MySpace: Html Codes, the Basics on CSS Archives November 2005 December 2005 Links Webmaster Tools Resources and Information Money Online With Your Website Women Diary Net Women Blog Network Women Shopping Guide Women Health Cool Mucis Lyrics Collection Gifts Handicraft Wholesalers Meta Credits Site Feed Adapted layout design for WOMEN DIARY NETWORK Pimp my Myspace Codes You can change the appearance of your web page in several ways. You can alter the size, position (margins and padding), borders, background graphics, or even the color of the text. There are many tricks but the more detailed are beyond the scope of this article. If you are interested in learning more advanced techniques, follow this link. We find it easiest to alter the appearance or presentation using "styles". Styles can be pre defined or inline or both. Inline styles will be used for this article. HTML uses codes like TABLE to lay out a table (things that should be laid out using rows and columns), HR for a horizontal rule (a visual divider), SPAN to apply formatting to a segment of text, and P to define a paragraph. These are but a few of the html codes. You can browse the internet should you wish to learn more than are mentioned in this article. Each code may have certain attributes that control it's appearance. A table may or may not have borders, text may be one size or another, or the horizontal rule may be a certain width or length. For a list of all attributes, a good resource can be found here [LINK]. Use this reference once you become comfortable and really want to pimp my myspace! Read more! posted by womendiary | Permalink | [ to Del.icio.us ] | 0 comments Myspace Html Codes part 2 Ok let's continue again the myspace html codes on CSS Commands for Background edit. background-attachment - To determine whether a background image is fixed to a certain place on the page, or whether it will scroll with the page. fixed - Makes background image fixed within the window and the text will scroll over the image, but image will keep not moving. scroll - it's the default value - If there's no value is supplied, browsers will default to a property of scroll - It will makes the background image scrolling with the page. background-image - Will assigns an image to the background of an element. Note: url("http://....") - It was required for the URL to the image being used as a background. background-color - It used to apply a color to the background of an item. rgb(red, green, blue) - It's the easiest way to get an exact color for MySpace Html Codes. Color ranges are between 0 and 255 based oon it's RGB value. There will be over 16 millions different combinations choices of colour when combine between the three this results. #RRGGBB - It's the hexadecimal color code that similar to the rgb() property, but uses a base16 number system. The valid color ranges are from 00 up to FF which gives in a total of 255 different combinations per color, thus giving you over 16 million combinations. Named colors - This can be used too, but are not usually used. They can include such colors as gold or lightblue but it don't offer control that using one of the above to methods offer. background-position - To position the background image defined by background-image. bottom - The background image will be placed at the bottom of either the page, or the browser window, based on fixed or scroll background-attachment. top - The background image will be placed at the top of either the page, or the browser window, based on fixed or scroll background-attachment. left - The background image will be placed at the left of either the page, or the browser window, based on fixed or scroll background-attachment right - The background image will be placed at the right of either the page, or the browser window, based on fixed or scroll background-attachment center - The background image will be placed at the center of either the page, or the browser window, based on fixed or scroll background-attachment Proper syntax: background-position: horizontal vertical; background-repeat - To determine how a background image will repeat itself through a page. repeat - Tiles background image across entire page. no-repeat - It only allows for one background image to display through out the entire page element. repeat-x - Tiles the background image in a horizontal direction page only. repeat-y - Tiles the background image in a vertical direction page only. background - To compress all above commands into one command for ease of entry. Proper syntax: background: background-attachment background-color background-image background-repeat background-position; Other important command is the colorbackground-color. The difference between the two is that color applies to the text of a page, and background-color only applies to the color of the backgrounds. For the last, let's examine the piece of myspace html codes we were putting of till the end. Let's named the height : 10px; piece. In CSS, anything that is defined as a block-level element can be assigned a height. The easiest way to describe what a block level element is "Block-level element's typically contain inline elements and other block level elements. When it visually rendered, the block level element's ussually begin with a new line. ‘block-level element’?” One of the easiest ways to describe what a block level element is “Block-level elements typically contain inline elements and other block-level elements. When rendered visually, block-level elements usually begin on a new line.” A list of block-level elements can be found here . I hope this myspace html codes could be helpfull and easy to follow. Technorati Profile Read more! posted by womendiary | Permalink | [ to Del.icio.us ] | 0 comments MySpace: Html Codes, the Basics on CSS Some basic needed for Myspace Html Code is how to costumize the profile page by working on CSS . How to separate the visual display of a web site from the actual content of the site. And everybody that has a profile on Myspace has the ability to do this kind of designer job. You need access for the right tools and knowledge to do this, and for the rest of the article, I will assume that everybody has some basic knowledge on making a a good design. Now here I provide the myspace html code that can be copied and pasted to your profile and costumize it, and visual what codes do on display. That code would create something along the lines of the box below, without the border Without the border, the above code would create something along the lines of the box below, that apply not just to a small area, but to the entire page Please look at the 1st line above, that every embedded stylesheet respectively must begin and ended by . and please notice the type="text/css", that actually not required, but it's good practise to use when you want to define the stylesheet information. Some browser might decide that they should default to something else on CSS, but most will automatically default to CSS. Now to the 2nd and 6th lines, let's begin and end a standard HTML comment.Why we comment out the stylesheet code? Because if a browser can't understand the HTML tag, it'll be ignored and continue rendering the text between the tag. And with the comment there, if an older browser views it's profile, your style information won't be rendered as text on the page. That's some very basics for the myscpace html code , now we start to examining the actual code that we need to know to get CSS do what we want to. First and foremost is on 3th line, show that we can alter the way that any HTML tag by using CSS, any HTML tag can be redefined visually. It means that every single HTML tag can be rewritten to display the way we want to, as long as we got the right CSS knowledge to make it happen. Ok the next line shows that elements can be selected on a page by using it's ID attribute. And when using the ID, it can only be one ID at any given name per page. So if we work by using the ID's, just make sure that what has an ID is unique within the page. But Myspace html codes doesn't allow #'s being posted into the profile so automatically means that ID's are out as far as costumization goes. Myspace html code might decide to begin allowing users to target items by ID's so long as it doesn't affect the functionality of the page. And we let's take a look to 5th line where we could see how the class be defined and applied to the tag. All classes must begin with decimal ( . ) so the browser could realize that it's a class and not a tag. Unlike the ID's, we can multiple portions of page here that reference the same class. Now we've know some background on CSS, and the difference between tags, Classes and ID's, let's see the stylesheet now and what's going on between CSS to do something. All commands on CSS must end with semicolon ( ; ), at this example I only use 3 different style commands, and only two of them are very important. Which are : “background: rgb();” and “color: rgb();“. Most people will not really use the “height: 10px;” on their profile, so we won't talk about it. I think it's time for me for coffee time.. I'll continue later for this myspace html code, the basics :) Read more! posted by womendiary | Permalink | [ to Del.icio.us ] | 0 comments Pannasmontata layout for WOMEN DIARY NETWORK