تحميل قالب مدونة علي نائل الاصدار الاول v1

تحميل قالب مدونة علي نائل الاصدار الاول v1


السلام عليكم ورحمة الله وبركاته


معاينة القالب : "ALI NAEL"

مواصفات واضافات القالب

1- (شريط كلمة الادارة المتحرك (يمكنك التعديل عليه -قالب-تحرير

2- سلايد شو متحرك

3-كود التبادل الاعلاني المتميز-

رمز PHP:

<!--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:

<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:

<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:

<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=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:

<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

الملفات المرفقة

http://www.gulfup.com/?pq6aAq