Welcome to UniversalCs Romania
Register now to gain access to all of our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more. If you already have an account, login here - otherwise create an account for free today!
DMCA.com Protection Status

Nu sunteti conectat. Conectati-va sau inregistrati-va

Vezi subiectul anterior Vezi subiectul urmator In jos  Mesaj [Pagina 1 din 1]

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

Viorel

avatar
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.forumz.ro/

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

Valy

avatar
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>



[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
Contacte :  Skype : valy-alex   YahooMessenger: flamamt2  
Daca Ti-Am Fost De Folos Dami Un + ( PluS) !
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

UniversalCs Reclama

Bun venit pe UniversalCs Romania! Pentru a avea acces la toate resursele noastre, este bine sa te inregistrezi.


Vezi subiectul anterior Vezi subiectul urmator Sus  Mesaj [Pagina 1 din 1]

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum