تحميل قالب مدونة علي نائل الاصدار الاول v1
السلام عليكم ورحمة الله وبركاته
معاينة القالب : "ALI NAEL"
مواصفات واضافات القالب
1- (شريط كلمة الادارة المتحرك (يمكنك التعديل عليه -قالب-تحرير
2- سلايد شو متحرك
3-كود التبادل الاعلاني المتميز-
كود بلغة HTML:
<!--Advertisement Banners By alinaeliq.blogspot.com-->
<style>
.FoulsCode-Ads ul{
list-style-type:none;
margin: 0px auto;
padding: 10px 0px 10px 0px;
width:270px;
overflow:hidden;
}
.FoulsCode-Ads ul li{
list-style-type:none;
margin: 0px 5px 10px 5px;
float:left;
display:inline;
background:orange;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
border-radius:100%;
-webkit-border-radius:100%;
-moz-border-radius:100%;
-o-border-radius:100%;
}
.FoulsCode-Ads ul li:hover {
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-o-border-radius:15%;
-webkit-border-radius:15%;
-moz-border-radius:15%;
border-radius:15%;
}
.FoulsCode-Ads ul li:active {
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
-o-border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.FoulsCode-Ads ul li a img{
-webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 8px rgba(0,0,0,0.5);
box-shadow:0 0 8px rgba(0,0,0,0.5);
padding:3px;
}
</style>
<div class="FoulsCode-Ads">
<ul>
<li style="background:#e42b2b !important;">
<a href="http://alinaeliq.blogspot.com
" rel="nofollow">
<img height="120"
src="http://lh6.ggpht.com/_PhBMR7XaHEs/TEJTuhWpHnI/AAAAAAAABis
/-NU7uweLofQ/%28F1%204%28%27%28JC_thumb%5B1%5D.png"
width="118" />
</a></li>
<li style="background:#FFE500 !important;">
<a href="https://alinaeliq.blogspot.com" rel="nofollow">
<img height="120"
src="http://lh6.ggpht.com/_PhBMR7XaHEs/TEJTuhWpHnI/AAAAAAAABis
/-NU7uweLofQ/%28F1%204%28%27%28JC_thumb%5B1%5D.png"
width="118" />
</a></li>
<li style="background:#a800ff !important;">
<a href="http://www.alinaeliq.blogspot.com"
rel="nofollow">
<img height="120"
src="http://lh6.ggpht.com/_PhBMR7XaHEs/TEJTuhWpHnI/AAAAAAAABis
/-NU7uweLofQ/%28F1%204%28%27%28JC_thumb%5B1%5D.png"
width="118" />
</a></li>
<li style="background:#41d05f !important;">
<a href="http://alinaeliq.blogspot.com" rel="nofollow">
<img height="125"
src="http://lh6.ggpht.com/_PhBMR7XaHEs/TEJTuhWpHnI/AAAAAAAABis
/-NU7uweLofQ/%28F1%204%28%27%28JC_thumb%5B1%5D.png"
width="118" />
</a></li>
</ul>
</div>
<!--Advertisement Banners By alinaeliq.blogspot.com-->
4-الانتقال السريع
رمز Code:
كود بلغة HTML:
<style> .arabetutorial-menu{ position:relative; } .arabetutorial-menu li{ float:right; width:100px; height:100px; margin:5px; list-style:none; } .arabetutorial-menu li a{ display:block; overflow:hidden; background:#EAEAEA; color:#fff; text-align:center; height:100%; width:100%; position:relative; -moz-box-shadow:1px 1px 2px #ddd; -webkit-box-shadow:1px 1px 2px #ddd; box-shadow:1px 1px 2px #ddd; text-decoration:none; border:1px solid #D5D5D5; transition:1s; } .arabetutorial-menu li b{ display:block; overflow:hidden; background:#444; color:#fff; text-align:center; margin-top:60px; padding:5px 0 5px 0; position:relative; text-decoration:none; border-top:1px solid #565656; border-bottom:1px solid #565656; transition:1s; } .arabetutorial-menu li b:hover{ background:#EAEAEA; color:#444; transition:1s; border-top:1px solid #00A6FF; border-bottom:1px solid #00A6FF; } .arabetutorial-menu li a:hover{ background:#00A6FF; transition:1s; } .arabetutorial-icon{ width:80px; height:80px; position:absolute; background-position:top left; background-repeat:no-repeat; background-color:transparent; left:35px; top:20px; } .arabetutorial-icon-home{ background-image:url(http://im31.gulfup.com/FRbbn.png); } .arabetutorial-icon-contact{ background-image:url(http://im31.gulfup.com/jtNtX.png); } .arabetutorial-icon-about{ background-image:url(http://im31.gulfup.com/b5PQM.png); } .arabetutorial-icon-demo{ background-image:url(http://im31.gulfup.com/iAJ1W.png); } .arabetutorial-icon-service{ background-image:url(http://im31.gulfup.com/qnT2q.png); } .arabetutorial-icon-bob{ background-image:url(http://im31.gulfup.com/UQ7Wo.png); } </style> <ul id="arabetutorial-menu" class="arabetutorial-menu"> <li> <a class="arabetutorial-item" href="http://goo.gl/cxAsZ"><span class="arabetutorial-icon arabetutorial-icon-home"></span><b>اضافات بلوجر</b></a> </li> <li> <a class="arabetutorial-item" href="http://goo.gl/cxAsZ"><span class="arabetutorial-icon arabetutorial-icon-demo"></span><b>قوالب بلوجر</b></a> </li> <li> <a class="arabetutorial-item" href="http://goo.gl/oi8YC"><span class="arabetutorial-icon arabetutorial-icon-service"></span><b>السكريبتات</b></a> </li> <li> <a class="arabetutorial-item" href="http://goo.gl/DkFKj"><span class="arabetutorial-icon arabetutorial-icon-contact"></span><b>العاب</b></a> </li> <li> <a class="arabetutorial-item" href="http://goo.gl/7uHHm"><span class="arabetutorial-icon arabetutorial-icon-about"></span><b>فوتوشوب</b></a></li> <li> <a class="arabetutorial-item" href="http://goo.gl/zKH27"><span class="arabetutorial-icon arabetutorial-icon-bob"></span><b>برامج كمبيوتر</b></a> </li> </ul>
5-اقسام مفيدة
رمز Code:
كود بلغة HTML:
<link href='https://sites.google.com/site/pstekblog/navigation.css' rel='stylesheet' type='text/css'/> <div id="container"> <ul class="nav"> <li> <div class="nested"> <a href="http://goo.gl/DkFKj"target="_blank">العاب</a> <ul> <li><a href="http://goo.gl/DkFKj"target="_blank">العاب كمبيوتر</a></li> <li><a href="http://goo.gl/wTFf2"target="_blank">العاب اندرويد</a></li> <li><a href="http://goo.gl/Mp1El"target="_blank">العاب ايفون</a></li> </ul> </div> </li> <li> <div class="turqoise-white nested"> <a href="http://goo.gl/zKH27"target="_blank">تطبيقات</a> <ul> <li><a href="http://goo.gl/zKH27"target="_blank">برامج كمبيوتر</a></li> <li><a href="http://goo.gl/Mp1El"target="_blank">تطبيقات ايفون</a></li> <li><a href="http://goo.gl/wTFf2"target="_blank">تطبيقات اندرويد</a></li> </ul> </div> </li> </ul> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <ul class="nav"> <li> <div class="red-white nested"> <a href="http://goo.gl/cxAsZ"target="_blank">بلوجر</a> <ul> <li><a href="http://goo.gl/cxAsZ"target="_blank">اضافات بلوجر</a></li> <li><a href="http://goo.gl/cxAsZ"target="_blank">قوالب بلوجر</a></li> </ul> </div> </li> <li> <div class="ye-white nested"> <a href="#"target="_blank">اخرى</a> <ul> <li><a href="http://goo.gl/TLb74"target="_blank">فيس بوك</a></li> <li><a href="http://goo.gl/oi8YC"target="_blank">سكريبتات</a></li> <li><a href="http://youtube.com/li06877"target="_blank">قناتي</a></li> <li><a href="http://facebook.com/alinaeljawad"target="_blank">حول</a></li> </ul> </div> </li> </ul> </div>
7-لتصفح افضل للمدونة
رمز Code:
كود بلغة HTML:
<div align=center><a href="https://www.mozilla.org/en-US/"><img src="http://im33.gulfup.com/X7rKu.png" width="200" height="200" /></a></div>
8- اداة تابعني على تويتر بشكل جميل جداً
رمز Code:
كود بلغة HTML:
<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON0/twitbutton.swf" width="150" height="150"><param name="movie" value="http://www.buzzbuttons.com/BUTTON0/twitbutton.swf" /><param name="allowscriptaccess" value="always" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="flashvars" value="username=aann772010" /><a href="http://www.gj37765.blogspot.com/" title="Widget for Blogger by Making Different">Widget for Blogger by Making Different</a><embed src="http://www.buzzbuttons.com/BUTTON0/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="150" height="150" menu="false" wmode="transparent" flashvars="username=mdwan_blogger"></embed></object>
قم بتغير aann772010
9- اداة تابعني في الجانب الايسر
رمز Code:
كود بلغة HTML:
<div id='social-sidebar'> <ul><li> <a class='entypo-twitter' href='https://twitter.com/aann772010' target='_blank'> <span>Twitter</span> </a></li><li> <a class='entypo-gplus' href='https://plus.google.com/u/0/b/ali06877' target='_blank'> <span>google+</span> </a></li><li> <a class='entypo-tumblr' href='http://www.instagram.com/aann772010' target='_blank'> <span>tumblr</span> </a></li><li> <a class='entypo-facebook' href='http://www.facebook.net/alinaeljawad' target='_blank'> <span>facebook</span> </a></li><li> <a class='entypo-rss' href='http://www.alinaeliq.blogspot.com/rss.xml' target='_blank'> <span>feedburner</span> </a></li></ul></div> <style type='text/css'> /*<![CDATA[*/ @charset "utf-8"; /* CSS Document */ /* ---------- ENTYPO ---------- *//* ---------- Digital Hub Inc : /---------- */ @import url(http://weloveiconfonts.com/api/?family=entypo); [class*="entypo-"]:before { font-family: 'entypo', sans-serif; } /* ---------- GENERAL ---------- */ #social-sidebar a { text-decoration: none; } #social-sidebar ul { list-style: none; margin: 0; padding: 0; } /* ---------- Social Sidebar ---------- */ #social-sidebar { left: 0; margin-top: -75px; /* (li * a:width) / -2 */ position: fixed; top: 50%; } #social-sidebar ul li:first-child a { border-radius: 0 5px 0 0; } #social-sidebar ul li:last-child a { border-radius: 0 0 5px 0; } #social-sidebar ul li a { background: #121212; color: #fff; display: block; height: 50px; font-size: 18px; line-height: 50px; position: relative; text-align: center; width: 50px; } #social-sidebar ul li a:hover span { left: 130%; opacity: 1; } #social-sidebar ul li a span { border-radius: 3px; line-height: 24px; left: -100%; margin-top: -16px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; padding: 4px 8px; position: absolute; -webkit-transition: opacity .3s, left .4s; -moz-transition: opacity .3s, left .4s; -ms-transition: opacity .3s, left .4s; -o-transition: opacity .3s, left .4s; transition: opacity .3s, left .4s; top: 50%; z-index: -1; } #social-sidebar ul li a span:before { content: ""; display: block; height: 8px; left: -4px; margin-top: -4px; position: absolute; top: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 8px; z-index: -2; } #social-sidebar ul li a[class*="twitter"]:hover, #social-sidebar ul li a[class*="twitter"] span, #social-sidebar ul li a[class*="twitter"] span:before { background: #6CDFEA; } #social-sidebar ul li a[class*="gplus"]:hover, #social-sidebar ul li a[class*="gplus"] span, #social-sidebar ul li a[class*="gplus"] span:before { background: #E34429; } #social-sidebar ul li a[class*="tumblr"]:hover, #social-sidebar ul li a[class*="tumblr"] span, #social-sidebar ul li a[class*="tumblr"] span:before { background: #1769ff; } #social-sidebar ul li a[class*="facebook"]:hover, #social-sidebar ul li a[class*="facebook"] span, #social-sidebar ul li a[class*="facebook"] span:before { background: #234999; } #social-sidebar ul li a[class*="rss"]:hover, #social-sidebar ul li a[class*="rss"] span, #social-sidebar ul li a[class*="rss"] span:before { background: #f57b05; } /*]]>*/ </style>
المواصفات
1- التأثير الجميل على الصور عند مرور الماوس عليها
2- تأثير مميز بخاصية اقرأ المزيد
3-شريط مميز جدا بالفوتر يمكنك التعديل عليه من القالب
4-يمكنك اضافه اعلان في الهيدر
5- تعريف الكاتب
6- المزيد من الاضافات اكتشفها بنفسك
اعتقد أن القالب كامل هو واضافاته لاتبحث ولاتتعب روحك
التحميل
| تنبيه : |
 ملاحظه القالب من تصميم يوسف ويب وانا عدلت عليه واصفت بعض الاضافات فقط |
التحميل
من ميديا فاير
أو المرفقات
كلمة شكر تكفي
تابعني على مدونتي "ALI NAEL"
end