 |
| صورة معاينة للفرشاة بإضافة بعض التاثيرات عليها |
| إفحص بيج رانك موقعك ! |
| فحص البيج رانك من خلال موقع - CheckPageRank.net |
<div dir="rtl" style="text-align: right;font-family:Electrolize,ge_dinar_tworegular;" trbidi="on">
<div style="text-align: center;">
<table cellspacing="1" style="border: 1px solid rgb(221, 221, 221); height: 78px; margin: 4px; text-align: center; width: 638px;"><tbody>
<tr><td align="center" style="background: #424242; vertical-align: middle;"><span style="color: #FF9900; font-size: 11px; margin: 0px;"><b>إفحص بيج رانك موقعك !</b></span></td></tr>
<tr><td style="background: #fff; border: 1px solid #E9E9E9;font-family:Electrolize,ge_dinar_tworegular; padding: 10px;font-family:Electrolize,ge_dinar_tworegular;"><form action="http://checkpagerank.net/index.php" method="get" style="margin: 0px; padding: 0px;" target="_blank">
<input name="action" type="hidden" value="docheck" /><input maxlength="150" name="name" style="font-size: 13px; margin-right: 10px; padding: 1px 2px 2px 3px; width: 250px;text-align:left;" type="text" value="//:https" /><input name="submit" style="font-family:Electrolize,ge_dinar_tworegular;font-size: 11px; padding: 1px;margin-right:5px; width: 80px;font-family:Electrolize,ge_dinar_tworegular;cursor: pointer;" type="submit" value="إفحص" /></form>
</td></tr>
<tr><td align="center"><span style="color: #aaaaaa; font-size: 11px; margin: 0px; padding: 3px 0px 1px 0px;"><a href="http://checkpagerank.net/" target="_blank">فحص البيج رانك من خلال موقع - CheckPageRank.net</a></span></td></tr>
</tbody></table>
<br /></div>
</div>
</body> وستقوم بوضع هذا الكود قبلة مباشرة <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/><script type='text/javascript'>//<![CDATA[$(document).ready(function() {var tbn = 150;$('#PopularPosts1').find('img').each(function(n, image){var image = $(image);image.attr({src : image.attr('src').replace(/s\B\d{2,4}/,'s' + tbn)});image.attr('width',tbn);image.attr('height',tbn);});});//]]></script>
]]></b:skin> ونضع الكود التالى قبلة مباشرة
الشكل الأول كما هو موضع بالصورة السابقة
/***** المشاركات الشائعة / الشكل الأول *****/.sidebar .popular-posts ul {counter-reset: popcount;margin: 0;padding: 0;}.sidebar .popular-posts ul li:first-child {}.sidebar .popular-posts ul li {height: 130px;list-style: none !important;overflow: hidden;padding: 0 !important;position: relative;margin: 2px;border: 0;width: 48%;float: left;}.sidebar .PopularPosts .item-thumbnail {margin: 0; width: 100%;}.sidebar .PopularPosts ul li img {display: block;float: left;padding: 0;width: 100%;height: 130px;-webkit-transition-duration: 1.0s; /*Webkit: Animation duration*/-moz-transition-duration: 1.0s; /*Mozilla Animation duration*/-o-transition-duration: 1.0s; /*Opera Animation duration*/transition:1.0s;}.sidebar .PopularPosts ul li img:hover {-webkit-transform:scale(1.06); /*Webkit: 0.5 times the original Image size*/-moz-transform:scale(1.06); /*Mozilla 0.5 times the original Image size*/-o-transform:scale(1.06); /*Opera 0.5 times the original Image size*/transform:scale(1.06);overflow: hidden;}.sidebar .PopularPosts .item-title {bottom:0;left: 0;right: 0;padding-bottom: 0;position: absolute;z-index: 999;}.sidebar .PopularPosts .item-title a {background: rgba(32, 32, 32, 0.77);color: #FFFFFF;display: block;font-size: 12px;line-height: normal;padding: 5px 0px 2px 5px;text-transform: capitalize;transition: all .4s ease-in-out;}.sidebar .popular-posts ul li:hover .item-title a {color: rgba(255, 255, 255, 1);background: rgba(231, 76, 60, 0.88);text-decoration: none;}.sidebar .popular-posts ul li:before {background: rgba(255, 252, 8, 1);color: #000;content: counter(popcount, decimal);counter-increment: popcount;float: left;font-size: 14px;line-height: 20px;list-style-type: none;padding: 0px 8px 1px 1px;border-radius: 0px 0px 10px 0px;position: absolute;top: 0;z-index: 4;border: solid #FFF;border-width: 0px 2px 2px 0px;}
/***** المشاركات الشائعة / الشكل الثانى *****/.sidebar .popular-posts ul {counter-reset: popcount;margin: 0;padding: 0;}.sidebar .popular-posts ul li:first-child {}.sidebar .popular-posts ul li {height: 130px;font-weight: bold;list-style: none !important;overflow: hidden;padding: 0px !important;position: relative;margin: 2px;border: 0;width: 100%;float: left;}.sidebar .PopularPosts .item-thumbnail {margin: 0; width: 100%;}.sidebar .PopularPosts ul li img {display: block;float: left;padding: 0;width: 100%;height: 130px;-webkit-transition-duration: 1.0s; /*Webkit: Animation duration*/-moz-transition-duration: 1.0s; /*Mozilla Animation duration*/-o-transition-duration: 1.0s; /*Opera Animation duration*/transition:1.0s;}.sidebar .PopularPosts ul li img:hover {-webkit-transform:scale(1.06); /*Webkit: 0.5 times the original Image size*/-moz-transform:scale(1.06); /*Mozilla 0.5 times the original Image size*/-o-transform:scale(1.06); /*Opera 0.5 times the original Image size*/transform:scale(1.06);overflow: hidden;}.sidebar .PopularPosts .item-title {bottom:0;left: 0;right: 0;padding-bottom: 0;position: absolute;z-index: 999;}.sidebar .PopularPosts .item-title a {background: rgba(32, 32, 32, 0.77);color: #FFFFFF;display: block;font-size: 16px;font-weight: bold;line-height: normal;padding: 10px 0px 5px 10px;text-transform: capitalize;transition: all .4s ease-in-out;}.sidebar .popular-posts ul li:hover .item-title a {color: rgba(255, 255, 255, 1);background: rgba(231, 76, 60, 0.88);text-decoration: none;}.sidebar .popular-posts ul li:before {background: rgba(255, 252, 8, 1);color: #000;content: counter(popcount, decimal);counter-increment: popcount;float: left;font-size: 14px;line-height: 20px;list-style-type: none;padding: 0px 8px 1px 1px;border-radius: 0px 0px 10px 0px;position: absolute;top: 0;z-index: 4;border: solid #FFF;border-width: 0px 2px 2px 0px;}
<div id="most-comments"></div>
<style scoped='' type='text/css'>
#most-comments li,#most-comments ul,#most-comments ul li{margin:0;list-style:none;color:#444;font-size:14px}#most-comments ul li{position:relative;overflow:hidden;background:#fff;margin:3.5px 0;padding:7px 10px 7px 50px;white-space:nowrap;text-overflow:ellipsis;box-shadow:inset 0 0 #fc4f3f;border:1px solid #e6e6e6;transition:all .6s}#most-comments ul li:hover{box-shadow:inset 310px 0 #fc4f3f}#most-comments ul li a{color:#444;font-weight:700;text-decoration:none;transition:all .3s}#most-comments ul li a:hover,#most-comments ul li:hover a{color:#fff}.count-most{position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:7px 0;background-color:#383838;color:#fff!important;text-align:center;transition:all .3s}#most-comments ul li:hover .count-most{background-color:#fc4f3f}
</style>
<script type='text/javascript'>
//<![CDATA[
var numPosts=10;
var homePage="hadystore.blogspot.com";
var postTitlear=new Array();
var postUrlar=new Array();
var postCommentar=new Array();
var totalpost;document.write('<div id="most-comments"><ul>');
function mostComment(j){var a=j.feed.entry.length;totalpost=a;
for(var f=0;f<a;f++){
var h=j.feed.entry[f];
var c=h.title.$t;var b;
var g;if(f==j.feed.entry.length){break}
for(var d=0;d<h.link.length;d++){
if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}
for(var d=0;d<h.link.length;d++){
if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];}};
postTitlear.push(c);
postUrlar.push(g);
postCommentar.push(b)}sortPosts();
for(var f=0;f<numPosts;f++){var e='<li><span class="count-most">'+postCommentar[f]+'</span><a href="'+postUrlar[f]+'" title="'+postTitlear[f]+'" target="_blank">'+postTitlear[f]+'</a>';
document.write(e)}}
function sortPosts(){function c(d,f){var e=postTitlear[d];
postTitlear[d]=postTitlear[f];
postTitlear[f]=e;
var e=postUrlar[d];
postUrlar[d]=postUrlar[f];
postUrlar[f]=e;
var e=postCommentar[d];
postCommentar[d]=postCommentar[f];
postCommentar[f]=e}
for(var b=0;b<postTitlear.length-1;b++){
for(var a=b+1;a<postTitlear.length;a++){
if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}
document.write('<script src="http://'+homePage+'/feeds/posts/default?max-results=9999&orderby=published&alt=json-in-script&callback=mostComment"><\/script>');
document.write('</li>')
document.write('</ul>')
document.write('</div>');
//]]>
</script>
body{
cursor: url(add your url here.png), auto;
}
 |
| صورة معاينة الرندرات |