مدونة برو إسماعيل طريقك نحو التقدم

الثلاثاء، 26 مايو 2015



بسم الله الرحمان الرحيم و الصلاة و السلام على سيدنا  و حبيبنا  قدوتنا محمد صلى الله عليه وسلم الدي نصح الأمة و كشف الغمة و جاهد في الله حق جهاده حتى أتاه  اليقين،أما بعد السلام عليكم ورحمة الله وبركاته مرحبا  بكم احبابي في الله في تدوينة جديد و حصرية في مدونتنا من خلالها سنضع بين أيديكم قالب المطور الجزائري النسخة التالتة مطور ،يحتوي على العديد من المميزات الرائعة وإنشاء الله سيعجبكم، ندعكم تكتشفون كل هدا في الصور:

صور من الصفحة الرئسية للقالب



صورة من داخل التدوينات




1-القالب متوافق مع جميع الأجهزة
2- و متوافق مع جميع المتصفحات
 3-ألوان متناسقة
 4-سلايدر شو إحترافي و تلقائي
5-القالب سهل التعديل 
6-يحتوي على أزرار المشاركة إضافة
7-إضافة التعريف بالكاتب
8-و المزيد من المميزات..
1-لتغيير لوغو إبحث عن هدا الرابط
http://up.k3l.co/img/1432586600471.png
 وغيرو لرابط لوغو الخاص بك.
2-لتشغيل السلايد شو
1. إذهب الى المدونة ثم  تخطيط .
2. إضافة أداةHTML/JavaScript HTML/JavaScript  .
3.ضيف الكود التالي.

  • <style>
  • /* CSS Responsive Slider Recent Post */
  • #slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
  • #slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative}
  • #slides ul{height:320px}
  • #slides li{width:50%;height:100%;position:absolute;display:none}
  • #slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4), #slides li:nth-child(5){display:block}
  • #slides li:nth-child(1){right:0;top:0}
  • #slides li:nth-child(2){right:50%;width:25%;height:50%}
  • #slides li:nth-child(3){right:75%;width:25%;height:50%}
  • #slides li:nth-child(4){right:50%;top:50%;width:25%;height:50%}
  • #slides li:nth-child(5){right:75%;top:50%;width:25%;height:50%}
  • #slides li:nth-child(1) h4 {overflow:hidden;font-size:16px;bottom:0;color:#fafafa;width:100%;
  • padding:10px 90px 10px 10px;text-align:right;text-transform:uppercase;background:rgba(0,0,0,0.3);
  • height:90px;font-family:'Oswald',GESSTwoMediumRegular;text-shadow:2px 2px 0 rgba(0,0,0,0.2);line-height:32px;right:0;}
  • #slides li:nth-child(1) .label_text {font-size:30px;display:block;bottom:10px;right:10px;
  • padding:0;font-family:'Oswald',GESSTwoLight;box-shadow:5px 3px 0 rgba(0,0,0,0.2);}
  • #slides li:nth-child(1) span.dd {display:block;font-size:30px;padding:12px 15px;
  • background:#ff6553;margin:0;}
  • #slides li:nth-child(1) span.dm {display:block;font-size:15px;background:#333;color:#fff;
  • padding:5px 21px;text-transform:uppercase;margin:0;}
  • #slides li:nth-child(1) span.dy, #slides li:nth-child(1) span.autname{display:none;}
  • #slides a{display:block;width:100%;height:100%;overflow:hidden}
  • #slides img{display:block;width:100%;height:auto;border:0;padding:0;background-color:#333;-moz-transform:scale(1.0) rotate(0);-webkit-transform:scale(1.0) rotate(0);-ms-transform:scale(1.0) rotate(0);transform:scale(1.0) rotate(0);transition:all 0.6s linear;}
  • #slides li a:hover img {-moz-transform:scale(1.1) rotate(1deg);-webkit-transform:scale(1.1) rotate(1deg);-ms-transform:scale(1.1) rotate(1deg);transform:scale(1.1) rotate(1deg);transition:all 0.3s linear;}
  • #slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(http://2.bp.blogspot.com/-0haO2Mfkjjk/VDgZww2tfEI/AAAAAAAAHAk/zhu3INYSkHA/s1600/fade.png);background-position:50% 40%;background-repeat:repeat-x;}
  • #slides h4{position:absolute;bottom:40px;margin:0;font-size:12px;font-family:'Oswald',GESSTwoMediumRegular;
  • right:10px;padding:5px 10px;color:#f9f9f9;z-index:3;line-height:20px;font-weight:normal;
  • background:rgba(41,41,41,0.7);text-align:right;text-transform:uppercase;margin-left:10px;}
  • #slides .label_text{font-size:14px;color:#fff;bottom:10px;z-index:3;right:10px;
  • position:absolute;background:rgba(255,101,83,0.8);padding:3px 6px;font-family:'Oswald',GESSTwoLight;
  • text-transform:uppercase;}
  • #slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname,#slides li:nth-child(4) .autname,#slides li:nth-child(5) .autname{display:none;}
  • #slides .overlayx,#slides li{transition:all .4s ease-in-out}
  • #slides li:nth-child(1) .overlayx{display:none;}
  • #slides li:hover .overlayx{opacity:0.1}
  • @media only screen and (max-width:800px){
  • #slides li:nth-child(1) h4 {font-size:29px;line-height:24px;}}
  • @media only screen and (max-width:600px){
  •   #slides ul{height:600px}
  •   #slides li:nth-child(1){width:100%;height:50%}
  •   #slides li:nth-child(2){top:50%;height:25%;right:0;width:50%}
  •   #slides li:nth-child(3){right:50%;top:50%;width:50%;height:25%}
  •   #slides li:nth-child(4){right:0;top:75%;height:25%;width:100%}
  •   #slides li:nth-child(5){display:none;}}
  • @media only screen and (max-width:480px){
  • #slides li:nth-child(1) h4 {font-size:14px;line-height:16px;}}
  • </style>
  • <div id="featuredpost"></div>
  • <script type="text/javascript" src="https://www.dropbox.com/s/ouw82qk0vdkkxf4/slidershow.js?dl=1"></script>
  • <script type='text/javascript'>
  • //<![CDATA[
  • $(document).ready(function () {
  • FeaturedPost({
  • blogURL:"http://pro-ismail..com/",
  • MaxPost:8,
  • idcontaint:"#featuredpost",
  • ImageSize:500,
  • interval:10000,
  • autoplay:true,
  • tagName:false
  • });
  • });
  • //]]>
  • </script>

  • 4- لا تنسى تغيير رابط المدونة بلون الأحمر ووضع رابط مدونتك مكانه.

تحميل القالب

  •                                                            تحميل الملف
  • كن مدون

    بإمكانك إدراج الأكواد الغير قابلة لنشر بتحويله عبر محول الأكواد لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى" عبّر عن تعليقكالإبتسامات

    :)
    :(
    hihi
    :-)
    :D
    =D
    :-d
    ;(
    ;-(
    @-)
    :P
    :o
    :>)
    (o)
    [-(
    :-?
    (p)
    :-s
    (m)
    8-)
    :-t
    :-b
    b-(
    :-#
    =p~
    $-)
    (y)
    (f)
    x-)
    (k)
    (h)
    (c)
    إتصل بنا
    كن صديقًا لنا