Peste 500 tutoriale in limba romana.

Pentru a fi vizualizate propriile voastre tweet-uri este suficient sa schimbati numele "bubuiala" din imaginea de mai jos cu al vostru!
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Cod:

<style>
.right-col {
   width: 300px;
   height: 500px;
   min-height: 400px;
   padding: 0px;
   margin: 0px;
   float: right;
   background-image: url(http://bu-bu.org/wp-content/uploads/2011/05/background-twitter.png);
   background-repeat: no-repeat;
   background-position: center;
}


.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}
.clearfix {
   display: inline-block;
   }
html[xmlns] .clearfix {
   display: block;
   }
* html .clearfix {
   height: 1%;
}

.follow-me-wrap a {
   background-image: url(http://bu-bu.org/wp-content/uploads/2011/05/followme-on.png);
   background-repeat: no-repeat;
   background-position: left top;
   display: block;
   height: 40px;
   width: 200px;
   margin-left: 62px;
}

.follow-me-wrap a:hover {
   background-image: url(http://bu-bu.org/wp-content/uploads/2011/05/followme-over.png);
   background-repeat: no-repeat;
   background-position: left top;
   display: block;
}


.twitter-feed {
   padding-top: 100px;
   padding-right: 34px;
   padding-bottom: 30px;
   padding-left: 34px;
   color: #003366;
}

.footer {
   font-size: 13px;
   margin-bottom: 0px;
   padding-top: 15px;
   padding-bottom: 10px;
   font-weight: bold;
   color: #FCFCFC;
}

#twitter_update_list li {
   padding-top: 10px;
   padding-bottom: 10px;
   list-style-image: none;
   list-style-type: none;
}

#twitter_update_list li a {
   color: #FFFFFF;
}

.space {
   padding-right: 5px;
   padding-left: 15px;
}
.text-wrap {
   padding-top: 3px;
   padding-right: 40px;
   padding-bottom: 3px;
   padding-left: 15px;
}
</style>

<table height="500" width="300" id="right-col" class="right-col">
<tr><td>


      <div class="right-inner">
            <div class="clearfix twitter-feed">
            <div class="twitter-wrap" id="twitter_div"><ul id="twitter_update_list"><li> </li></ul>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/bubuiala.json?callback=twitterCallback2&count=4" type="text/javascript"></script>
            </div></td></tr><tr><td>
            <div class="follow-me-wrap clearfix"><a title="Follow us on Twitter" href="http://twitter.com/bubuiala"></a></div>
        </div></td></tr>
   </div>
</table>

Previzualizare: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Foarte frumos bravo bubule

Re: Twitter Menu
VizitatoVin 2 Dec - 15:42