خاتم تويتر الجديد السلام عليكم زوار مدونة عين العرب أقدم لكم إضافة بسيطة وجميلة وهي عبارة عن أداة متابعة على تويتر هذه المرة بشكل مميز وجذاب كل ما عليك هو إنشاء أداة جديدة ثم ضع فيها هذا الكود <style> .SG-tweter-header { background: #000 url(http://softglad.at.ua/widgets/black-bg.jpg); } .SG-tweter { width: 266px; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; border-radius: 0; } .SG-tweter .SG-tweter-header { padding: 10px; height: 73px; } .SG-tweter .SG-tweter-header .screen-name h1 { color: #fff; margin: 0; font-size: 16px; text-transform: capitalize; font-family: 'Helvetica', sans-serif; } .SG-tweter .SG-tweter-header .screen-name h2, .SG-tweter .SG-tweter-header .screen-name h3 { color: #ffffff; margin: 0; font-size: 12px; font-family: 'Helvetica', sans-serif; background: none; } .SG-tweter .SG-tweter-header .screen-name { margin-top: 20px; width: 150px; float: left; } .SG-tweter .SG-tweter-header .profile-image { width: 70px; height: 70px; float: right; } .SG-tweter .SG-tweter-header .profile-image img { width: 70px; height: 70px; border-radius: 40px; } .SG-tweter .twitter-summary { background-color: #f9f9f9; height: 60px; position: relative; } .SG-tweter .twitter-summary ul { display: table-row; height: 60px; width: 100%; margin: 0; padding: 0; text-align: center; padding: 15px 0px; } .SG-tweter .twitter-summary ul li { background: #0AB7E2; list-style-type: none; font-size: 12px; padding: 0px 6px; text-align: center; vertical-align: middle; display: table-cell; color: #fff; width: 84px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; border:0 ; } .SG-tweter .twitter-summary ul li:hover { background: #9808AC; -webkit-box-shadow: 0px 5px 5px 0px #666; -moz-box-shadow: 0px 5px 5px 0px #666; -ms-box-shadow: 0px 5px 5px 0px #666; -o-box-shadow: 0px 5px 5px 0px #666; box-shadow: 0px 5px 5px 0px #666; } .SG-tweter .twitter-summary ul li a { color: #fff; text-decoration: none; } #boxs { display:none; } </style> <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <script src="http://softglad.at.ua/widgets/twitter-badge.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $("#box").dwseeTwitterBox({ 'screenname':'Arabe-eye', }) }) </script> <div id="box"> </div> ثم غير Arabe-eye باسم صفحتك على تويتر بالتوفيق
0 comments: