قالب سيكما معرب ومطور

آخر المواضيع

breaking/مقالات/9
بلوجر

إشترك في قناتنا على اليوتيوب لتتوصلو بجديد حلقاتنا التقنية

الاثنين، 22 مايو، 2017

2:04:00 م

تكبير النص تصغير النص أعادة للحجم الطبيعي
السلام عليكم ورحمة الله تعالى وبركاته, هذا اليوم سنقدم لكم قالب أجنبي يسمى Sigma تم تعريبه باحترافية وتطويره قليلا ليصبح بشكل أفضل, القالب يصلح للمدونات التقنية, نظيف من اي اكواد خبيثة وسريع في التصفح, يحتوي على سلايدر افقي احترافي يعرض آخر المواضيع بالاضافة الى شريط الاخبار, تخصيص القالب كله من التخطيط لسهولة التعديل على القالب.
مميزات القالب

  1. متجاوب مع جميع الشاشات
  2. خفيف وسريع التصفح
  3. التعديل على القالب كله من التخطيط
  4. سلايدر افقي حسب التسمية يعرض ثلاث مواضيع باحترافية
  5. شريط  اخبار متناسق
  6. عدة اماكن لوضع اعلانات ادسنس
  7. سيدبار يتوفر على آداة ثلاثية التبويبات
  8. فهرس خاص بالقالب يمكنك معاينته من هنا
  9. والمزيد
معاينة وتحميل
تخصيص القالب

  • شريط الأخبار

<span data-type="recent" data-no="5"></span>
 غير 5 بعدد المواضيع التي تريدها ان تظهر في السلايدر


  • السلايدر

<span data-type="tyard" data-label="فنون"></span>
مع تغيير فنون بالتسمية التي تريدها


  • اضافة تابعنا على مواقع التواصل الاجتماعي الموجودة في السايدبار


<style>
.social {
    margin: 0;
}
.social ul {
    border: 1px solid #CCCCCC;
    margin: 0 0 0 0;
    padding: 0;
    display: block;
    text-align: right;
}
.social ul li {
    list-style: none;
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0;
    text-transform: none;
    border-bottom: 1px solid #CCCCCC;
    width: 100%
}
.social ul li:first-child {
    border-top: 0 none;
}
.social ul li:last-child {
    border-bottom: 0 none;
}
.social ul li a {
    background-color: #F2F2F2;
    color: #404040;
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.social ul li .rss {
    background: url("http://3.bp.blogspot.com/-3oBs-HZBNgA/Um-MXE49tTI/AAAAAAAADDA/nhHOwoceAcw/s1600/RSS-1.png") no-repeat scroll right 10px center #f2f2f2;
    padding: 17.5px 60px;
}
.social ul li .twitter {
    background: url("http://1.bp.blogspot.com/-6aItDl3ZqNc/Um-MX4V-psI/AAAAAAAADDY/Py_OZyhHlWU/s1600/Twitter.png") no-repeat scroll right 10px center #f2f2f2;
    padding: 17.5px 60px;
}
.social ul li .facebook {
    background: url("http://1.bp.blogspot.com/-HgZaw6CUtdU/Um-MWmnPwPI/AAAAAAAADC0/3c1XCscZyoc/s1600/Facebook-1.png") no-repeat scroll right 10px center #f2f2f2;
    padding: 17.5px 60px;
}
.social ul li .google {
    background: url("http://2.bp.blogspot.com/-5FIdKsk95vY/Um-MYtYXQgI/AAAAAAAADDQ/cq9JDVtENWc/s1600/google.png") no-repeat scroll right 10px center #f2f2f2;
    padding: 17.5px 60px;
}
.social ul li .linkedin {
    background: url("http://3.bp.blogspot.com/-nCElo3oMz9w/Um-MW6uNwqI/AAAAAAAADC4/1tuzlkZkpNo/s1600/LinkedIn-1.png") no-repeat scroll right 10px center #f2f2f2;
    padding: 17.5px 60px;
}
.social ul li .youtube {
    background: url("http://1.bp.blogspot.com/-BD-6vOWZIek/Um-MYYscx0I/AAAAAAAADDI/ITVY2d90KtE/s1600/Youtube-1.png") no-repeat scroll right 10px center #f2f2f2;
    padding: 17.5px 60px;
}
.social-about {
    display: none;
}
.social ul li a:hover {
    color: #fff;
}
.social ul li .rss:hover {
    background-color: #F87E12;
}
.social ul li .twitter:hover {
    background-color: #4CACEE;
}
.social ul li .facebook:hover {
    background-color: #3B5998;
}
.social ul li .google:hover {
    background-color: #D44937;
}
.social ul li .linkedin:hover {
    background-color: #3692C3;
}
.social ul li .youtube:hover {
    background-color: #C6312B;
}
</style>
<div class="social">
<ul>
<li><a class="rss" href="#">
اشترك في تغذية RSS</a></li>
<li><a class="twitter" href="#">تابعي على تويتر</a></li>
<li><a class="facebook" href="#">التحق الى صفحتنا عبر الفيسبوك</a></li>
<li><a class="google" href="#" rel="author">انظم معنا في Google+</a></li>
<li><a class="linkedin" href="#">تواصل معنا على لينكدين</a></li>
<li><a class="youtube" href="#">شاهد جديدنا على يوتيوب</a></li>
</ul>
</div>
غير #  بروابط مواقعك على التواصل الاجتماعي


  • المواضيع الآخيرة الموجودة على السايدبار

<span class="latestposts" data-no="5"></span>
مع تغيير 5 بعدد المواضيع المراد عرضها


  • التعليقات

<span class="latestcomments" data-no="5"></span>

مع تغيير 5 بعدد المواضيع المراد عرضها




  •  مواضيع ذات تسمية
 

<span class="tagpost" data-label="فنون" data-no="5"></span>
مع تغيير فنون بالتسمية التي تريدها و 5 بعدد المواضيع المراد عرضها


  • من نحن الموجودة في الفوتر


<div class="widget-content">
<style>.avatar {
    float: right;
}
.avatar-85 {
    border: 3px solid #fff;
    border-radius: 85px;
    margin-left: 10px;
}
.icons-social {
    margin: 0 auto;
    clear: both;
    float: none;
}
.icons-social li {
display: inline;
padding: 0;
float: right;
}
.icons-social #social a {
display: block;
height: 42px;
width: 42px;
margin-left: 5.5px;
color: #fff;
text-align: center;
font-size: 20px;
}
.icons-social #social a:before {
display: inline-block;
font: normal normal normal 22px/1 FontAwesome;
font-size: inherit;
font-style: normal;
font-weight: 400;
line-height: 42px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icons-social .facebook:before {
content: "\f09a";
}
.icons-social .twitter:before {
content: "\f099";
}
.icons-social .gplus:before {
content: "\f0d5";
}
.icons-social .linkedin:before {
content: "\f0e1";
}
.icons-social .instagram:before {
content: "\f16d";
}
.icons-social .pinterest:before {
content: "\f0d2";
}
</style><p><img alt="author" src="http://4.bp.blogspot.com/-7pWJpJ09ct0/VnpUJoqNvKI/AAAAAAAAANw/2KR6NOt6GnE/s90-c/captain_jack_sparrow___vector.png" srcset="http://4.bp.blogspot.com/-7pWJpJ09ct0/VnpUJoqNvKI/AAAAAAAAANw/2KR6NOt6GnE/s90-c/captain_jack_sparrow___vector.png" class="avatar avatar-85 photo" height="85" width="85" />اهلا اسمي اسماعيل مدون تقني ومصم ومعرب قوالب بلوجر مغربي الجنسية من مدينو طنجة 17سنة. <br /><a href="http://ismail-tagliout.blogspot.com" style="
    color: #0288d1;
">اقرا المزيد →</a></p>
<div class="icons-social">
<ul id="social">
<li><a class="facebook" href="#" title="facebook"></a></li>
<li><a class="twitter" href="#" title="twitter"></a></li>
<li><a class="gplus" href="#" title="gplus"></a></li>
<li><a class="linkedin" href="#" title="linkedin"></a></li>
<li><a class="instagram" href="#" title="instagram"></a></li>
<li><a class="pinterest" href="#" title="pinterest"></a></li>
</ul></div>
</div> 
غير الملون بالبرتقالي بما يناسبك


  • عن الكاتب

يمكنك التعديل على وصف الكاتب من خلال آداة Author Details الموجودة في النخطيط كما تبين الصورة

أما لاضافة ايقونات التواصل الاجتماعي اسفله فعليك اضافتها من خلال الآداة الموجودة امام Author Details بإسم قائمة الروابط كما هو مبين في الصورة
الخانة المعلمة بالرقم 2 في الصورة ستملأها باالكواد التي ستجدها في موقع fontawesome.io, بعض الضغط على الايقونة التي تريدها ستنسخ الكود الاول الذي يمنحه لك الموقع وتلصقه في خانة اسم الموقع الجديد

طريقة تركيب الفهرس (معاينة الفهرس)
قم بإنشاء صفحة جديدة وقم بوضع هذا الكود [sitemap] مكان وضع الموضوع ثم حفظ وسيظهر الفهرس تلقائيا عند فتح الصفحة

هكذا سنكون انهينا موضوع اليوم الذي قدمنا لكم في قالب احترافي مع شرح شامل لطريقة التركيب لا تنسو دعمنا بالتعليقات لنقدم لكم الجديد والحصري كما العادة, دمتم في آمان الله ورمضان مبارك لكل المسلمين.




  1. الردود
    1. عفوا صديقي, شكرا لزيارتك وتعليقك الرائع <3

      حذف
  2. أخي اريد القالب بدون حقوق

    ردحذف
    الردود
    1. حقوق التصميم والتعريب ضرورية يا اخي لمراعات مجهودات الاخرين

      حذف
  3. قالب رائع وممتاز شكرا نكهة التقنية

    ردحذف
    الردود
    1. شكرا لك على رأيك زرنا مجددا

      حذف
  4. KHI SLIDER LA YADHAR FI L9ALAB

    ردحذف
    الردود
    1. توجد طريقة اظهار السلايدر بالتدوينة صديقي

      حذف

مقالات