Twitter Menu

 :: WeB Help :: Coduri/scripturi :: CSS

Vezi subiectul anterior Vezi subiectul urmator In jos

Twitter Menu

Mesaj Scris de Gudzone la data de Mar Mar 06, 2012 7:41 am

Previzualizare: http://www.bu-bu.org/menu%20twitter%20by%20bubu.html
Pentru a fi vizualizate propriile voastre tweet-uri este suficient sa schimbati numele "bubuiala" din imaginea de mai jos cu al vostru!

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>




I GodZone




Reclama ta aici cu doar 1 euro pe luna,Y!m:hous.mussic@yahoo.com sau Skype: gheorgheci pentru detalii !!!
I GodZone

Gudzone
Administrator
Administrator

Bara Warn : Nu are Greseli
Mesaje : 890
Reputatie : 29
Data de inscriere : 14/11/2011
Varsta : 20
Localizare : Chisinau

Vezi profilul utilizatorului http://godzone.forummo.com

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


 :: WeB Help :: Coduri/scripturi :: CSS

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum