webForumDet fria alternativet

MySpace-layout, hur tweakar man den?

Webbutveckling

3 svar · 672 visningar · startad av DanneSt

Medlem sedan feb. 20041 311 inlägg
Frågan#1

Har fått ett uppdrag där jag gjort en ny webbplats åt en artist, som dessutom vill ha exakt (nåja) samma layout på sin MySpace-sida... Nån som kan tipsa om en vettig guide på detta?

Har petat omkring på "Profildesign 2.0" men där går det inte att göra mycket. Framförallt skulle jag vilja lägga in mtrl ovanför själva MySpace-menyn...

Medlem sedan mars 2006296 inlägg
#2

http://designmyspace.org/ finns det ett antal gratis layouter till myspace, du kanske kan luska ut hur du ska göra från en av dom?

Själv har jag noll erfarenhet men jag kom ihåg den där sidan från förr nån gång.. :)

Medlem sedan juni 20003 076 inlägg
#3

Att designa myspace är ingen rolig lek! :( Ingen finkod direkt.
Jag skulle tipsa om att leta på en sida som ligger nära det du planerar att designa och kolla källkoden. Leta upp stycket där man lägger in bandprofilen, där hittar du allt du behöver.
Det är framförallt css koden du ska titta på.
Våran itchy daze sida har denna css:

<style>
body.bodyContent {
	background: black url('http://i397.photobucket.com/albums/pp56/itchydazemusic/backgroundBlack.jpg') center top repeat-y;
	margin-top:1280px;
	color:white;
}

a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink, a.redlink:visited, commentlinks a { 
	color:RGB(130,130,130); 
	text-decoration:none;
} 
a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover, commentlinks a:hover { 
	color:RGB(72,72,72);
	text-decoration:none;
} 

table {
	background: none;
	border-style: none;
}
tr,td {
	background:none;
	border-style: none;
}
table table {
	background:none;
	width:100%;
}
table table table {
	background:none;
	width:100%;
}

.text, .btext, p, div, span, td, .lightbluetext8, .nametext {
	color: rgb(240,240,240);
}

.contactTable {
	background:none;
}

.friendsComments {
	width:100%;
}

.friendsComments table td {
	border-bottom:1px solid grey;
}
		
div.pageTop {
	width:800px;
	background: none;
	position: absolute;
	left: 50%;
	top: 10px;
	margin-left: -400px;
	clear:both;
}
div.pageTop img {
	border:0;
}

</style>

och sidan hittas här:
http://www.myspace.com/itchydazemusic

Sen är det bara att börja mecka! :)

Medlem sedan feb. 20041 311 inlägg
#4

Ahaaa, så det är bara att smocka in lämplig CSS i Profildesign 2.0!
Thx! (y)

270 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
131 ms — deklarationer (db)
0 ms — hämta statistik (cache)
137 ms — hämta tråd, inlägg och bilagor (db)
129 ms — ändringar (db)