Jquery Twitter plugin problem

Discussion in 'HTML & Website Design' started by GaGa25, Jul 20, 2009.

  1. #1
    I`m using a twitter jquery plugin to get the latest tweets inside a div and i want to add " follow us on twitter " under the tweet but i can`t do this

    
    <head>
    	<title></title>
    	<style>
    	.tweet {
      font-family: Georgia, serif;
      font-size: 1.1em;
      color: #085258;
      width:237px;
      padding:10px 0 0 60px; }
      
      .tweet .tweet_list {
      	 background:  url(../images/twitter_bg.png) no-repeat scroll 0 100%;
      	 height:179px;
        -webkit-border-radius: .5em;
        list-style-type: none;
        margin: 0;
        padding: 0; }
        
        .tweet .tweet_list li {
        	width:180px;
          overflow: auto;
          line-height: 1.5;
          padding: 8px 5px 5px 30px; }
          
          .tweet .tweet_list li a {
            color: #0C717A; }
            
        .tweet .tweet_list .tweet_even {
          background-color: #91E5E7; }
         	
          </style>
    <script type="text/javascript"  src="scripts/jquery.min.js"></script>
    <script type="text/javascript"  src="scripts/jquery.tweet.js"></script>
    <script type='text/javascript'>
        $(document).ready(function(){
            $(".tweet").tweet({
                username: "sitepoint",
                join_text: "auto",
                count: 1,
                auto_join_text_default: "we said,",
                auto_join_text_ed: "we",
                auto_join_text_ing: "we were",
                auto_join_text_reply: "we replied to",
                auto_join_text_url: "we were checking out",
                loading_text: "loading tweets..."
            });
        });
    </script>
    	
    </head>
    
    <body>
    <div class="tweet">
            	<h4> latest tweets </h4>
            	<!-- latest tweets here -->
            	<a href="#">follow us on twitter</a>
            	</div>
    </body>
    </html>
    Code (markup):
    this is my code but i don`t know why ? when the plugin gets the tweets the anchor tag appears above it instead of under it ? so how can i solve this ?

    i`m using this plugin
    tweet.seaofclouds.com
    Code (markup):
    it gets the tweets as a <ul> inside the div

    here is a screenshot to what u get if u preview that code and what i want to do

    [​IMG]
     
    GaGa25, Jul 20, 2009 IP
  2. HorseGalleria

    HorseGalleria Peon

    Messages:
    91
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Your can try and move it outside of the <div class="tweet">. I think it is the way they are inserting the data. I had problems with seaofclouds and went with the jquery twitter plugin. I placed it on my wife's website at the bottom left.
     
    HorseGalleria, Jul 20, 2009 IP
  3. GaGa25

    GaGa25 Peon

    Messages:
    9
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    thanks i`ll try that plugin
     
    GaGa25, Jul 21, 2009 IP