إضافة قائمة بالمواضيع - فهرس مميز إلى مدونتك
Tooltip
Popover
لكن هذا الامر ممل جدا ويستغرق وقتا
صورة المنتج | حول المنتج | سعر المنتج |
---|---|---|
ALIENWARE AREA-51 GAMING DESKTOP High-end gaming desktop with up to 18-core Intel® 9th Gen processors and triple graphics card capabilities. Re-engineered with new 2nd gen triad chassis now with tool-less graphics cards. | $6,499 | |
Well done!
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
Default Preview Download Link Shop cart Share More info
Choose your course
Nulla faucibus mauris pellentesque blandit faucibus non. Sit ut et at suspendisse gravida hendrerit tempus placerat ac nunc dapibus.
Learn by doing
Tristique sed pharetra feugiat tempor sagittis. Ultricies eu bibendum adipiscing lacinia. Quisque praesent aliquam tempus phasellus ut integer.
Get instant expert feedback
Duis euismod enim, facilisis risus tellus pharetra lectus diam neque. Nec ultrices mi faucibus est. Magna ullamcorper potenti elementum.
لإضافتها قم بإنشاء صفحة جديدة وقم باختيار HTML للتحرير وقم بنسخ الكود التالي و لصقه في الصفحة
<div class="tab-itheric" id="tab-itheric"></div>
<script>
var tabbedTOC={blogUrl:"https://yourblog.blogspot.com",containerId:"tab-itheric",activeTab:1,showDates:!0,showSummaries:!1,numChars:200,showThumbnails:!0,thumbSize:60,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",monthNames:["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],newTabLink:!0,maxResults:99999,preload:0,sortAlphabetically:!0,showNew:7,newText:' – <em style="color:red;">جديد</em>'};
</script>
<script src="https://raw.githack.com/MohammadQt/Itheric/master/daftarisikeren.js"></script>
<style scoped="" type="text/css">
.tab-itheric{margin:0 auto;position:relative;background:linear-gradient(-45deg,#EE7752,#E73C7E,#23A6D5,#23D5AB);background-size:400% 400%;animation:Gradient 15s ease infinite;text-align: right;}
.tab-itheric .loading{display:block;padding:2px 12px;color:#fff}
.tab-itheric ul,.tab-itheric ol,.tab-itheric li{margin:0;padding:0;list-style:none}
.tab-itheric .toc-tabs{width:20%;float:right}
.tab-itheric .toc-tabs li a{display:block;overflow:hidden;color:#fff;text-decoration:none;padding:12px;font-size:13px;transition:all .3s}
.tab-itheric .toc-tabs li a:hover{background-color:rgba(0,0,0,0.05)}
.tab-itheric .toc-tabs li a.active-tab{background:rgba(0,0,0,0.05);position:relative;z-index:5;margin:0 -1px 0 0}
.tab-itheric .toc-content,.tab-itheric .toc-line{width:80%;float:left;background-color:#fff;box-sizing:border-box}
.tab-itheric .toc-line{float:none;display:block;position:absolute;top:0;left:0;bottom:0}
.tab-itheric .panel{position:relative;z-index:5}
.tab-itheric .panel li a{color:#1277cb;display:block;position:relative;font-weight:500;font-size:14px;padding:6px 12px;overflow:hidden}
.tab-itheric .panel li time{display:block;font-weight:normal;font-size:11px;color:#666;float:left}
.tab-itheric .panel li .summary{display:block;padding:10px 12px 10px;font-size:13px}
.tab-itheric .panel li .summary img.thumbnail{float:right;display:block;margin:5px 8px 0 0;width:72px;height:72px;background-color:#fafafa}
.tab-itheric .panel li{background-color:#f9f9f9;margin:0}
.tab-itheric .panel li:nth-child(even){background-color:#fff}
.tab-itheric .panel li a:hover,.tab-itheric .panel li a:focus,.tab-itheric .panel li.bold a{background-color:rgba(0,0,0,0.03);outline:none}
.tab-itheric .panel li a em{background:#f39c12;color:#fff!important;font-style:initial;font-size:11px;margin:0 5px 0 5px;padding:2px 10px;border-radius:22px;float: right;}
.tab-itheric .panel li:before{display:none}
@-webkit-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@-moz-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@media (max-width:768px){.tab-itheric .toc-tabs,.tab-itheric .toc-content{overflow:hidden;width:auto;float:none;display:block}.tab-itheric .toc-tabs li{display:inline;float:right}.tab-itheric .toc-tabs li a.active-tab{background-color:rgba(64,64,64,0.1)}.tab-itheric .toc-content{border:none}.tab-itheric .toc-line,.tab-itheric .panel li time{display:none}}
</style>
قم بإستبال
آمل ان تكون الاضافة قد اعجبتكم
Quant trident shirts
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.
$13.99
Free shipping
Sapien, nulla placerat in at. Vitae tincidunt quam ornare massa porttitor. Neque a vitae feugiat in sit habitant integer. Cursus et at pulvinar sed neque vitae. Aliquam vitae hac phasellus.
Malesuada eu cursus natoque purus ipsum nunc, velit cras tellus. Maecenas viverra pellentesque at ultrices purus vitae quis erat volutpat. Turpis auctor neque bibendum id pellentesque ut egestas. Donec ut faucibus nisl nec at purus. Cursus vel gravida gravida purus varius feugiat.Semper mauris id adipiscing est. Nam leo rutrum gravida curabitur at vel risus.
Basic
$5.00 / per month
- Aenean neque tortor, purus faucibus
- Nullam augue vitae et volutpat sagittis
- Mauris massa penatibus enim elit quam
- Nec ac sagittis nunc bibendum
- Odio ut orci volutpat ultricies eleifend
تعليقات
إرسال تعليق
يمكنك التعليق لكن تجنب موبقات الحديث