تجريبي تجريبي تجريبي
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'>
<head>
<meta content='مدونة عالم العرب' name='title'/>
<meta content='مدونة عالم العرب الاحترافية و تظم يوميا مختلف المواضيع بالإضافة إلى اخبار التكنولوجيا والإعلاميات و باضافة الى حلقات و شروحات و دروس' name='description'/>
<meta content='بلوجر , قوالب , البرامج , ووردبريس , انترنيت , أخبار , الهواتف , فيسبوك' name='keywords'/>
<meta content='فهد الفغلومي' name='Author'/>
<meta content='fahdhd7@gmail.com' name='Email'/>
<meta content='global' name='distribution'/>
<meta content='5 days' name='revisit'/>
<meta content='5 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='ar' name='language'/>
<meta content='المغرب' name='country'/>
<meta content='blogger' name='generator'/>
<meta content='(c) 2013' name='copyright'/>
<script type='text/javascript'>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-39367135-1']);
_gaq.push(['_setDomainName', 'infoarabs.blogspot.com']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- copy protect -->
<!--[if IE]>
<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js' type='text/javascript'/>
<script src='http://copy-protector.googlecode.com/files/www.blogger-zoom.com_ie.js' type='text/javascript'/>
<![endif]-->
<script type='text/javascript'>
/* www.blogger-zoom.com */
function addLink(){var body_element=document.getElementsByTagName('body')[0];var selection;selection=window.getSelection();var pagelink="<br/><br/>المصدر: <a href='"+document.location.href+"'>"+document.location.href+"</a><br/>";var copytext=selection+pagelink;var newdiv=document.createElement('div');newdiv.style.position='absolute';newdiv.style.left='-99999px';body_element.appendChild(newdiv);newdiv.innerHTML=copytext;selection.selectAllChildren(newdiv);window.setTimeout(function(){body_element.removeChild(newdiv)},0)}document.oncopy=addLink;
</script>
<!-- copy protect -->
<title>مدونة عالم العرب</title>
<!-- mJcSBiq8Lfj3jLM4oSDa-WOmNUU -->
<meta content='mJcSBiq8Lfj3jLM4oSDa-WOmNUU' name='alexaVerifyID'/>
<meta content='بلوجر , قوالب , البرامج , ووردبريس , انترنيت , أخبار , الهواتف , فيسبوك' name='keywords'/>
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<title>مدونة عالم العرب</title>
<b:skin><![CDATA[/*
-----------------------------------------------
Name: مطوري الحاسوب
Designer: Ahmed fitri
URL: www.infoarabs.blogspot.com
----------------------------------------------- */
/* Content
----------------------------------------------- */
body {
font: 13px tahoma;
color: #989898;
background:;
line-height: 24px;
}
.widget {
line-height: 24px;
}
html body .content-outer {
min-width: 1;
max-width: 100%;
width: 100%;
}
.stwrapper{
left: 10px !important;
}
* {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@font-face {
font-family: 'DroidKufi-Bold';
font-style: normal;
font-weight: 700;
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot);
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2) format('x-woff2'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff) format('woff'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf) format('truetype');
}
.h{ background:#fff;}
.top {
width:100%;
height:31px;
background:#121212;
border-top:4px solid #F1F12B;
border-bottom:1px solid #EF663C;
}
.top .menu1{
width: 970px;
height:31px;
margin: 0 auto;
}
.top .menu1 ul{
margin:0;
list-style:none;
float:right;
padding:0;
}
.top .menu1 ul li{
float:right;
}
.top .menu1 ul li a{
text-decoration:none;
font:12px tahoma;
color:#989898;
padding: 8px 0 8px 25px;
line-height: 29px;
}
.top .menu1 ul li a:hover{
color:#6d6d6d;
}
.top .menu1 .face{ width:25px; height:25px;float:left; margin:3px 3px 0 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ7liCneafQwgh_2N0esDI8E3js_TQfDxTbmw9qiugRZtXEkOSDiif_MQyqz-ZCqws2yQYVwbiEqaiZ-gkeqQKS0sArrdnhS1k2vOT0qxeItThxRTTFPeOt0moIq4wL08FVWtPYmepGCs/s1600/face.png) center no-repeat; }
.top .menu1 .face:hover{ }
.top .menu1 .twt{ width:25px; height:25px;float:left; margin:3px 3px 0 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRd8NuuYK2cjsb9OYDoS3bYetZh2dgQwZCobpYyGvyIx1vVBLoYsSa4IqUsOrzQpmKLsyi6lIoxsPZSeSqVxN6H66gkCCGIbc9WIvd2ArTiEMVX2aQH0X7ZAMT-JOoiil1qEVucPlYj-Q/s1600/twt.png) center no-repeat; }
.top .menu1 .twt:hover{ }
.top .menu1 .you{ width:25px; height:25px;float:left; margin:3px 3px 0 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0rstTjvJftYZZ2ZjhUFfrZW-zNxMhgMOkIJll3jRQ2evwngliQoXoeOS7LmwyRm52e_w2JwyQVaTA2rHIN5-K8egnzjzkVCEdfa29v1gmm2Ks0rcEUtFqNdoFrtRsE7Hrw_gEaXa4pBs/s1600/yt.png) center no-repeat; }
.top .menu1 .you:hover{ }
.top .menu1 .gp{ width:25px; height:25px;float:left; margin:3px 3px 0 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPBWzRezRg8PJNnJdrzGXsJURzCI_IYks-GQQOFBk5tnIk_f0f5ZNRnCdu8ExzpjwJLi89aRvD5t2oJdyKZZhhXFrbpnUmOHsatik9-TqqiuWcR4p0608Nn_OWs40G3Wj25HQMkGZgEiM/s1600/g+.png) center no-repeat; }
.top .menu1 .gp:hover{ }
.logoandans{
width:970px;
height:90px;
padding:36px 0;
margin:0 auto;
}
.logoandans .logo{ float:right;}
.logoandans .ads{ width:728px; height:90px; float:left;}
.m{
width:100%;
height:42px;
background:#373737;
border-bottom: 4px solid #FFA810;
}
.m .menu2{
width:970px;
height:42px;
margin:0 auto;
}
.m ul{
margin:0;
list-style:none;
float:right;
padding:0;
}
.m ul li{
float:right;
}
.m ul li a{
text-decoration: none;
font-size: 12px;
font-family: droidkufi-bold, tahoma;
color: #d2d2d2;
padding: 10px 15px 10px;
line-height: 42px;
}
.m ul li a:hover{background: rgb(104, 104, 104); color: #FAF046;}
.m ul li .home{ background:#F7EE47 url(http://www.shy22.com/upfilpng/tif31425.png) center no-repeat; padding: 10px 28px 10px;}
.m ul li .home{ background:#F7EE47 url(http://www.shy22.com/upfilpng/tif31425.png) center no-repeat; padding: 10px 28px 10px;}
.content-outer {
font-size: 100%;
}
a:link {
text-decoration:none;
color: #989898;
}
a:visited {
text-decoration:none;
color: #989898;
}
a:hover {
color: #e75139;
}
.body-fauxcolumns .cap-top {
margin-top: 30px;
background: #ffffff none no-repeat scroll center center;
height: 121px;
}
.content-inner {
padding: 0;
}
.showpageArea { color: #333; padding:0px;}
.showpageArea a {color: #333; margin:0 10px 0 0;}
.showpageNum a {padding: 5px 10px; margin:0 5px;}
.showpageNum a:hover { color: #8B8B8B; }
.showpageOf{margin:0 0 0 10px; color: #8B8B8B !important;}
.showpagePoint {color:#fff; padding: 5px 10px; margin:0 5px; background: #6d6d6d;}
.status-msg-wrap{
width:100%;
margin:0 ;
}
.status-msg-border {
border:none;
border-top: 1px solid #525252;
border-bottom: 1px solid #525252;
}
.sidebar .widget{
box-shadow: 0px 1px 2px 0px #bababa;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYL7rVDY6BQ45H4Om5uQp80sZhxqeJgDfaV_dh3fk8om1JNJdvyhGqwGP9rgqWCx9bKq0G67biBazgxeoGb2mcVBQFnE7LMqyNVSg2gwkb1CEHl8hHybi1Zyl3apc2M4zh7m0w4R_YWgo/s1600/top-w.png) top right no-repeat;
padding:10px;
line-height: 17px;
width:300px;
}
.column-left-inner h2, .main .widget h2{
color: #979797;
font: 12px droidkufi-bold;
padding: 3px 0 7px;
border-bottom: 1px solid #d3d3d3;
margin-bottom: 10px;
}
.widget {
margin: 0 0 20px !important;
}
#alwansd{height: 185px;background: rgb(90, 90, 90);margin: 0 0 20px 20px;border-bottom: 4px solid #e75139;}
.alwanw{position: relative;height: 160px;}
.alwanw .contentdiv{visibility: hidden;position: absolute;height: 96%;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.alwan-ps{text-align: right;float: left;width: 50px;height: 25px;margin-left: 355px;}
.alwan-ps a{display:none;}
.alwan-ps .prev { display:block;font-size:0px;background:#c3d666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKqvY98FuklgiJm6ks72-p8PpUr-gmyOf4TKd2f8ZQ-LFuOx3XJVhmqkNWCEDxFRiyPGQUxc3Mu5LgaBVBTsla6FaDGiU1o6wjPA36ver8sNysbTZ4-mVLEzqFEYG6K_KwjT1APNGjqd4/s1600/pre.png )center no-repeat;width: 25px;height: 25px;float: left;}
.alwan-ps .prev:hover{ background:#595959 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKqvY98FuklgiJm6ks72-p8PpUr-gmyOf4TKd2f8ZQ-LFuOx3XJVhmqkNWCEDxFRiyPGQUxc3Mu5LgaBVBTsla6FaDGiU1o6wjPA36ver8sNysbTZ4-mVLEzqFEYG6K_KwjT1APNGjqd4/s1600/pre.png )center no-repeat; }
.alwan-ps .next {display:block;font-size:0px;background:#e75139 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQPTv-PAITmq7S9fZY1YtaikpAfUCcFOFB3Td8qVy-lFl1Ct8U-igf2aP3Trrc9n8QqGMj6DaD29M-AS97ME-6PwBFgVeIndQyAlmGiDJxlWPSBDus_9cAsKLlJZbXtg0Qu-6Rltlht28/s1600/next.png)center no-repeat;width: 25px;height: 25px;float: right;}
.alwan-ps .next:hover{ background:#595959 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQPTv-PAITmq7S9fZY1YtaikpAfUCcFOFB3Td8qVy-lFl1Ct8U-igf2aP3Trrc9n8QqGMj6DaD29M-AS97ME-6PwBFgVeIndQyAlmGiDJxlWPSBDus_9cAsKLlJZbXtg0Qu-6Rltlht28/s1600/next.png)center no-repeat;}
.alwanip{width: 377px;padding: 5px 5px 5px 5px !important;bottom: 0;float: left !important;margin-right: 148px;}
.alwanip a{color:#dcdcdc;font: 13px droidkufi-bold;margin:0;padding:0;line-height: 19px;}
.alwanip h6{margin:5px 0 0 0;}.alwanip h6 a:hover {color:#e75139;}.alwanip .alwand{font:12px arial; margin:5px 0; color:#a5a5a5; }.alwanip p{font-size: 13px;margin: 0;color: #a5a5a5;line-height: 23px;}.alwansf a img{float: right !important; }.alwansf {float: right !important; width:100px !important;}
.column-center-outer {
width: 100%;
}
.item-thumbnail a img {
border: 1px solid #CFCFCF;
background: #F2F2F2;
padding: 3px;
width: 48px;
height: 48px;
}
.alwantt .item-thumbnail a img {
border: 1px solid rgb(105, 105, 105);
background: rgb(60, 60, 60);
}
.alwantt .PopularPosts .widget-content ul li {
border-top: none;
padding: 4px 0;
}
.PopularPosts .item-thumbnail {
float: right;
margin: 0 0 0 8px;
}
.PopularPosts .item-title a {
font-size: 12px;
font-family: droidkufi-bold, tahoma;
line-height: 22px;
}
.PopularPosts .item-title {
padding-top: 3px;
}
.PopularPosts .widget-content ul li {
padding:8px 0 6px;
border-top: solid 1px #cacaca;
}
.PopularPosts .widget-content ul li:hover {
}
.Label li {
float: right;
margin: 0 0 5px 5px;
padding: 6px 11px !important;
background: url(http://www.shy22.com/upfilpng/tl472757.png);
display: inline-block;
}
.Label li:hover{
background:url(http://www.shy22.com/upfilpng/tl472757.png);
}
.Label li a{color:#dfdfdf;}
.Label li a:hover{color:#fff;}
.alwantt .Label li a{color:#a5a5a5;}
.alwantt .Label li a:hover{color:#e75139;}
.content-cat h3, .content-cat p i, .content-cat p br{display:none;}
.content-cat p{
width: 156px;
float: right;
text-align: right !important;
color: transparent;
padding: 0 7px 15px;
margin: 7px 0;
border-bottom: 1px solid #DDD;
height: 180px;
}
.content-cat p b{
font-size: 12px;
font-family: droidkufi-bold, tahoma;
color: #7B7B7B;
line-height: 23px;
}
.content-cat p img{
width: 150px;
height:102px;
float:right !important;
margin: 0 0 7px 0 !important;
padding:0 !important;
border:3px solid #DDD !important;
}
.content-cat p a{
font-size: 0px;
width: 100%;
height: 108px;
position: relative;
margin-top: -184px;
}
.content-cat p a:hover{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ6V0gDtd0TUikEtl2iVoGR-0f3xd6gusx4k93fmQsRSjuI8lrauVm5Y3m3qdaVsKCZxqyYjRz9j2QUHYQ5fKwZEmh_-buFZ_eSGe3N3sgNJtg0n6va8tIeB776MfXc3JiBKHzUi0H9PE/s1600/rech.png) center no-repeat;
}
.footer-inner {
padding: 30px 15px;
}
.comments {
clear: both;
margin: 20px -15px;
padding: 0 15px;
}
.social-icone{ height:108px;}
.social-icone div{ margin: 8px 12px;}
.social-icone a{ text-decoration:none;}
.you-icone b, .twt-icone b,.face-icone b,.rss-icone b{ font:14px tahoma; color:#8c8b8b;}
.you-icone span,.twt-icone span,.face-icone span,.rss-icone span{font:11px tahoma; color:#a3a3a3; }
.you-icone{
width: 50px;
height: 32px;
background:url(http://cdn1.iconfinder.com/data/icons/flat-social-icons-by-lokas-software/48/youtube.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.you-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJPSkRCffqcXmn9hFh5ssIN3Am_Qm3Sh2qZbv28NTLIae2Vcu_M_FnWYt05BcVR8JcxESOCzD5aClFsdD5XWTCw6TRj66pyxrIkIyc0_GPV4mPkNquY1YswbYvhVnNFyQZwn47PpYHBKc/s1600/youtube2.png)top no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url(http://cdn1.iconfinder.com/data/icons/flat-social-icons-by-lokas-software/48/twitter.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.twt-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtSmICQGw9xrJkThCtJaQanRmktYcpHmM_aRPRJI0ymYhfrlwPQRJ6DHr8aAtrwOuiauEioZedVPaBUK7eLPgDZNH_UlbP99jJ1mFL3zYYE9kwuixiyrxhPOxAY4AC8gvgKBfEk8Hzp2Y/s1600/twitter2.png)top no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url(http://cdn1.iconfinder.com/data/icons/flat-social-icons-by-lokas-software/48/facebook.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.face-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAIZtCeyTQm3NxL5bRdGsLmx2I7keZUDltCDmkUqGHq-BcrCFjcnzJqBDSlyehxL1yd8HZVECWhZ1fj-cNmRiVDvD-01jrRZgueZzkIwxDqaX3oanyQy_Tl2TRU508ukB_TsSRngOwBeo/s1600/facebook2.png)top no-repeat;}
.rss-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUE1GN3F-45EKaoOXDJkgyOZzqwBHlNl7G13VY5k0Nh6VoEssoAYN2jyHkaeKHVn7_1kIzJPFg3amCMjvN5q3w4UmQk7xasRwB0BkmymV0hZWJspFqmCwF8nsyNYhUWy-N5A2hQIwt_Nk/s1600/RSS.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.rss-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7cPzBoQx0qhlUusj6fy4ikm10knIuA5QTjkUWORHsNubO8loQv2pyZGxfGtD_JFR9v3bb4fMWoe1EdIx4PanruoF_lBFS9i03DPdfu1j5MjYmL5hyxxyOODCCxO8FforHiHP2v_99oy4/s1600/RSS2.png)top no-repeat;}
.post-footer-line > * {
margin-left: 0;
}
.shea{
width: 300px;
height:39px;
box-shadow: 0 0 6px rgb(150, 150, 150) inset;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPJJMIIfg25cRkiKWzX3v4AAwW5tLqYP1vHe8d66at4zi8Yn8_5mKWYNo8AMbfhbcR8U-k5hwF0mCR0XI6YZl9VICDLkoIHqJIqtXTHfo1b15eMjUOaJaXxAVUr8uOqzj8BNDKZFhJ6QY/s1600/back-srch.png);
margin-top: 20px;
}
#b-query {
width: 259px;
padding: 12px 2px 11px;
border: none;
float: right;
margin-top: 0px;
text-align: right;
color: #b5b5b5;
font: 13px Tahoma, Geneva, sans-serif;
background: none;
}
#b-searchbtn {
float: left;
width: 37px;
height: 39px;
font: 13px Tahoma, Geneva, sans-serif;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEYpWdAadfuGcX51snwl0t1dWY7zEIUkl3b-FMZek-iOtfN1cXjNcbuqoKymCdMOXCLi9tLCG-CjNUHm7KHaFumXM7pMcriyoDCvDijEWK5dcKunYGQRgIwGEGWv3Upewzy4xS38Xc6hM/s1600/search.png) center no-repeat;
cursor: pointer;
border: none;
margin: 0;
padding: 0;
}
#b-searchbtn:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFP-STbAaLX6-NCySY6T8eToMPQ1cAcwHmProO3HUxpsmpxEQlamCDtjgyPcF7iGfiIDe6v1TX_-B8cQMHrKSSGqI3izwQ7tCz8dlxxEjb8CweYVBGz8X95aGsJr0OnHtPtUxvBgX8rXY/s1600/search2.png) center no-repeat;
}
.so{
width:300px;
height:185px;
background:#595959;
border-bottom: 4px solid #e75139;
}
.so .social{
width:100%;
height:62px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8rBHwBum4WDUwvYI3xx2iP9Td941MYWZXGJ8kT6HCwZUO9VmBMU2ar8rdxUH0nspN4pQHVnj6rSJhbEmYh36QJvV8yaRAIRDWfWkAWzrl2gj62TiS-XVmM5_y3yWyvZMa65TpZyFBqaQ/s1600/btm-so.png) bottom repeat-x;
}
.so .social:last-child{
background:none;
}
.so .social img{ float:right; padding: 14px;}
.so .social div {font:bold 14px tahoma; color: #dcdcdc; padding-top:12px; text-align:right; }
.so .social p{font:12px tahoma; color: #a5a5a5; margin:3px 0 0 0; text-align:right;}
.so .social a:hover > div{
color:#e75139;
}
/* Header
----------------------------------------------- */
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 20px;
padding-right: 20px;
}
.Header h1 {
font: normal normal 60px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
color: #ffffff;
text-shadow: 2px 2px rgba(0, 0, 0, .1);
}
.Header h1 a {
color: #ffffff;
}
.Header .description {
font-size: 140%;
color: #7b7b7b;
}
/* Tabs
----------------------------------------------- */
.tabs-inner .section {
margin: 0 20px;
}
.tabs-inner .PageList, .tabs-inner .LinkList, .tabs-inner .Labels {
margin-left: -11px;
margin-right: -11px;
background-color: transparent;
border-top: 0 solid #ffffff;
border-bottom: 0 solid #ffffff;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .3);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .3);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .3);
box-shadow: 0 0 0 rgba(0, 0, 0, .3);
}
.tabs-inner .PageList .widget-content,
.tabs-inner .LinkList .widget-content,
.tabs-inner .Labels .widget-content {
margin: -3px -11px;
background: transparent none no-repeat scroll right;
}
.tabs-inner .widget ul {
padding: 2px 25px;
max-height: 34px;
background: transparent none no-repeat scroll left;
}
.tabs-inner .widget li {
border: none;
}
.tabs-inner .widget li a {
display: inline-block;
padding: .25em 1em;
font: normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
color: #989898;
border-right: 1px solid #ffffff;
}
.tabs-inner .widget li:first-child a {
border-left: 1px solid #ffffff;
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
color: #000000;
}
/* Headings
----------------------------------------------- */
h2 {
font: normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
color: #000000;
margin: 0 0 .5em;
}
h2.date-header {
font: normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #7b7b7b;
}
/* Main
----------------------------------------------- */
.main-inner .column-center-inner,
.main-inner .column-left-inner,
.main-inner .column-right-inner {
padding: 0 0px;
}
.section {
margin: 0px;
}
.main{
margin-left:20px;
}
.Blog{
margin:0;
background: #fff;
box-shadow: 0 0 4px #a9a9a9;
}
.main-outer {
margin-top: 0;
background: transparent none no-repeat scroll top left;
}
.main-inner {
padding:20px 0 0;
}
.main-cap-top {
position: relative;
}
.main-cap-top .cap-right {
position: absolute;
height: 0;
width: 100%;
bottom: 0;
background: transparent none repeat-x scroll bottom center;
}
.main-cap-top .cap-left {
position: absolute;
height: 0;
width: 0;
right: 0;
bottom: 0;
background: transparent none no-repeat scroll bottom left;
}
/* Posts
----------------------------------------------- */
.post-body {
}
.post-body {
color: #333333;
font-family:Tahoma;
}
.post-outer {
padding: 10px 15px;
border-bottom: 1px solid #e9e9e9;
border-top: 4px solid #FFA810;
}
h3.post-title {
margin: 0 0 4px 0;
color: #00B4FF;
font: 18px droidkufi-bold;
}
h3.post-title a {
color: #00B4FF;
font: 18px droidkufi-bold;
}
h3.post-title a:hover {color: #ffa800;}
.comments h4 {
font: 18px arial ;
margin: 1em 0 0;
}
.comment-form{
max-width:100% !important;
}
.post-body {
font-size: 105%;
line-height: 26px;
position: relative;
}
.post-header {
padding: 0;
color: #818181;
font-size: 12px;
}
.post-header a{color:#818181;}
.post-header a:hover{color:#ffa800;}
.post-header-line-1{
display:none;}
.info-pr{
margin-top: 15px;
}
.author-2, .comment-link-2, .timestamp-2{ font:12px tahoma;}
.author-2 a, .comment-link-2 a, .timestamp-2 a{ font:12px tahoma;}
.author-2{
margin: 0;
padding: 0 18px 0 0;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx7FLGv8ChWAEFFIx0o8cuGe-tm9wgvHVlAZF3TQMHCiXKLj_SWWKQgikUN3ZK0f8dkcQvNOpn5hvckrYLu82HtFRcZef8NeJv_rQ4ZqwDjVkqcTan-aPfrvMYnUAoUJKjT3WVmVIZSvw/s1600/admn.png") right center no-repeat;
text-decoration: none;
float:right;
}
.timestamp-2{
margin: 0;
padding: 0 18px 0 0;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTCNTRjgyBm0JHJkeEjKraDnKk7VDTKDzoybDWjsLISuPadYHFNc7XHoyI1tWUxGCcX2Q32xHXqasTwzj8C_75ALiBc0_AVVoV55Lz5Z14WrtJ-pcshUt9cj8-2UEiYT8gRXcnDpqCzSc/s1600/date.png") right center no-repeat;
text-decoration: none;
float:right;
}
.info-post{
float: right;
width: 285px;
height: 34px;
color: #b6b6b6;
margin-top: 6px;
}
.info-post a{
color:#b6b6b6;
}
.info-post1{
padding: 7px 12px 8px;
background:#f7f7f7;
float:right;
}
.info-post2{
padding: 7px 12px 8px;
background:#ededed;
float:right;
}
.rmlink a {
background: #ffa800;
color: #fff;
font-size: 12px;
font-family: droidkufi-bold, tahoma;
padding: 6px 14px 8px;
border-radius: 3px;
box-shadow: inset 0px -3px 0px 0px #ff9600;
}
.rmlink a:hover {background: #595959;}
.post-footer {
margin: 0px 0 0;
padding: 0px 0 0;
color: #7b7b7b;
display:none;
}
#blog-pager {
padding: 10px;
margin:0;
}
#comments .comment-author {
padding-top: 1.5em;
border-top: dashed 1px #777777;
background-position: 0 1.5em;
}
#comments .comment-author:first-child {
padding-top: 0;
border-top: none;
}
.avatar-image-container {
margin: .2em 0 0;
}
/* Comments
----------------------------------------------- */
.comments .comments-content .icon.blog-author {
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}
.comments .comments-content .loadmore a {
border-top: 1px solid #777777;
border-bottom: 1px solid #777777;
}
.comments .continue {
border-top: 2px solid #777777;
}
/* Widgets
----------------------------------------------- */
.widget ul, .widget #ArchiveList ul.flat {
padding: 0;
list-style: none;
}
.widget ul li, .widget #ArchiveList ul.flat li {
padding: .35em 0;
text-indent: 0;
}
.widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {
border-top: none;
}
.widget .post-body ul {
list-style: disc;
}
.widget .post-body ul li {
border: none;
}
.widget .zippy {
color: #777777;
}
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
}
.post-body .tr-caption-container {
padding: 8px;
}
.post-body img{
margin:8px 0 0 8px;
padding:0;
border: 8px solid #ebebeb;
}
.post-body .tr-caption-container {
color: #333333;
}
.post-body .tr-caption-container img {
padding: 0;
background: transparent;
border: none;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}
/* Footer
----------------------------------------------- */
.footer-outer {
color:#a5a5a5;
background:#595959;
margin:0 !important;
border-top: 4px solid #FFA810;
}
.footer-outer a {
color: #a5a5a5;
}
.footer-outer a:visited {
color: #a5a5a5;
}
.footer-outer a:hover {
color:#e75139;
}
.footer-outer .widget h2 {
color: #ededed;
font-size: 13px;
font-family: droidkufi-bold, tahoma;
padding-bottom: 10px;
padding-right: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8rBHwBum4WDUwvYI3xx2iP9Td941MYWZXGJ8kT6HCwZUO9VmBMU2ar8rdxUH0nspN4pQHVnj6rSJhbEmYh36QJvV8yaRAIRDWfWkAWzrl2gj62TiS-XVmM5_y3yWyvZMa65TpZyFBqaQ/s1600/btm-so.png) bottom repeat-x;
}
/* Mobile
----------------------------------------------- */
body.mobile {
background-size: 100% auto;
}
.mobile .body-fauxcolumn-outer {
background: transparent none repeat scroll top left;
}
html .mobile .mobile-date-outer {
border-bottom: none;
background: transparent url(//www.blogblog.com/1kt/watermark/post_background_birds.png) repeat scroll top left;
_background-image: none;
margin-bottom: 10px;
}
.mobile .main-cap-top {
z-index: -1;
}
.mobile .content-outer {
font-size: 100%;
}
.mobile .post-outer {
padding: 10px;
}
.mobile .main-cap-top .cap-left {
background: transparent none no-repeat scroll bottom left;
}
.mobile .body-fauxcolumns .cap-top {
margin: 0;
}
.mobile-link-button {
background: transparent url(//www.blogblog.com/1kt/watermark/post_background_birds.png) repeat scroll top left;
}
.mobile-link-button a:link, .mobile-link-button a:visited {
color: #989898;
}
.mobile-index-date .date-header {
color: #7b7b7b;
}
.mobile-index-contents {
color: #989898;
}
.mobile .tabs-inner .section {
margin: 0;
}
.mobile .tabs-inner .PageList {
margin-left: 0;
margin-right: 0;
}
.mobile .tabs-inner .PageList .widget-content {
margin: 0;
color: #000000;
background: transparent url(//www.blogblog.com/1kt/watermark/post_background_birds.png) repeat scroll top left;
}
.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
border-left: 1px solid #ffffff;
}
/* Author Bio */ .postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 0.7em; } .postauthor img { border: 5px solid #e2dede; float: right; margin-left: 1em; } .postauthor h3 { color: #666; font-size: 1.2em; margin-bottom: 5px; margin-top: 0; } .postauthor p { color: #515151; font-size: 12px; margin-bottom: 10px; margin-top: 0; } /* Author Bio End */
@font-face {
font-family: 'DroidKufi-regular';
font-style: normal;
font-weight: 400;
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot);
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff2) format('x-woff2'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff) format('woff'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'DroidKufi-Bold';
font-style: normal;
font-weight: 700;
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot);
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2) format('x-woff2'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff) format('woff'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf) format('truetype');
textarea {
background:#FFF;
font-family:"Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
padding:10px 15px;
border:1px solid #CCC;
line-height:18px;
text-align:left;
overflow: auto;
margin:0;
direction:ltr;
border-radius:5px;
}
.codeBox:hover ,#codeBox:hover ,
textarea:hover,textarea:focus {
box-shadow:inset 0 1px 2px #CCC;
border-color:#BBB;
outline:none;
}
html {overflow-x: hidden;}
--></style>
<style id='template-skin-1' type='text/css'><!--
body {
min-width: 970px;
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 970px;
max-width: 970px;
_width: 970px;
}
.main-inner .columns {
padding-left: 300px;
padding-right: 0px;
}
.main-inner .fauxcolumn-center-outer {
left: 300px;
right: 0px;
/* IE6 does not respect left and right together */
_width: expression(this.parentNode.offsetWidth -
parseInt("300px") -
parseInt("0px") + 'px');
}
.main-inner .fauxcolumn-left-outer {
width: 300px;
}
.main-inner .fauxcolumn-right-outer {
width: 0px;
}
.main-inner .column-left-outer {
width: 300px;
right: 100%;
margin-left: -300px;
}
.main-inner .column-right-outer {
width: 0px;
margin-right: -0px;
}
#layout {
min-width: 0;
}
#layout .content-outer {
min-width: 0;
width: 800px;
}
#layout .region-inner {
min-width: 0;
width: auto;
}
--></style>
<style>
h3.post-title {
margin-bottom: 4px;
}
.post-footer{ display:block;}
.post-header-line-1{
background: #eee;
padding: 5px;
margin: 8px 0;
}
@media only screen and (max-width: 749px) and (min-width: 445px){
.post-body img {width: 290px;height: 180px;}
iframe {width:410px;height: 270px;}
}
@media only screen and (max-width: 444px){
.post-body img {width: 210px;height: 150px;}
iframe {width: 255px;height: 170px;}
}
.widget{
line-height: 22px !important;
}
.stwrapper{
left: 10px !important;
}
#Label1 li {
background:#fafafa url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNqJFwhFX4y_vkbVPoqtBHl30m3eNCTiNFHG4YMOu9FQQeDuElugcr6ut62F7UKMvn1ChVIIHD3hQ-62NODMLLVs6vSN8mZu8rNmnEG5AURPQXWTPJR7CKFpoHD3OhC_Z5HybJ1wbqGYI/s1600/label.png)right center no-repeat;
padding: 5px 25px 7px 9px;
margin: 0 0 10px 10px;
display: inline-block;
float: right;
border: 1px solid #d7d7d7;
border-radius: 5px;
color:#aeaeae;
}
#Label1 li a{color:#aeaeae;}
#Label1 li:hover { background:#efefef url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNqJFwhFX4y_vkbVPoqtBHl30m3eNCTiNFHG4YMOu9FQQeDuElugcr6ut62F7UKMvn1ChVIIHD3hQ-62NODMLLVs6vSN8mZu8rNmnEG5AURPQXWTPJR7CKFpoHD3OhC_Z5HybJ1wbqGYI/s1600/label.png)right center no-repeat;}
}
#CustomSearch1_form {
background: white;
padding: 0px !important;
height: 41px;
border-radius: 5px;
box-shadow: 0 0 3px #ABABAB;
}
#CustomSearch1_form input.gsc-input {
width: 233px;
padding: 7px 5px;
float: right !important;
margin: 0px 0px 0px 0;
border-radius: 5px;
border: none;
}
#CustomSearch1 input.gsc-search-button {
border: none;
padding: 10px 5px;
float: right !important;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiymHTLti5Yf9-vnbe0MaIZKe4zueZfmWSuIOHTdUtOWE2QrP9Ypo65TazpMDNUi_mFhdea60XTwCiqnABS-aNfAiaYkzpx4bLHxYbab3m2TUDRI_xGWdP0uOhsAPLsUWfk8jr48LJ-aOQ/s1600/search.gif)center no-repeat;
color: transparent;
cursor: pointer;
}
table.gsc-search-box td.gsc-input{
padding:0 12px 0 0;
}
.status-msg-wrap{
display:none;
}
.post img { max-width:410px; width: expression(this.width > 410 ? 410: true); }
/* Author Bio */
.postauthor {
background: #F5F5F5;
border-top: 1px solid #e1e1e0;
border-bottom: 1px solid #e1e1e0;
overflow: hidden;
padding: 0.7em;
}
.postauthor img {
border: 5px solid #e2dede;
float: right;
margin-left: 1em;
}
.postauthor h3 {
color: #666;
font-size: 1.2em;
margin-bottom: 5px;
margin-top: 0;
}
.postauthor p {
color: #515151;
font-size: 12px;
margin-bottom: 10px;
margin-top: 0;
}
/* Author Bio End */
.post img {-webkit-transition: -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
padding: 5px 5px 5px 5px;
-webkit-transform: rotate(+2deg);
-moz-transform: rotate(+2deg);
}
.post img:hover {
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
}
]]></b:skin>
<b:template-skin>
<b:variable default='960px' name='content.width' type='length' value='1000px'/>
<b:variable default='0' name='main.column.left.width' type='length' value='310px'/>
<b:variable default='310px' name='main.column.right.width' type='length' value='0px'/>
<![CDATA[
body {
min-width: $(content.width);
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: $(content.width);
max-width: $(content.width);
_width: $(content.width);
}
.main-inner .columns {
padding-left: $(main.column.left.width);
padding-right: $(main.column.right.width);
}
.main-inner .fauxcolumn-center-outer {
left: $(main.column.left.width);
right: $(main.column.right.width);
/* IE6 does not respect left and right together */
_width: expression(this.parentNode.offsetWidth -
parseInt("$(main.column.left.width)") -
parseInt("$(main.column.right.width)") + 'px');
}
.main-inner .fauxcolumn-left-outer {
width: $(main.column.left.width);
}
.main-inner .fauxcolumn-right-outer {
width: $(main.column.right.width);
}
.main-inner .column-left-outer {
width: $(main.column.left.width);
right: 100%;
margin-left: -$(main.column.left.width);
}
.main-inner .column-right-outer {
width: $(main.column.right.width);
margin-right: -$(main.column.right.width);
}
#layout {
min-width: 0;
}
#layout .content-outer {
min-width: 0;
width: 800px;
}
#layout .region-inner {
min-width: 0;
width: auto;
}
]]>
</b:template-skin>
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */
summary_img = 250; /* طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 128; /* عرض الصورة في الملخص*/
img_thumb_width = 128; /*طول الصورة في الملخص */
</script>
<script src='http://abuiyad.googlecode.com/svn/read-more-right.js' type='text/javascript'/><font size='0'><a href='http://www.monte-escalier-prix.org'/></font>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='مطوري الحاسوب' property='og:site_name'/>
<meta content='http://store2.up-00.com/Nov12/lRq64884.png' property='og:image'/>
<meta content='472922296096064' property='fb:app_id'/>
<meta content='106448076202314' property='fb:admins'/>
<meta content='article' property='og:type'/>
</head>
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.defineSlot('/30954505/kbira', [300, 250], 'div-gpt-ad-1344637249522-0').addService(googletag.pubads());
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
<script type='text/javascript'>var switchTo5x=true;</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 400;
summary_img = 280;
img_thumb_height = 161;
img_thumb_width = 210;
</script>
<script src='http://abuiyad.googlecode.com/svn/read-more-right.js' type='text/javascript'/>
<!-- <body> -->
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({xfbml: true, appId:472922296096064 });
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/ar_AR/all.js'
document.getElementById('fb-root').appendChild(e);
}());
</script>
<body expr:class='"loading" + data:blog.mobileClass'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '437442522957633',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/ar_AR/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<b:if cond='data:blog.pageType == "index"'>
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
<meta expr:content='data:blog.title' itemprop='name'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
</b:if>
</div>
</b:if>
<div class='body-fauxcolumns'>
<div class='fauxcolumn-outer body-fauxcolumn-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</div>
<div class='content'>
<div class='content-fauxcolumns'>
<div class='fauxcolumn-outer content-fauxcolumn-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</div>
<div class='content-outer'>
<div class='content-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left content-fauxborder-left'>
<div class='fauxborder-right content-fauxborder-right'/>
<div class='content-inner'>
<header>
<div class='header-outer'>
<div class='header-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left header-fauxborder-left'>
<div class='fauxborder-right header-fauxborder-right'/>
</div>
<div class='header-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</header>
<div class='tabs-outer'>
<div class='tabs-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left tabs-fauxborder-left'>
<div class='fauxborder-right tabs-fauxborder-right'/>
<div class='region-inner tabs-inner'>
<div class='tabs section' id='crosscol'/>
<div class='tabs section' id='crosscol-overflow'/>
</div>
</div>
<div class='tabs-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<div class='h'>
<div class='top'>
<div class='menu1'>
<ul>
<li><a class='home' href='http://www.alam3arb.com/2013/04/blog-post_14.html' target='_blank'>تعريب قوالب</a></li>
<li><a href='http://www.alam3arb.com/2013/04/blog-post_4199.html'>مسابقة عالم العرب</a></li>
<li><a href='http://www.alam3arb.com/2013/04/blog-post_4098.html' target='_blank'>تحويل العملات</a></li>
<li><a href='http://www.alam3arb.com/p/5-30-fahdhd7gmail.html' target='_blank'> قالب عالم العرب</a></li>
</ul>
<a href='https://www.facebook.com/d7ak.m3arask'><div class='face'/></a>
<a href='https://twitter.com/alam3arbcom'><div class='twt'/></a>
<a href=' http://www.youtube.com/user/TaNjeRTv1'><div class='you'/></a>
<a href='https://plus.google.com/108955442810725743449'><div class='gp'/></a>
</div>
</div>
</div>
<div class='logoandans'>
<a href='http://alam3arb.com'><img class='logo' src='http://store2.up-00.com/Nov12/lRq64884.png'/></a>
<div class='ads'>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-2025572867927242";
/* blog2 */
google_ad_slot = "6755089016";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div>
<div class='m'>
<div class='menu2'>
<ul>
<li><a class='home' href='http://www.alam3arb.com/'/></li>
<li><a href='http://www.alam3arb.com/p/blog-page_7220.html'>الفهرس</a></li>
<li><a href='http://www.alam3arb.com/search/label/%D8%A3%D9%83%D8%AB%D8%B1%20%D8%A7%D9%84%D8%AA%D8%AD%D9%85%D9%8A%D9%84'>أكثر التحميل</a></li>
<li><a href='http://www.alam3arb.com/search/label/%D8%AD%D9%84%D9%82%D8%A7%D8%AA'>حلقات</a></li>
<li><a href='http://www.alam3arb.com/p/blog-page_16.html'>محرر أكواد </a></li>
<li><a href='http://www.alam3arb.com/search?q=%D8%A8%D9%84%D9%88%D8%AC%D8%B1'>بلوجر</a></li>
<li><a href='http://www.alam3arb.com/search/label/%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA'>مقالات</a></li>
<li><a href='http://www.alam3arb.com/p/blog-page_28.html'>فوتوشوب اونلاين</a></li>
<li><a href='http://www.alam3arb.com/p/blog-page_30.html'>التبادل الاعلاني</a></li>
<li><a href='http://www.alam3arb.com/p/2010.html'>إلتحق بفريق التدوين</a></li>
<li><a href='http://www.alam3arb.com/p/blog-page_4714.html'>إتصل بنا</a></li>
</ul>
</div>
</div>
<div class='main-outer'>
<div class='main-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left main-fauxborder-left'>
<div class='fauxborder-right main-fauxborder-right'/>
<div class='region-inner main-inner'>
<div class='columns fauxcolumns'>
<div class='fauxcolumn-outer fauxcolumn-center-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<div class='fauxcolumn-outer fauxcolumn-left-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<div class='fauxcolumn-outer fauxcolumn-right-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<!-- corrects IE6 width calculation -->
<div class='columns-inner'>
<div class='column-center-outer'>
<div class='column-center-inner'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='false' title='رسائل المدونة الإلكترونية' type='Blog'>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</b:if>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</a>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<data:post.body/>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZmE5SMwwUkCwLTU3yZN7LLqDsSJLyarZ6QHLErWpXlRPDCEVCMBU1pPGuf46FA6ciwJlFdZ6msG4gVZz_IvtHZL3wMtDEaPk5p7DE-YX1u2j-6uAU7wp93kyWLqFdjA0jpsmTV-vztf8/s1600/user.png) no-repeat scroll top right;padding-right:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFopAErHrav8se4Fl8mmIRBHcr6fCVNjaU2U_KLysUZGs8wvX8nIaWB4URXPLsuge3tmphp-otA-AAhM8T2mzeaQGAXaOJ1TAadJzIL5g6P9Rj67MTWYyiOzKU26s9d3hbLTlGumsDWYg/s1600/clock.png ) no-repeat scroll top right;padding-right:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjckg4XO1iJBxfA-rP_GttMWB8LCm9iA9sRF4bRiJLUa1Kj8vViCg7RWD8L50aXYbOPUA-E5jyiRyWIa2588Ux526RvWd5_DQjnOr8Rt_0MSaWoMSfCGFVl9HvUBZhN-sBVkJ9OwihW0Hs/s1600/folder.png) no-repeat scroll top right;padding-right:25px;font-size:11px;'><b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?max-results=8"' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>|</b:if>
</b:loop>
</b:if></font>
<span class='post-comment-link' style='Float:left;'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRCr0tNKEKVF3C6BLzwFvYC9A2bV0sHk451vj3NaO1Wo9UVV6Er1wheKhg8kzoGvyH96H_vrDQ9YYK3yJT9sftWPxoKgukxP8yqmbHIIajMx2Nr1M3xdbNqdDoxBAoefsbLb2rb2EVkuI/s1600/comment.png) no-repeat;Padding-left:20px;'><b:if cond='data:post.numComments == 0'>تعليقات<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/>تعليقات<b:else/><data:post.numComments/>تعليقات</b:if> </b:if></a>
</b:if>
</b:if>
</span>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span> <span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span> <span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:if>
</span> <span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div> </div>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<b:if cond='data:blog.pageType == "static_page"'><br/><data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:left;padding-top:0px;'><a expr:href='data:post.url'>اقرأ المزيد</a></span>
<a href='http://abu-iyad.blogspot.com/2010/07/read-more-for-blogger.html' style='display:none;'>Résumé</a><a href='http://abu-iyad.blogspot.com' style='display:none;'>abuiyad</a> </b:if> <b:if cond='data:blog.pageType == "item"'>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-2025572867927242";
google_ad_host = "pub-1556223355139109";
/* blog3 */
google_ad_slot = "3662021816";
google_ad_width = 250;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<data:post.body/><br/>
<script type='text/javascript'><!--
google_ad_client = "ca-pub-2025572867927242";
google_ad_host = "pub-1556223355139109";
/* blog4 */
google_ad_slot = "5138755012";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>
</script>
<b:if cond='data:blog.pageType == "item"'>
<div class='postauthor'>
<img alt='' height='80' src='http://www.shy22.com/upfiljpg/ym235300.jpg' width='80'/>
<h3>بقلم <a href='Blog Link'>فهد الفغلومي </a></h3>
<p>فهد الفغلومي : 19 سنة مدون و مبرمج و محترف في عالم المدونات و المواقع و المنتديات و مهتم بشؤون معلوميات وأدرس في ثانية باكالوريا</p>
</div>
</b:if>
</b:if>
</b:if><font size='0'><a href='http://www.monte-escalier-prix.org'/></font>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<div class='post-footer-line post-footer-line-3'/>
<b:if cond='data:blog.pageType == "item"'>
<div style='width: 620px;height: 24px;padding: 7px;background: #F7F7F7;margin: 10px 0;border-radius: 5px;border: 1px solid #DFDFDF;'>
<h3 style='color: #FFA810; font-size: 16px; font-family: Arial,Helvetica,Sans-serif; font-weight: bold; text-shadow: 0 1px 0 white; width:50px; float:right;'> شاركها !</h3>
<span class='st_facebook_hcount' displayText='Facebook' style='float:left;'/>
<span class='st_twitter_hcount' displayText='Tweet' style='float:left;'/>
<span class='st_fblike_hcount' displayText='Facebook Like' style='float:left;'/>
<span class='st_plusone_hcount' displayText='Google +1' style='float:left;'/>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1' width='640'/>
</div>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML9' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='column-left-outer'>
<div class='column-left-inner'>
<aside>
<macro:include id='main-column-left-sections' name='sections'>
<macro:param default='0' name='num' value='1'/>
<macro:param default='sidebar-left' name='idPrefix'/>
<macro:param default='sidebar' name='class'/>
<macro:param default='true' name='includeBottom'/>
</macro:include>
</aside>
</div>
</div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<aside>
<macro:include id='main-column-right-sections' name='sections'>
<macro:param default='2' name='num' value='0'/>
<macro:param default='sidebar-right' name='idPrefix'/>
<macro:param default='sidebar' name='class'/>
<macro:param default='true' name='includeBottom'/>
</macro:include>
</aside>
</div>
</div>
</div>
<div style='clear: both'/>
<!-- columns -->
</div>
<!-- main -->
</div>
</div>
<div class='main-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<footer>
<div class='footer-outer'>
<div class='footer-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left footer-fauxborder-left'>
<div class='fauxborder-right footer-fauxborder-right'/>
<div class='region-inner footer-inner'>
<macro:include id='footer-sections' name='sections'>
<macro:param default='2' name='num' value='3'/>
<macro:param default='footer' name='idPrefix'/>
<macro:param default='foot' name='class'/>
<macro:param default='false' name='includeBottom'/>
</macro:include>
<b:section class='foot' id='footer-3' showaddelement='no'/>
</div>
</div>
<div class='footer-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</footer>
<!-- content -->
</div>
</div>
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</div>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
<b:include data='blog' name='google-analytics'/>
</body>
<macro:includable id='sections' var='col'>
<macro:if cond='data:col.num == 0'>
<macro:else/>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-1"' preferred='yes' showaddelement='yes'/>
<macro:if cond='data:col.num >= 2'>
<table border='0' cellpadding='0' cellspacing='0' mexpr:class='"section-columns columns-" + data:col.num'>
<tbody>
<tr>
<td class='first columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/>
</td>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/>
</td>
<macro:if cond='data:col.num >= 3'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/>
</td>
</macro:if>
<macro:if cond='data:col.num >= 4'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-4"'/>
</td>
</macro:if>
</tr>
</tbody>
</table>
<macro:if cond='data:col.includeBottom'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/>
</macro:if>
</macro:if>
</macro:if>
</macro:includable>
<!-- Stylish colored Navigation Widget For Blogger By tqarob @ http://www.tqarob.blogspot.com -->
<style type='text/css'>
.recherche{
float:left;
height:25px;
width:205px;
margin-top:-5px;
}
.barre input {
border:1px solid #ccc !important;
border-radius:5px;
height:20px;
text-align:right;
background:#efefef !important;
float:right !important;
font:13px Tahoma, Geneva, sans-serif;
padding-right:3px;
}
.btn input {
background:#FFA810;
border-radius:5px;
border-style:none;
font:13px Tahoma, Geneva, sans-serif;
padding:1px 8px 4px 8px;
cursor:pointer;
color:#FFA810;
float:left !important;
}
#blog-pager{padding:5px 0 !important;}
.showpageArea {font-weight: bold;margin:5px;}/* www.way2blogging.org */
.showpageArea a {text-decoration:underline;color: #9d9d9d;}/* www.tqarob.blogspot.com */
.showpageNum a, .showpage a {
color: #FFA810;
text-decoration:none;
margin:0 3px;
padding:5px 10px;
text-align:center;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); }/* www.tqarob.blogspot.com */
.showpagePoint {
border-radius:50px;
color: #fff;
text-decoration:none;
margin:0 3px;
padding:5px 10px;
background: #e75139;
text-align:center;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
}
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0; text-align:center; }/* www.tqarob.blogspot.com */
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#9d9d9d;}/* www.tqarob.blogspot.com */
</style>
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=9;
var numshowpage=11;
var downPageWord ='»';
var upPageWord ='«';
</script>
<script src='http://tqarob.googlecode.com/files/tqarob_bloggerpagenavi.js' type='text/javascript'/>
<!-- Stylish colored Numbered Page Navigation Widget For Blogger By tqarob @ http://www.tqarob.blogspot.com -->
<div class='f'>
<div class='ftr'>
<p>
جميع الحقوق محفوظة لمطوري الحاسوب © 2013 |
<a href='http://infoarabs.blogspot.com/p/blog-page_9193.html'>سياسة الخصوصية</a> | تصميم :
<a href='http://www.facebook.com/ahmed.fitri.pro'>أحمد</a>
</p>
</div>
</div>
<style>
.f{
width:100%;
height: 32px;
background:#595959;
border-top: 3px solid #FFA810;
}
.ftr{
width:960px;
margin:0 auto;
}
.ftr p{
margin:8px 0 0 0;
font:12px tahoma;
color:#FFFFFF;
float:right;
}
.ftr p a{color:#FFA810;}
.ftr img{
float:left;
margin:1px 0 0 0;
}
</style>
<b:section-contents id='sidebar-left-1'>
<b:widget id='HTML2' locked='false' title='تابعنا على شبكاتنا الإجتماعية' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='تابعونا على الشبكات الإجتماعية' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML5' locked='false' title='انضم الينا على الفيس بوك' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML10' locked='false' title='المواضيع النشطة' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML4' locked='false' title='التبادل الإعلاني' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='يشرفنا أن تكون من أعضاءنا' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='LinkList99' locked='false' title='Top Menu' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML23' locked='false' title='تابعنا على الفيسبوك' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Header1' locked='true' title='موقع الرسمي للثانوية مولاي رشيد بطنجة (رأس الصفحة)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>
<!--Show just the image, no text-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:else/>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
<b:widget id='Image1' locked='false' title='' type='Image'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:link != ""'>
<a expr:href='data:link'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
<b:if cond='data:caption != ""'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='أقسام المدونة' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='rtl'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='rtl'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='PageList99' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML6' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML15' locked='true' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'>
<b:includable id='main'>
<b:if cond='data:feedbackSurveyLink'>
<div class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>
<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != ""'>
<data:attribution/>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='المشاركات الشائعة' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='من أنا' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> <!-- team blog profile -->
<ul>
<b:loop values='data:authors' var='i'>
<li><a class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='"background-image: url(" + data:i.profileLogo + ");"'><data:i.display-name/></a></li>
</b:loop>
</ul>
<b:else/> <!-- normal blog profile -->
<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' expr:href='data:userUrl' expr:style='"background-image: url(" + data:profileLogo + ");"' rel='author'>
<data:displayname/>
</a>
<b:if cond='data:hasgoogleprofile'>
<br/>
<div class='g-plus' data-action='follow' data-width='100' expr:data-href='data:userUrl'/>
</b:if>
</dt>
<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>
<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='أرشيف المدونة الإلكترونية' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
</b:widget>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("iframes-styles-bubble", function() {
if (window.iframes && iframes.open) {
iframes.open(
'//www.blogger.com/navbar.g?targetBlogID\0752707225888509667300\46blogName\75%D9%85%D9%88%D9%82%D8%B9+%D8%A7%D9%84%D8%B1%D8%B3%D9%85%D9%8A+%D9%84%D9%84%D8%AB%D8%A7%D9%86%D9%88%D9%8A%D8%A9+%D9%85%D9%88%D9%84%D8%A7%D9%8A+%D8%B1%D8%B4%D9%8A%D8%AF+%D8%A8%D8%B7%D9%86%D8%AC%D8%A9\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://lymrachid.blogspot.com/search\46blogLocale\75ar\46v\0752\46homepageUrl\75http://lymrachid.blogspot.com/\46vt\75-1374225600913789412',
{
container: "navbar-iframe-container",
id: "navbar-iframe"
},
{
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
</b:section-contents><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'>
<b:widget id='Text1' locked='false' title='التوافق' type='Text'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section-contents><b:section-contents id='footer-2-2'>
<b:widget id='Followers1' locked='false' title='المتابعون' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<b:if cond='data:codeSnippet != ""'>
<h2 class='title'><data:title/></h2>
<b:else/>
<b:if cond='data:totalFollowerCount != ""'>
<h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
</b:if>
</b:if>
</b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:codeSnippet != ""'>
<div style='margin-right:2px;'>
<data:codeSnippet/>
</div>
<b:else/>
<b:if cond='data:totalFollowerCount == ""'>
<span class='item-control following-not-admin'>
<b><data:failureSnippet/></b>
</span>
<span class='item-control blog-admin'>
<b><data:adminFailureSnippet/></b>
</span>
<b:else/>
<b:if cond='data:followingLinkPresent'>
<div class='follow-this profile-link item-control following-follow-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:followThisMessage/>
</a>
</div>
<div class='follow-this profile-link item-control following-stop-following-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:stopFollowingMessage/>
</a>
</div>
</b:if>
<div class='followers-grid'>
<b:if cond='data:totalFollowerCount == 0'>
<div class='profile-link item-control following-follow-this'>
<data:emptyFollowersMessage/>
</div>
</b:if>
<!--
Relies on the js written out in navbar.gxp
-->
<b:loop values='data:followers' var='follower'>
<div class='follower'>
<a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
<img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
</a>
</div>
</b:loop>
<div class='clear'/>
</div>
<div class='followers-canvas profile-link'>
<data:followersFooterMessage/>
<span class='item-control following-not-admin'>
<a expr:href='data:followersUri'>
<data:viewAllMessage/>
</a>
</span>
<span class='item-control blog-admin'>
<a expr:href='data:manageFollowersUri'>
<data:manageFollowersMessage/>
</a>
</span>
</div>
</b:if>
</b:if>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section-contents><b:section-contents id='footer-2-3'>
<b:widget id='HTML8' locked='false' title='خدماتنا المجانية' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section-contents></html>
