Activity Stream
91,228 MEMBERS
210 ONLINE
MobilesCommuniy on YouTube Subscribe to our Newsletter MobilesCommuniy on Twitter MobilesCommuniy on Facebook
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