Diseños para la versión 2.0 de myspace (myspace 2.0 layouts)

Like this profile layout?

click to preview

Paste this code into your CSS box:
body {background-image: url('http://i39.tinypic.com/30s8xmx.png');}

div#header,
div#leaderboard,
div#googlebar,
div#topnav {background-color: #540900;}

div#header {
border: 2px solid #83cddd;
margin-left: 14px;
margin-right: 14px;
margin-top: 10px;}

div#topnav ul, div#topnav ul li {
border-right: 0px;
border-left: 0px;
border-top: 0px;
border-bottom: 0px;}

div.module {
border: 2px solid #83cddd;
background-image:url('http://abrax.us/images/gradient.php?width=1&height=50&direction=vertical&startcolor=9ed9e6&endcolor=def4f9');
background-repeat: repeat-x;
background-color: #def4f9;}

a:link, a:visited, a:hover, a:active {color: #540900;}

div#footer, div#footer a {color: black;}


How about this one?

click to preview

Paste this code into your CSS box:
body {background-image: url('http://i40.tinypic.com/2ykdds0.png');}

div#header,
div#leaderboard,
div#googlebar,
div#topnav {background-color: #b63e97;}

div#header {
border: 2px solid #f8981d;
margin-left: 14px;
margin-right: 14px;
margin-top: 10px;}

div#topnav ul, div#topnav ul li {
border-right: 0px;
border-left: 0px;
border-top: 0px;
border-bottom: 0px;}

div.module {
border: 2px solid #f8981d;
background-image:url('http://abrax.us/images/gradient.php?width=1&height=50&direction=vertical&startcolor=F8A130&endcolor=FCD9A6');
background-repeat: repeat-x;
background-color: #FCD9A6;}

a:link, a:visited, a:hover, a:active {color: #b63e97;}

div#footer, div#footer a {color: white;}


Want my current layout?

click to preview

Paste this code into your CSS box:
body {background-image: url('http://i43.tinypic.com/2sbuzc3.jpg');}

div#header,
div#leaderboard,
div#googlebar,
div#topnav {background-color: #767676;}

div#header {
border: 2px solid #272727;
margin-left: 14px;
margin-right: 14px;
margin-top: 10px;}

div#topnav ul, div#topnav ul li {
border-right: 0px;
border-left: 0px;
border-top: 0px;
border-bottom: 0px;}

div.module {
border: 2px solid #272727;
background-image:url('http://abrax.us/images/gradient.php?width=1&height=50&direction=vertical&startcolor=3d3d3d&endcolor=494949');
background-repeat: repeat-x;
background-color: #494949;
color:white;}

a:link, a:visited, a:hover, a:active {color: #767676;}

div#footer, div#footer a {color: white;}


Like spikes?

click to preview

Paste this code into your CSS box:
body {background-image: url('http://i42.tinypic.com/2uer7o3.jpg');}

div#header,
div#leaderboard,
div#googlebar,
div#topnav {background-color: #aeac95;}

div#header {
border: 2px solid #303136;
margin-left: 14px;
margin-right: 14px;
margin-top: 10px;}

div#topnav ul, div#topnav ul li {
border-right: 0px;
border-left: 0px;
border-top: 0px;
border-bottom: 0px;}

div.module {
border: 2px solid #303136;
background-image:url('http://abrax.us/images/gradient.php?width=1&height=50&direction=vertical&startcolor=343a3a&endcolor=5a6265');
background-repeat: repeat-x;
background-color: #5a6265;
color: white;}

a:link, a:visited, a:hover, a:active {color: #aeac95;}

div#footer, div#footer a {color: white;}


Maybe something a little more pink?

click to preview

Paste this code into your CSS box:
body {background-image: url('http://i43.tinypic.com/34fmcr5.png');}

div#header,
div#leaderboard,
div#googlebar,
div#topnav {background-color: #eb7878;}

div#header {
border: 2px solid #d05c5c;
margin-left: 14px;
margin-right: 14px;
margin-top: 10px;}

div#topnav ul, div#topnav ul li {
border-right: 0px;
border-left: 0px;
border-top: 0px;
border-bottom: 0px;}

div.module {
border: 2px solid #d05c5c;
background-image:url('http://abrax.us/images/gradient.php?width=1&height=50&direction=vertical&startcolor=eb7878&endcolor=fcaaaa');
background-repeat: repeat-x;
background-color: #fcaaaa;
color: white;}

a:link, a:visited, a:hover, a:active {color: #d05c5c;}

div#footer, div#footer a {color: white;}


Mocha dot bravado?

click to preview

Paste this code into your CSS box:
body {background-image: url('http://i42.tinypic.com/282ey4g.png');}

div#header,
div#leaderboard,
div#googlebar,
div#topnav {background-color: #3d311b;}

div#header {
border: 2px solid #29200f;
margin-left: 14px;
margin-right: 14px;
margin-top: 10px;}

div#topnav ul, div#topnav ul li {
border-right: 0px;
border-left: 0px;
border-top: 0px;
border-bottom: 0px;}

div.module {
border: 2px solid #29200f;
background-image:url('http://abrax.us/images/gradient.php?width=1&height=50&direction=vertical&startcolor=3d311b&endcolor=726143');
background-repeat: repeat-x;
background-color: #726143;
color: white;}

a:link, a:visited, a:hover, a:active {color: #29200f;}

div#footer, div#footer a {color: white;}


Got camo?

click to preview

Paste this code into your CSS box:
body {background-image: url('http://i41.tinypic.com/2rhy9zo.png');}

div#header,
div#leaderboard,
div#googlebar,
div#topnav {background-color: #213534;}

div#header {
border: 2px solid #c9d29d;
margin-left: 14px;
margin-right: 14px;
margin-top: 10px;}

div#topnav ul, div#topnav ul li {
border-right: 0px;
border-left: 0px;
border-top: 0px;
border-bottom: 0px;}

div.module {
border: 2px solid #c9d29d;
background-image:url('http://abrax.us/images/gradient.php?width=1&height=50&direction=vertical&startcolor=213534&endcolor=47695b');
background-repeat: repeat-x;
background-color: #47695b;
color: white;}

a:link, a:visited, a:hover, a:active {color: #c9d29d;}

div#footer, div#footer a {color: white;}
Do you prefer heavy metal?

click to preview

Paste this code into your CSS box:
body {background-image: url('http://i40.tinypic.com/w161yo.png');}

div#header,
div#leaderboard,
div#googlebar,
div#topnav {background-color: #827e7b;}

div#header {
border: 2px solid #454340;
margin-left: 14px;
margin-right: 14px;
margin-top: 10px;}

div#topnav ul, div#topnav ul li {
border-right: 0px;
border-left: 0px;
border-top: 0px;
border-bottom: 0px;}

div.module {
border: 2px solid #454340d;
background-image:url('http://abrax.us/images/gradient.php?width=1&height=50&direction=vertical&startcolor=827e7b&endcolor=d2d2d2');
background-repeat: repeat-x;
background-color: #d2d2d2;}

a:link, a:visited, a:hover, a:active {color: #4e4d4b;}

div#footer, div#footer a {color: black;}


Images not working anymore?

Agrega un comentario

Publicado por Jorge Ruiz
Etiquetas:

0 comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)