Mostrando entradas con la etiqueta Redes sociales. Mostrar todas las entradas
Mostrando entradas con la etiqueta Redes sociales. Mostrar todas las entradas

La historia de Twitter en una imagen



Via Manolith
Publicado por Jorge Ruiz 0 comentarios
Etiquetas:

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?
Publicado por Jorge Ruiz 0 comentarios
Etiquetas:

del.icio.us cambia a delicious

Asi es asi, caba de ocurrir: del.icio.us, el querido y nunca bien ponderado servicio de bookmarks social acaba de develar su nueva interfaz y nombre: simplemente Delicious, la nueva cara es menos nerd y mucho más pop dosh-punto-cerorsh.

Hay muchas mejoras en las que se destacan la nueva barra de navegación, que denota una nuevo eje del sitio; este sigue girando en torno a los enlaces, pero ahora prioriza a la gran base de usuarios y sus tags. Hablando de eso, en las barras laterales ahora tienes una lista de las más usadas, puedes verlas agrupadas en clústeres y además desde ahí ver tu lista de amigos, con la posibilidad de editarla y cambiarles el nombre desde ahí mismo.

Bien por Delicious y por Yahoo, que tenían esta sorpresita guardada hace más de un año. Tras el salto, una explicación en vídeo del rediseño a cargo del equipo del sitio.

Les dejo el vídeo también para que vean la transformación:



Fuente.

Publicado por Jorge Ruiz 0 comentarios
Etiquetas:
Suscribirse a: Entradas (Atom)