Twitter Menu !

    Distribuiţi
    avatar
    Viorel
    Fondator

    Mesaje : 1055
    Varsta : 22
    100 / 100100 / 100

    Twitter Menu !

    Mesaj Scris de Viorel la data de Vin Aug 26, 2011 8:00 am

    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>
    avatar
    Valy
    V.I.P

    Mesaje : 216
    100 / 100100 / 100

    Re: Twitter Menu !

    Mesaj Scris de Valy la data de Dum Dec 25, 2011 6:30 am

    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]

      Acum este: Sam Noi 25, 2017 1:45 am