Activity Stream
89,554 MEMBERS
302 ONLINE
MobilesCommuniy on YouTube Subscribe to our Newsletter MobilesCommuniy on Twitter MobilesCommuniy on Facebook
LarrieForbes.Ca | The latest World news, headlines, stories, Technology, Business, Health, Science, Life Style, and Sports from LarrieForbes.Ca
HealtnDebate.org : Health Tips | Diet and Fitness | Beauty | Home Remedies | Pregnancy | Health News | Your complete guide on all things health including fitness, sex, diseases, weight loss, home remedies, pregnancy, healthy recipes, news and much more. You can also ask queries, search for your symptoms and watch the latest health videos at HealthDebate.org
Results 1 to 1 of 1
  1. Report This Post   Tweet this post   Share This Post On Facebook Share This Post On Google+
    #1
    ₪ cGiPDA Team ₪
    R@me$h's Avatar

    Css3 twitter follow box



    TWITTER LIKE BOX CODE (HTML) :

    Source Code : 
    <div class="wrapper">
    <
    div class="inner">
    <
    div class="ribbon-wrapper-green">
    <
    div class="ribbon-green">
    Twitter</div>
        </
    div>
        <
    center><br/><iframe name="fbfanIFrame_0" frameborder="0" allowtransparency="true" src="http://moopz.com/connect.php?user=mobileforums" class="FB_SERVER_IFRAME" scrolling="no" style="width: 240px; height: 340px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial;"></iframe></center>
      </
    div>
    </
    div

    TWITTER LIKE BOX CODE (CSS) :

    Source Code : 
    .wrapper {padding:5px;
        
    margin50px auto;
      
    width276px;
      
    height380px;
      
    border-radius0px;
      
    positionrelative;
      
    z-index90;
    background:#eee;background-image:-moz-linear-gradient(top, #fff, #eee);background-image:-ms-linear-gradient(top, #fff, #eee);background-image:-o-linear-gradient( top, #fff, #eee);background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));background-image:-webkit-linear-gradient(top, #fff, #eee);background-image:linear-gradient(top, #fff, #eee);border:1px
    solid #ddd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 0 #9a9a9a;-webkit-box-shadow:0 1px 0 #9a9a9a;box-shadow:0 1px 0 #9a9a9a;padding:10px;
    }
    .
    inner  {border:1px dashed #ccc;padding:0.5em;-moz-box-shadow:0 0 0 1px #fff;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff}
     
    .ribbon-wrapper-green {
      
    width85px;
      
    height88px;
      
    overflowhidden;
      
    positionabsolute;
      
    top: -3px;
      
    right: -3px;
    }
     
    .
    ribbon-green {
      
    fontbold 15px Sans-Serif;
      
    color#333;
      
    text-aligncenter;
      
    text-shadowrgba(255,255,255,0.50px 1px 0px;
      -
    webkit-transformrotate(45deg);
      -
    moz-transform:    rotate(45deg);
      -
    ms-transform:     rotate(45deg);
      -
    o-transform:      rotate(45deg);
      
    positionrelative;
      
    padding7px 0;
      
    left: -5px;
      
    top15px;
      
    width120px;
      
    background-color#306EFF;
      
    background-image: -webkit-gradient(linearleft topleft bottomfrom(#306EFF), to(#3BB9FF));
      
    background-image: -webkit-linear-gradient(top#306EFF, #3BB9FF);
      
    background-image:    -moz-linear-gradient(top#306EFF, #3BB9FF);
      
    background-image:     -ms-linear-gradient(top#306EFF, #3BB9FF);
      
    background-image:      -o-linear-gradient(top#306EFF, #3BB9FF);

     
      
    color#fff;
      
    -webkit-box-shadow0px 0px 3px rgba(0,0,0,0.3);
      -
    moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
      
    box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
    }
     
    .
    ribbon-green:before, .ribbon-green:after {
      
    content"";
      
    border-top:   3px solid #6e8900;
      
    border-left:  3px solid transparent;
      
    border-right3px solid transparent;
      
    position:absolute;
      
    bottom: -3px;
    }
     
    .
    ribbon-green:before {
      
    left0;
    }
    .
    ribbon-green:after {
      
    right0;

    R@me$h Reviewed by R@me$h on . Css3 twitter follow box http://i.imgur.com/hTQXYOu.png TWITTER LIKE BOX CODE (HTML) : <div class="wrapper"> <div class="inner"> <div class="ribbon-wrapper-green"> <div class="ribbon-green"> Twitter</div> </div> Rating: 5

    FOLLOW cGiPDA ON

  2. The Following 1 Users Say Thank You to R@me$h For This Useful Post:
    [ Click to Expand ]

    satyajit (5th May 2013)

Thread Information

Users Browsing this Thread

There Are Currently 1 Users Browsing This Thread. (0 Members and 1 Guests)

Similar Threads

  1. Twitter Button with CSS3 and HTML5
    By Xcode in forum CSS
    Replies: 0
    Last Post: 13th May 2012, 01:12 AM
  2. [SIS] Mobile stuffs posting Rule ! Must follow
    By G u H a N in forum Symbian S60 v5th ^1 (i8910HD,5800,N97,Mini,X6) Apps
    Replies: 0
    Last Post: 31st May 2011, 02:02 PM
  3. [SIS] Mobile stuffs posting Rule ! Must follow
    By G u H a N in forum Symbian S60 v3/v5 GPS Applications and Navigation Systems
    Replies: 0
    Last Post: 31st May 2011, 02:02 PM
  4. [SIS] Mobile stuffs posting Rule ! Must follow
    By G u H a N in forum Symbian S60 3rd/5th Edition Games
    Replies: 0
    Last Post: 31st May 2011, 02:02 PM
  5. [SIS] ★★★ Mobile stuffs posting Rule ! Must follow ★★★
    By G u H a N in forum Symbian OS9.x S60 v3 Applications
    Replies: 0
    Last Post: 31st May 2011, 10:42 AM

Tags for this Thread

BE SOCIAL