الأربعاء، 19 أكتوبر، 2016

تحميل قالب Ad Mag معرب بإحترافية

تحميل قالب Ad Mag معرب بإحترافية
أقوى قابل مجلة لمدونات بلوجر
قوالب بلوجر معربة


معلومات عن القالب

✔ قالب متجاوب مع جميع الأجهزة
✔ سيو جاهز
✔ أزرار المشاركة أسفل كل موضوع
✔ شريط الأخبار
✔ يحتوي على جدول لعرض المواضيع
✔ متعدد من السلايد شو
✔ أنيق وجذاب
✔ خفيف جدا رغم إظافاته الكثيرة
✘ لا يوجد به مربع البحث

مشاهدة و تحميل القالب


شرح تركيب و تعديل القالب

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

إذا أردت إظافة قائمة منسدلة إكتب الإسم بهذا الشكل _الإسم ضع شرطة _ قبل الإسم
ثم حركه أسفل الإسم الذي تريد عمل له قائمة منسدلة
مثال

القائمة المنسدلة هي المشار إليها بالخط الأحمر
و لتحرك الأسماء إستعمل الأسهم المشار إليهم بالأسفر



لإظافات السلايد شو و صناديق المواضيع
الطريقة سهلة جدا فقط توجه إلى تخطيط ثم أظف إسم قسم معين في الصناديق المشار إليها في الصورة 




إظافات القالب +
كود صندوق مواقع التواصل الإجتماع
<style>
/* Social Counter
-----------------------------------------*/
.socialcounter {
    margin-right: -4%;
}
.social_item-wrapper {
float: right;
width: 30.67%;
text-align: center;
margin-right: 4% !important;
margin-bottom: 15px !important;
}
.social_item-wrapper:nth-child(3n+3) {
margin-right: 0 !important;
}
.social_item {
position: relative;
display: block;
padding: 10px 0;
border-radius: 4px;
font-size: 0.875rem;
overflow: hidden;
}
.social_item:before {
content: '';
height: 67px;
transform: translateY(67px);
display: block;
position: absolute;
bottom: -4px;
left: 0;
right: 0;
border-radius: 4px;
}
.social_item:hover {
transform: translateY(0);
background:#e84c4c;
color:#fff;
}

.social_item {
    color: #000;
}

.social_icon {
position: relative;
margin-bottom: 8px;
font-size: 1.2rem;
z-index: 2;
}
.social_num {
position: relative;
z-index: 2;
}
</style>
<div class="socialcounter"><ul class="social-counter"><li class="social_item-wrapper"><a href="#" class="social_item social_facebook"><i class="fa fa-facebook social_icon"></i><br /><span class="social_num">544268</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_twitter"><i class="fa fa-twitter social_icon"></i><br /><span class="social_num">544268</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_youtube"><i class="fa fa-youtube social_icon"></i><br /><span class="social_num">544268</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_google-plus"><i class="fa fa-google-plus social_icon"></i><br /><span class="social_num">544268</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_rss"><i class="fa fa-rss social_icon"></i><br /><span class="social_num">544268</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_dribbble"><i class="fa fa-dribbble social_icon"></i><br /><span class="social_num">544268</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_instagram"><i class="fa fa-instagram social_icon"></i><br /><span class="social_num">544268</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_pinterest"><i class="fa fa-pinterest social_icon"></i><br /><span class="social_num">544268</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_linkedin"><i class="fa fa-linkedin social_icon"></i><br /><span class="social_num">544268</span></a></li></ul></div>
غير ما باللون الأخضر برابط حسابك
و غير ما باللون الأحمر بعدد المتابعين



كود عن الموقع في الفوتر
<div class="widget-content">
<h3 style="color:#fff;font-size: 36px;font-weight: 600;text-align: center;">عن <span style="color: #e84c4c;">لمعلم</span></h3>
<p>هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم، ولكن الغالبية تم تعديلها بشكل ما عبر إدخال بعض النوادر أو الكلمات العشوائية إلى النص. إن كنت تريد أن تستخدم نص لوريم إيبسوم ما، عليك أن تتحقق أولاً أن ليس هناك أي كلمات أو عبارات محرجة أو غير لائقة مخبأة في هذا النص. بينما تعمل جميع مولّدات نصوص لوريم إيبسوم على الإنترنت على إعادة تكرار مقاطع من نص لوريم إيبسوم نفسه عدة مرات بما تتطلبه الحاجة، يقوم مولّدنا هذا باستخدام كلمات من قاموس يحوي على أكثر من 200 كلمة لا تينية، مضاف إليها مجموعة من الجمل النموذجية، لتكوين نص لوريم إيبسوم ذو شكل منطقي قريب إلى النص الحقيقي. وبالتالي يكون النص الناتح خالي من التكرار، أو أي كلمات أو عبارات غير لائقة أو ما شابه. وهذا ما يجعله أول مولّد نص لوريم إيبسوم حقيقي على الإنترنت.</p>
<br />
<a href="#" class="email" data-original-title="" title="" style="
    color: #fff;
"><i class="fa fa-envelope" style="
    color: #e84c4c;
    float: right;
    padding: 4px 0 0 20px;
"></i>yourEmail@gmail.com</a>
<br />
<br />
<div id="footer-social-icons">
<a href="URL-HERE" title="Facebook" target="_blank" rel="nofollow"><i class="fa fa-facebook"></i></a>
<a href="URL-HERE" title="Twitter" target="_blank" rel="nofollow"><i class="fa fa-twitter"></i></a>
<a href="URL-HERE" title="Google Plus" target="_blank" rel="nofollow"><i class="fa fa-google-plus"></i></a>
<a href="URL-HERE" title="Instagram" target="_blank" rel="nofollow"><i class="fa fa-instagram"></i></a>
<a href="URL-HERE" title="Pinterest" target="_blank" rel="nofollow"><i class="fa fa-pinterest"></i></a>
</div>
<style>
#footer-social-icons a {
background: #e84c4c;
color: #fff;
display: inline-block;
text-align: center;
font-size: 24px;
    width: 50px;
    height: 50px;
    line-height: 50px;
margin: 0 1px 6px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
#footer-social-icons a:hover{
background: #2e2e2e;
}
.list-label-widget-content li a {
position: relative;
display: block;
background-color: #f7f7f7;
margin-bottom: 5px;
padding: 10px;
font-size: 0.875rem;
text-transform: capitalize;
color: #777;
}
.list-label-widget-content li a:before {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #E6E6E6;
position: absolute;
top: 13px;
right: 7px;
}
html[dir="rtl"] .list-label-widget-content li a:before {
right: auto;
left: 7px;
}
.list-label-widget-content li a:hover {
padding-left: 20px;
background-color: #e74c3c;
color: #fff;
}
</style>
</div>
غير ما باللون الأخضر بإسم موقعك
غير ما باللون الأحمر بوصف مدونتك
غير ما باللون الأزرق ببريدك الإلكتروني
غير ما باللون الأصفر برابط حسابك في مواقع التواصل الإجماعية

ليست هناك تعليقات:
إترك تعليق

لدعم هذا المشروع