Read-only historical archive Reconstructed community archive · captured 17 November 2010

Forum index / Photoshop, Editing & Design / Quesiton About Designing The Am Myspace

Quesiton About Designing The Am Myspace

20 posts · page 1 of 1

Rico
post #1
17 January 2007, 22:34 UTC#1
I didn't know where to post this so if this needs to get moved thats fine.

Does anyone know how to get a picture to be above everything in your myspace? A lot of bands do this, I wanted to do it aswell, it looks like this:

http://www.myspace.com/fourletterlie

or

http://www.myspace.com/gwenstacy

Anyone? Thanks in advance for any advice
Rico
post #3
17 January 2007, 22:38 UTC#3
QUOTE(Wilbur @ Jan 17 2007, 11:36 PM) [snapback]412287[/snapback]

css shit, let me find you a tutorial.

edit: http://myspacecivilized.blogspot.com/2006/...ad-updated.html


God damn man, I owe you one. Actually like 5 for all the shit, you know it all. Thanks man. It diesn't make a lot of sense to me but thats becuase Im dumb. Thanks again wilburrrr
Wilbur
post #4
17 January 2007, 22:39 UTC#4
No prob dude.
Rico
post #5
17 January 2007, 22:51 UTC#5
Wilbur can you help me decifer all that? I know Im stupid, I don't understand that code. Do you?
Wilbur
post #6
17 January 2007, 23:19 UTC#6
If you let me do it for you I could, but I'm terrible at explaining things.
Fuzzy Mannerz
post #7
17 January 2007, 23:26 UTC#7
First of all, put this in "Who id like to meet"

CODE
<div class="your_banner"><div class="banner_content"></div>


Then put this in "About Me"....

CODE

<style type="text/css">

START { YOUR BANNER - below myspace masthead }

NOTE { left margin should be half the width and negative }
NOTE { match border-color to your background color - color is text color }
.your_banner
{
border-color:black;
background-color:white;
color:cccccc;
position: absolute; left: 50%; top: 170px;
height: 150px;
width: 800px; margin-left: -400px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif !important;
background-image: url(URL_FOR_YOUR_BG_IMG_HERE);
background-position:center left;
background-repeat:no-repeat;
border-width: 4px 0; border-style: solid;
}
.banner_content
{
padding:10px 20px;
border:none;
}
.your_banner h2
{
margin:0;
font-family:Trebuchet MS, Helvetica, sans-serif;
font-size:44px;
line-height:48px;
font-weight:normal;
}
.your_banner h4
{
margin:2px 0;
font-size:20px;
line-height:24px;
font-weight:normal;
}
.your_banner p
{
margin:0;
font-size:14px !important;
line-height:16px;
font-weight:normal;
}

NOTE { make room for the banner by padding top of profile table }
NOTE { setting below MINUS banner height above EQUALS margin below your banner }
body table table td {padding-top:160px;}

DNA { control side effects }
div table table td {padding-top:0px;}
body table table table td {padding-top:4px;}

END { YOUR BANNER }

</style>


Where it says:
CODE
URL_FOR_YOUR_BG_IMG_HERE

put the URL to your image
CODE
http://whatever.com/whatever.jpg
for example.

These should be pretty obvious...
CODE
border-color:black;
background-color:white;
color:cccccc;


The first (unless you want a border) should be set to the background color of your whole profile.
The second is the same and the last one is the font color, either set it to the background color or whatever, it doesn't really matter too much I dont think.

These control the position of the banner...
CODE
position: absolute; left: 50%; top: 170px;
height: 150px;
width: 800px; margin-left: -400px;

You shouldn't need to change these by much.

Hope this helps man. :-)
Wilbur
post #8
17 January 2007, 23:27 UTC#8
Haha or that works too.
iammarcmason
post #9
17 January 2007, 23:50 UTC#9
man theres so many ways to do this. loel. they pretty much all work though :happy:


I have a new myspace. still needs fine tuning (and I ripped off mades design too :P (its not as good though)
LFR Nate
post #10
18 January 2007, 00:12 UTC#10
PIN this topic, ive been looking for this for my myspace too!
Fuzzy Mannerz
post #11
18 January 2007, 00:16 UTC#11
I think the one that goes just underneath the nav bar is better, it seems to stay in place on all browsers and resolutions unlike that masthead one. I can't remember where it was though so if anyone wants it view the source of this and nick it from here:
http://www.myspace.com/fuzzyandozzie lol
Rico
post #12
20 January 2007, 22:05 UTC#12
Thanks Fuzzy worked perfect!!
urban_ben
post #13
26 July 2007, 14:48 UTC#13
Im trying to do this as well, but the advertisement keeps overlapping the image.

And suggestions on what I am doing wrong?
sylo
post #14
26 July 2007, 14:59 UTC#14
u have to move everything down cos myspace will close your account if u cover the ads
urban_ben
post #15
26 July 2007, 15:04 UTC#15
QUOTE(sylo @ Jul 26 2007, 05:59 PM) [snapback]422937[/snapback]

u have to move everything down cos myspace will close your account if u cover the ads


Ok for the time being I have gotten rid of the banner, as it started to piss me off to much.

But I suck at all this HTML/CSS Stuff, so how would I move everything down?! Its all really confusing me.
sylo
post #16
26 July 2007, 15:44 UTC#16
there should be a code saying margin-top: try that.. but I havent looked at the code your using so cant really help
cIRca
post #17
26 July 2007, 15:49 UTC#17
CODE
<style type="text/css">
table, tr, td { background-color:transparent; border:none; border-width:0;} body { background-color:666633;
background-position:top center; overflow-x:hidden; margin-top: 172px; }
div.topbanner { position: absolute; top: 0; left: 50%; margin-left: -366px; 0; width: 733px; height: 221px; } </style>

<center><div class="topbanner"><img src="IMAGE LINK" border="0"></div></style></center>
Fuzzy Mannerz
post #18
26 July 2007, 17:00 UTC#18
It's probably in a line like this somewhere...
QUOTE
position: absolute; left: 50%; top: 170px;


Just fiddle around with the '???px' on the 'top' part to move it up and down, the higher the number the further down (I think) if not, go the other way. lol

EDIT:
Copy all the coding into a notepad file and fiddle with numbers on the myspace to see what they do, if it fucks up, copy the original code back from the notepad file and try again.
Thats how I learnt. lol
We Play Crazy
post #19
26 July 2007, 19:26 UTC#19
rico we are working on the same thing in our new myspace its called CSS text, google it. Myspace.com/weplaycrazy2
urban_ben
post #20
26 July 2007, 21:24 UTC#20
QUOTE(cIRca @ Jul 26 2007, 06:49 PM) [snapback]422949[/snapback]

CODE
<style type="text/css">
table, tr, td { background-color:transparent; border:none; border-width:0;} body { background-color:666633;
background-position:top center; overflow-x:hidden; margin-top: 172px; }
div.topbanner { position: absolute; top: 0; left: 50%; margin-left: -366px; 0; width: 733px; height: 221px; } </style>

<center><div class="topbanner"><img src="IMAGE LINK" border="0"></div></style></center>



Ah yusss

A thousand <3 go in your direction Mr CIRca