تحميل قالب template مدونة blog علي نائل الاصدار الاول v1
السلام عليكم ورحمة الله وبركاته
معاينة القالب template : "ALI NAEL"
مواصفات واضافات القالب template
1- (شريط كلمة الادارة المتحرك (يمكنك التعديل عليه -قالب template-تحرير
2- سلايد شو متحرك
3-كود code التبادل الاعلاني المتميز-
رمز PHP:
<code style="white-space:nowrap"> <code> <!--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-->
</code> </code>
4-الانتقال السريع
رمز Code:
<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>السكريبت scriptات</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:
<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">سكريبت scriptات</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-لتصفح افضل للمدونة blog
رمز Code:
<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:
<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=aann772014" /><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>
قم بتغير aann772014
9- اداة تابعني في الجانب الايسر
رمز Code:
<div id='social-sidebar'> <ul><li> <a class='entypo-twitter' href='https://twitter.com/aann772014' 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/aann772014' 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
XImageTransform.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-شريط مميز جدا بالفوتر يمكنك التعديل عليه من القالب template
4-يمكنك اضافه اعلان في الهيدر header
5- تعريف الكاتب
6- المزيد من الاضافات اكتشفها بنفسك
اعتقد أن القالب template كامل هو واضافاته لاتبحث ولاتتعب روحك
التحميل
ملاحظه القالب template من تصميم يوسف ويب وانا عدلت عليه واصفت بعض الاضافات فقط
التحميل
من ميديا فاير
أو المرفقات
كلمة شكر تكفي
تابعني على مدونتي "ALI NAEL"
end