|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
12-30-2012, 03:49 PM | #1 |
مدون جديد
تاريخ التسجيل: Oct 2012
المشاركات: 10
|
غير مجاب: من فضلكم كف أحذف السلايدر شو
السلام عليكم أرجوا من الخبراء مساعدتي أريد أن أحذف السلايدر شو من مدونتي رابط المدونة : http://se7atyb.blogspot.com/ أرجوا المساعدة وبارك الله فيكم
__________________
|
12-30-2012, 08:16 PM | #2 |
مدون نشيط
تاريخ التسجيل: Jun 2012
الدولة: المغرب
المشاركات: 228
الإجابات الموجودة: 9
|
رد: من فضلكم كف أحذف السلايدر شو
__________________
" سبحان الله و بحمده سبحان الله العظيم " http://jobs.bengeek.com |
12-30-2012, 10:35 PM | #3 |
مدون جديد
تاريخ التسجيل: Oct 2012
المشاركات: 10
|
رد: من فضلكم كف أحذف السلايدر شو
تفضل أخي الكريم وبارك الله في على مساعدتي القالب في المرفقات
__________________
|
12-30-2012, 10:55 PM | #4 |
مدير عام
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
الإجابات الموجودة: 200
|
رد: من فضلكم كف أحذف السلايدر شو
جرب القالب بالمرفقات
للعلم أن حذفت الأكواد : كود HTML : كود بلغة HTML:
<div id='slider_wrapper'> <div class='shadow-top'/> <div class='sp-slideshow'> <input checked='checked' class='sp-selector-1' id='button-1' name='radio-set' type='radio'/> <label class='button-label-1' for='button-1'/> <input class='sp-selector-2' id='button-2' name='radio-set' type='radio'/> <label class='button-label-2' for='button-2'/> <input class='sp-selector-3' id='button-3' name='radio-set' type='radio'/> <label class='button-label-3' for='button-3'/> <input class='sp-selector-4' id='button-4' name='radio-set' type='radio'/> <label class='button-label-4' for='button-4'/> <input class='sp-selector-5' id='button-5' name='radio-set' type='radio'/> <label class='button-label-5' for='button-5'/> <label class='sp-arrow sp-a1' for='button-1'/> <label class='sp-arrow sp-a2' for='button-2'/> <label class='sp-arrow sp-a3' for='button-3'/> <label class='sp-arrow sp-a4' for='button-4'/> <label class='sp-arrow sp-a5' for='button-5'/> <div class='sp-content'> <div class='sp-parallax-bg'/> <ul class='sp-slider clearfix'> <li><img alt='' src='images/image1.png'/></li> <li><img alt='' src='images/image2.png'/></li> <li><img alt='' src='images/image3.png'/></li> <li><img alt='' src='images/image4.png'/></li> <li><img alt='' src='images/image5.png'/></li> </ul> </div><!-- sp-content --> </div><!-- sp-slideshow --> <div class='slider-shadow'/> <div class='shadow-bottom'/> </div> كود بلغة HTML:
#slider_wrapper { background: url("http://3.bp.blogspot.com/-6ZrOZE6K3PI/UKEhgIsmqEI/AAAAAAAAAiY/Va5EO3DlG6U/s1600/patt-bkg.png") repeat scroll 0 0 transparent; height: 507px; margin-bottom: 30px; padding: 30px 0; position: relative; width: 100%; } .shadow-top{ width: 100%; height: 12px; background: url('http://4.bp.blogspot.com/-lALAyzh80uY/UKJyLap6YDI/AAAAAAAAAkI/i7Uj1Jc7PQI/s1600/shadow-top.png') repeat-x; position: absolute; top: 0; } .shadow-bottom{ width: 100%; height: 12px; background: url('http://1.bp.blogspot.com/-Sv4cU3k6VHg/UKJxplDdLFI/AAAAAAAAAjI/-9-tmB23u7Q/s1600/shadow-bottom.png') repeat-x; position: absolute; bottom: 0; } .slider-shadow{ background: url('http://2.bp.blogspot.com/-cNcE0bxc59E/UKJxvTcE9AI/AAAAAAAAAjg/FiBwQY8_Qqw/s1600/shadow.png') no-repeat; width: 1215px; height: 231px; margin: -204px auto; z-index: 90; } .sp-slideshow { position: relative; width: 926px; margin: 0 auto; height:420px; border: 7px solid #fff; z-index: 100; overflow: hidden; border: 7px solid #fff; } .sp-content { position: relative; width: 100%; height: 100%; overflow: hidden; } .sp-parallax-bg { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .sp-slideshow input { position: absolute; bottom: 15px; left: 50%; width: 9px; height: 9px; z-index: 1001; cursor: pointer; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .sp-slideshow input + label { border: 5px solid #707070; border-radius: 5% 16% 30% 30%; bottom: 15px; display: block; height: 6px; left: 50%; position: absolute; transition: background-color 0.1s linear 0s; width: 6px; z-index: 1000; background: #7cdcd6; } .sp-slideshow input:checked + label { background-color: #fff; background-color: rgba(255,255,255,0.9); } .sp-selector-1, .button-label-1 { margin-left: -36px; } .sp-selector-2, .button-label-2 { margin-left: -18px; } .sp-selector-4, .button-label-4 { margin-left: 18px; } .sp-selector-5, .button-label-5 { margin-left: 36px; } .sp-arrow { position: absolute; top: 50%; width: 28px; height: 38px; margin-top: -19px; display: none; opacity: 0.8; cursor: pointer; z-index: 1000; background: transparent url(http://2.bp.blogspot.com/-LLMaUFraiVI/UKJuLtCg7QI/AAAAAAAAAi4/v6QZKM0n5Tw/s1600/arrows.png) no-repeat; -webkit-transition: opacity linear 0.3s; -moz-transition: opacity linear 0.3s; -o-transition: opacity linear 0.3s; -ms-transition: opacity linear 0.3s; transition: opacity linear 0.3s; } .sp-arrow:hover{ opacity: 1; } .sp-arrow:active{ margin-top: -18px; } .sp-selector-1:checked ~ .sp-arrow.sp-a2, .sp-selector-2:checked ~ .sp-arrow.sp-a3, .sp-selector-3:checked ~ .sp-arrow.sp-a4, .sp-selector-4:checked ~ .sp-arrow.sp-a5 { right: 15px; display: block; background-position: top right; } .sp-selector-2:checked ~ .sp-arrow.sp-a1, .sp-selector-3:checked ~ .sp-arrow.sp-a2, .sp-selector-4:checked ~ .sp-arrow.sp-a3, .sp-selector-5:checked ~ .sp-arrow.sp-a4 { left: 15px; display: block; background-position: top left; } .sp-slideshow input:checked ~ .sp-content { -webkit-transition: background-position linear 0.6s, background-color linear 0.8s; -moz-transition: background-position linear 0.6s, background-color linear 0.8s; -o-transition: background-position linear 0.6s, background-color linear 0.8s; -ms-transition: background-position linear 0.6s, background-color linear 0.8s; transition: background-position linear 0.6s, background-color linear 0.8s; } .sp-slideshow input:checked ~ .sp-content .sp-parallax-bg { -webkit-transition: background-position linear 0.7s; -moz-transition: background-position linear 0.7s; -o-transition: background-position linear 0.7s; -ms-transition: background-position linear 0.7s; transition: background-position linear 0.7s; } input.sp-selector-1:checked ~ .sp-content { background-position: 0 0; background:url(http://4.bp.blogspot.com/-PHsGD9EzFHI/UKZ8LZp53aI/AAAAAAAAAtI/c_USSnTSiYA/s1600/Turtles-Sharks-l.jpg); } input.sp-selector-2:checked ~ .sp-content { background-position: -100px 0; background:url(http://3.bp.blogspot.com/-B1nm2tCnWfI/UKZ_ksOQC2I/AAAAAAAAAtw/vXIP2Ay3OrI/s1600/Flowers-Grass-l.jpg)no-repeat; } input.sp-selector-3:checked ~ .sp-content { background-position: -200px 0; background:url(http://2.bp.blogspot.com/-DyDntYc2nWg/UKZ7_2JIVmI/AAAAAAAAAsg/CAvN4Y4oQ3E/s1600/its-all-geek-to-me.jpg); } input.sp-selector-4:checked ~ .sp-content { background-position: -300px 0; background:url(http://3.bp.blogspot.com/--YNhldh27yc/UKZ_n1epB0I/AAAAAAAAAt4/0foFRHBnxO4/s1600/Game.jpg); } input.sp-selector-5:checked ~ .sp-content { background-position: -400px 0; background:url(http://1.bp.blogspot.com/-gi5DcAF6ayE/UKZ_iCp_KhI/AAAAAAAAAto/ZwNgDljy6-c/s1600/Bite.jpg); } input.sp-selector-1:checked ~ .sp-content .sp-parallax-bg { background-position: 0 0; } input.sp-selector-2:checked ~ .sp-content .sp-parallax-bg { background-position: -200px 0; } input.sp-selector-3:checked ~ .sp-content .sp-parallax-bg { background-position: -400px 0; } input.sp-selector-4:checked ~ .sp-content .sp-parallax-bg { background-position: -600px 0; } input.sp-selector-5:checked ~ .sp-content .sp-parallax-bg { background-position: -800px 0; } .sp-slider { position: relative; left: 0; width: 500%; height: 100%; list-style: none; margin: 0; padding: 0; -webkit-transition: left ease-in 0.8s; -moz-transition: left ease-in 0.8s; -o-transition: left ease-in 0.8s; -ms-transition: left ease-in 0.8s; transition: left ease-in 0.8s; } .sp-slider > li { color: #fff; width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 100%; padding: 0 60px; float: left; text-align: center; opacity: 0.4; -webkit-transition: opacity ease-in 0.4s 0.8s; -moz-transition: opacity ease-in 0.4s 0.8s; -o-transition: opacity ease-in 0.4s 0.8s; -ms-transition: opacity ease-in 0.4s 0.8s; transition: opacity ease-in 0.4s 0.8s; } .sp-slider > li img{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: block; margin: 0 auto; padding: 40px 0 50px 0; max-height: 100%; max-width: 100%; } input.sp-selector-1:checked ~ .sp-content .sp-slider { left: 0; } input.sp-selector-2:checked ~ .sp-content .sp-slider { left: -100%; } input.sp-selector-3:checked ~ .sp-content .sp-slider { left: -200%; } input.sp-selector-4:checked ~ .sp-content .sp-slider { left: -300%; } input.sp-selector-5:checked ~ .sp-content .sp-slider { left: -400%; } input.sp-selector-1:checked ~ .sp-content .sp-slider > li:first-child, input.sp-selector-2:checked ~ .sp-content .sp-slider > li:nth-child(2), input.sp-selector-3:checked ~ .sp-content .sp-slider > li:nth-child(3), input.sp-selector-4:checked ~ .sp-content .sp-slider > li:nth-child(4), input.sp-selector-5:checked ~ .sp-content .sp-slider > li:nth-child(5){ opacity: 1; } @media screen and (max-width: 840px){ .sp-slideshow { height: 345px; } } @media screen and (max-width: 680px){ .sp-slideshow { height: 285px; } } @media screen and (max-width: 560px){ .sp-slideshow { height: 235px; } } @media screen and (max-width: 320px){ .sp-slideshow { height: 158px; } }
__________________
|
12-30-2012, 11:13 PM | #5 |
مدون جديد
تاريخ التسجيل: Oct 2012
المشاركات: 10
|
رد: من فضلكم كف أحذف السلايدر شو
__________________
|
12-30-2012, 11:14 PM | #6 |
مدون جديد
تاريخ التسجيل: Oct 2012
المشاركات: 10
|
رد: من فضلكم كف أحذف السلايدر شو
هل أستطيع إضافة قائمة أفقية في القالب أقصد في المكان الذي كان فيه السلايدر شو
__________________
|
مواقع النشر (المفضلة) |
الكلمات الدلالية (Tags) |
سلايدر شو |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
مشكلة في السلايدر | taaer | طلبات الدعم الفني | 6 | 04-07-2013 09:42 AM |
مشكلة في السلايدر | El Mehdi | طلبات الدعم الفني | 0 | 02-21-2013 08:15 PM |
إزاى أحذف مخالفات أدسنس | Aero | طلبات الدعم الفني | 6 | 08-24-2012 08:45 PM |
كيف أحذف الإعلانات [تمت التلبية] | sader12 | طلبات الدعم الفني | 11 | 07-30-2012 02:13 PM |
السلام عليكم هل هناك طريقة لحذف .... [تمت التلبية] | سعيد | طلبات الدعم الفني | 4 | 07-13-2012 03:57 PM |
الساعة الآن 10:22 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |