7 ago 2012

Twitter en Header o Sidebar (Con Estilo)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type='text/javascript' src="../Layouts -Themes/BV/imágenes/flexcroll.js"></script>

<style type="text/css">
/*Code By http://lemonadeeditionsclub.blogspot.com/ */

/* Twiiter */
.twitter li{
background-color: #f5da8c;
padding: 6px;
margin: 3px;
display: block;
font-family: "Verdana";
color: #beb07f;
font-size: 9px;
line-height: 9px;
border: 0px solid #f5da8c;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
text-shadow: # 5px 5px 5px;
}
.twitter li:hover{
background-color: #beb07f;
border: 0px solid #beb07f;
font-family: "Verdana";
color: #f5da8c;
font-size: 9px;
line-height: 9px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
.twitter li.last{
margin-bottom: 0px;
}
#mainContent #centerCol a.light{
}

.menu {
color: #606060;
font-family: Verdana;
font-size: 11px;
    padding-center: 6px;
    padding-left: 6px;
padding-top: 3px;
padding-bottom: 3px;
margin: 4px;
text-align: left;
border-bottom: 1px dotted #ffffff;
}

.menu:hover {
color: #606060;
background-color: #cad3f7;
border-bottom: 1px dotted #ffffff;
}

/*
</style>
</head>

<body>
<marquee behavior="scroll" height="260" width="199" onMouseOver="stop()" onMouseOut="start()" scrollamount="3" direction="up"><div id="twitter_update_list" class="twitter" align="center">
<p>
  <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
  <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/tuusuariotwitteraqui.json?callback=twitterCallback2&count=15"></script>
  </marquee>
</p>
<p>&nbsp; </p>
</body>
</html>

0 comentarios:

Publicar un comentario