UniversalCs.Com
Twitter Menu  ! 2z8bv910

UniversalCs.Com


Nu sunteti conectat. Conectati-va sau inregistrati-va

Twitter Menu !

In jos  Mesaj [Pagina 1 din 1]

1Twitter Menu  ! Empty Twitter Menu ! la data de Vin Aug 26, 2011 8:00 am

Viorel

Viorel

Fondator
Previzualizare: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
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&amp;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>

http://4en3rgy.com

2Twitter Menu  ! Empty Re: Twitter Menu ! la data de Dum Dec 25, 2011 6:30 am

Valy

Valy

V.I.P
GG
Foarte bun tutorialul!

Vezi ca am editat codul si in loc de bubuiala am pus NUMELE-TAU

[code]<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/NUMELE-TAU.json?callback=twitterCallback2&amp;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>

Sus  Mesaj [Pagina 1 din 1]

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum