Does anybody know the secrets of Myspace/CSS ??

[pifos_2]

hi duuudes,

I would like to "pimp" my band's myspace.

Of course, I want to do something way more evoluated than this kind of junk : http://www.pimp-my-profile.com/

I would like to understand the code and the css of myspace. So I would able to change "anything" I want.

So, if you guys knows interesting URL's or even books about this, any ressourcs would be more than welcome.

yeahhh


Have a nice day.

 

[GeertSamuel]

I used this tutorial to understand MySpace layouts...
http://www.mikeindustries.com/blog/archive/2006/04/hacking-myspace-layouts

 

[pifos_2]

I used this tutorial to understand MySpace layouts...
http://www.mikeindustries.com/blog/archive/2006/04/hacking-myspace-layouts

yep it was really good, but it's down now

i read it a long time ago. but i don't remember a thing.

 

[Ben Johnson]

Reverse engineer something from here:
http://www.createblog.com/layouts/i...s&type=div_overlay&cat=all_themes&sort=newest
There's a lot of crap there, but some of it is genuinely well done.

 

[pifos_2]

I am already on my way : http://myspace.com/forcedevolutionmusic

Thanx to this :
http://waxjelly.wordpress.com/?s=myspace
http://hotlayouts.nuclearcentury.com/understanding-myspace-css-template
http://views-under-construction.blogspot.com

Yupeee

 

[Kazrog]

Check out what I did on the Backmask MySpace page (in my signature.) It's a few different CSS techniques.

 

[Let it burn...]

i just created the basic profile using one of those editors, then it sought tutorials on how to add banners and background on google and here's my result: www.myspace.com/koanmusic

 

[Torniojaws]

Yeah I know CSS, but teaching you all you can do with CSS would require at least 6 months of active website making before you could do it off the bat without help

Your best bet would be to read some things here: http://w3schools.com/css/default.asp


Here's my myspace site: http://www.myspace.com/vortechmetal. I intentionally kept it fairly simple, because there's nothing I hate more than overmodified myspace pages where you can barely read the text :zombie:

 

[pifos_2]

How did you place the picture so high on the site? I studied your code and found out how to get that extra space on the top, but how did you put in the picture? i cant find the code for it.. very nice site by the way!

Very simple, I found it with google:


// Declare the image section/division //

<div class="myBanner">
<img src="The url of your image goes here">
</div>

// Start the CSS code //
<style>

//The line below gets the whole page xxx pixels down. //
body {margin-top: xxxpx}

//The line below define the position of the image. //

div.myBanner {
position:absolute;
top:0px; //Put the image on the very top of the page//
left:50%;
margin-left:-400px; //To center//
width:800px;
heightxxpx;
}

//End of the CSS code //
</style>

Note :

- XXX is the height of your image. But I noticed I have to get the profile a little bit more down than the image height. When my image height is 560, I must put a 580 margin-top if I don't want any advertisement to crop my image. Try with yours.

- The margin left stays -400px.

- Your image width should be 800 px. So you have nice right and left columns in which you can put a background. Even if you have to draw empty background-color space around your image, make it 800.

- Of course you must remove all my comments if you want the code to work.

 

[MrLee]

Thank you! ill try that on our myspace!

 

[pifos_2]

Well, I covered almost everything now, font styles, banner, background, custom contact table...

http://www.myspace.com/forcedevolutionmusic

If you need any help, ask !!! The infos are pretty hard to find with google. Those secrets are quite hidden.

 

[Saculus]

myspace.com/alazith

You can use the view page source of your browser to find the css of any myspace layout you like from the profile page. Then use the find function usually ctrl-f with "style type="text/css"" as the search criteria or below "About&nbsp;" on a band page.

Anything with a ":" before it is a CSS attribute and you can google what it does.

I stole the border idea from Iced Earth. Their background is huge 1600x700.

Another problem a lot of people have is the Headline and Genre information is blue and hard to read on dark backgrounds. You can change it to any color you like. Using the code below.

td font strong {color:FFCC22; } The color is orangish yellow in this example.

You can mess with color combinations here

http://www.visibone.com/colorlab/big.html

Good luck.

Oh, does anybody have any excel or spreadsheet / html knowledge? You can data mine friends lists fairly easily if you don't want to wait for profile pages to load by linking directly to the confirm add page. I can explain if anyone wants to know. Warning lots of copying and pasting. Not to mention the Captcha on myspace is ever present now due to spam. HTML knowledge required, not a lot but more than I feel like teaching.

 

[pifos_2]

hey thanx.

i am getting things together. it looks kind of ok now.

One thing I still have problem with are my friends comments.
I would like to widen the column and center it...

You know if its possible ?
Theorically, everything is possible

 

[Loren Littlejohn]

Create your own custom sheeeooooottt:

http://www.strikefile.com/myspace/

 

[pifos_2]

Create your own custom sheeeooooottt:

http://www.strikefile.com/myspace/

Those editors always fuck up your profile.

I want to edit the css code "by hand". So I can understand how it works and have control over it.

 

[RyanUsesThis]

-Pifos 2

dig the band..

 

[Loren Littlejohn]

Those editors always fuck up your profile.

I want to edit the css code "by hand". So I can understand how it works and have control over it.

Haven't had any issues with this one.

 

[pifos_2]

-Pifos 2

dig the band..

Great Add us if you feel like to.
We're struggling out there. Hopefully, I found my way through the Sneap forum so our production sounds decent. It's gonna better next time, concerning both songwriting and production. Summer 2008 's gonna ROCK.

Haven't had any issues with this one.

It works ok with personal profile. But with Music Profile, when you want to embed jpeg's everywhere and custom everything its not enough. you need the codes.

 

[RyanUsesThis]

<div class="myBanner">
<img src="The url of your image goes here">
</div>


Not sure I understand this part.. not sure what I'm supposed to put in place of "myBanner".

 

[pifos_2]

<div class="myBanner">
<img src="The url of your image goes here">
</div>


Not sure I understand this part.. not sure what I'm supposed to put in place of "myBanner".

nothing its just a name, a tag.

so you can use it later on :
-------------------------------
div.myBanner {
position:absolute;
top:0px; //Put the image on the very top of the page//
left:50%;
margin-left:-400px; //To center//
width:800px;
heightxxpx;
}
-------------------------------

You declare it in the beginnin and then you "call" it in the code. so let myBanner.