السلام عليكم اخواني واخواتي الكرام متابعين موقع تقني للمعلومات اليوم أقدم قالب احترافي وانيق وسريع ومهيء للسيو وهو قالب منتجات تقني وهو قالب احترافي وانيق وسريع جدا .
مميزات القالب :
- صديق لمحركات البحث
- يوجد به أحدث اكواد الميتا تاج
- يوجد به خاصية الإتصال المشفر https
- جميع التعديلات من لوحة التحكم
- يمكن التعديل على ألوانه من مصمم النماذج
- سريع التحميل
- واجهة تحميل احترافية
- متجاوب مع جميع الأجهزة
تحميل ومعاينة القالب :
لتحميل القالب من هنالمعاينة القالب من هنا
التعديل على القالب :
تعديل الألوانتعديل الألوان من مصمم النماذج
تعديل السلايد شو :
السلايد شو يعمل تلقائيا بمفرده
تعديل البنار الإعلاني :
لتعديل البنار الإعلاني أفتح التخطيط ستجد بداخله إضافة باسم البنار الإعلاني ضع بها هذا الكود :
<div id="banner-1" class="banner">ملاحظة يجب عليك تغيير الرابط الذي بالون الاحمر برابط صورة البنار الإعلاني .
<a class="banner__permalink" href="#">
<span class="screen-reader-text">Introducing the Vacation Collection — Up to 50% Off</span>
</a>
<div class="banner__inside-wrapper">
<div class="banner__inside">
<div class="banner__content">
<h3 class="banner__title">Introducing the Vacation Collection — Up to 50% Off</h3>
</div>
<div class="banner__overlay"></div>
<div class="banner__bg_image"></div>
</div>
</div>
</div>
<style type="text/css">
.banner {
position: relative;
color: #fff;
}
#banner-1 {
min-height: 130px;
background-color: #c6b78b;
}
#banner-1 .banner__title {
font-size: 28px;
letter-spacing: 0px;
}
#banner-1 .banner__subtitle {
font-size: 14px;
color: rgba(255, 255, 255, 0.85);
}
#banner-1 .banner__inside {
height: 130px;
padding: 8px;
}
#banner-1 .banner__content {
border-width: 2px;
border-color: rgba(255, 255, 255, 0.5);
}
#banner-1 .banner__sep {
margin-top: 8px;
margin-bottom: 8px;
width: 20%;
}
#banner-1 .banner__bg_image {
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg23C72EDJ0lKwY2f5pn7XwVJXcReIRuzFScORfc-LpR-DjiZHWGeub4PUqtUZQ2mO8uCN5fXPHPfGPPWMCcQ4GDc1mlnzNz9doX65GCocLTgczV5R6zmjA8p2JPZvZLaadKvfFk4o49AM/s1600/d.png');
}
#banner-1 .banner__overlay {
background-color: #0a0000;
opacity: 0.3;
}
.banner__bg_image {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
z-index: 1;
-webkit-transition: -webkit-transform 1s ease-in-out;
-o-transition: -o-transform 1s ease-in-out;
transition: transform 1s ease-in-out;
will-change: transform;
}
.banner__overlay {
background: #000;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
}
.banner__content {
word-break: break-all;
padding: 18px 30px;
display: table-cell;
vertical-align: middle;
border: 2px solid #fff;
text-align: center;
position: relative;
z-index: 3;
}
.banner__title {
color: inherit;
margin: 0;
}
.banner__inside {
display: table;
width: 100%;
box-sizing: border-box;
}
.banner__inside-wrapper {
overflow: hidden;
position: relative;
}
.banner__permalink {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 4;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.banner:hover .banner__bg_image, .banner__permalink:focus ~ .banner__inside-wrapper .banner__bg_image {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
</style>
باقي التعديلات سوف تكون من التخطيط.
إرسال تعليق