من فضلكم كف أحذف السلايدر شو

12-30-2012, 03:49 PM	#1
myhealth مدون جديد تاريخ التسجيل: Oct 2012 المشاركات: 10	غير مجاب: من فضلكم كف أحذف السلايدر شو أنا : myhealth سجل معنا لتتمتع بهذه الخاصية السلام عليكم أرجوا من الخبراء مساعدتي أريد أن أحذف السلايدر شو من مدونتي رابط المدونة : http://se7atyb.blogspot.com/ أرجوا المساعدة وبارك الله فيكم __________________ من مواضيع myhealth طلب تعديل بسيط على قالب من فضلكم كيف امزع اعلانات ادسنس التي تأتي مع القال عاجل من فظلكم من فضلكم كف أحذف السلايدر شو

12-30-2012, 08:16 PM	#2
ism33ail مدون نشيط تاريخ التسجيل: Jun 2012 الدولة: المغرب المشاركات: 228 الإجابات الموجودة: 9	رد: من فضلكم كف أحذف السلايدر شو أنا : ism33ail سجل معنا لتتمتع بهذه الخاصية أرفق الملف و أحذفه لك !! __________________ " سبحان الله و بحمده سبحان الله العظيم " http://jobs.bengeek.com من مواضيع ism33ail [الربح عن طريق cpa] عرض مغري جدا 5 دولار للبايبال و 20 دولار للويسترن يونيون خدمة تصميم القوالب بمدونة المهووس كيف تقوم بمنع الضغط على يمين الفأرة في مدونتك No right-click كيفية تمييز تعليق الكاتب عن تعليقات الزوار لمدونات البلوجر للمدونات التقنية \| تبادل إعلاني

12-30-2012, 10:35 PM

myhealth

مدون جديد

تاريخ التسجيل: Oct 2012

المشاركات: 10

رد: من فضلكم كف أحذف السلايدر شو

أنا : myhealth

سجل معنا لتتمتع بهذه الخاصية

تفضل أخي الكريم وبارك الله في على مساعدتي

القالب في المرفقات

الملفات المرفقة

template-2132293972100813581(1).zip‏ (20.0 كيلوبايت, المشاهدات 2)

__________________

من مواضيع myhealth

12-30-2012, 10:55 PM

admin

مدير عام

تاريخ التسجيل: Apr 2012

الدولة: جده

المشاركات: 2,846

الإجابات الموجودة: 200

رد: من فضلكم كف أحذف السلايدر شو

أنا : admin

سجل معنا لتتمتع بهذه الخاصية

جرب القالب بالمرفقات
للعلم أن حذفت الأكواد :

كود 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>

وكود css :

كود بلغة 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; }
}

الملفات المرفقة

template-2132293972100813581(1).zip‏ (19.8 كيلوبايت, المشاهدات 4)

__________________

من مواضيع admin

12-30-2012, 11:13 PM	#5
myhealth مدون جديد تاريخ التسجيل: Oct 2012 المشاركات: 10	رد: من فضلكم كف أحذف السلايدر شو أنا : myhealth سجل معنا لتتمتع بهذه الخاصية بارك الله فيك أخي عثمان وحفظ من كل سوء ربي يجازيك __________________ من مواضيع myhealth من فضلكم كيف امزع اعلانات ادسنس التي تأتي مع القال عاجل من فظلكم من فضلكم كف أحذف السلايدر شو طلب تعديل بسيط على قالب

12-30-2012, 11:14 PM	#6
myhealth مدون جديد تاريخ التسجيل: Oct 2012 المشاركات: 10	رد: من فضلكم كف أحذف السلايدر شو أنا : myhealth سجل معنا لتتمتع بهذه الخاصية هل أستطيع إضافة قائمة أفقية في القالب أقصد في المكان الذي كان فيه السلايدر شو __________________ من مواضيع myhealth من فضلكم كيف امزع اعلانات ادسنس التي تأتي مع القال عاجل من فظلكم طلب تعديل بسيط على قالب من فضلكم كف أحذف السلايدر شو

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
مشكلة في السلايدر	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

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

من فضلكم كف أحذف السلايدر شو

طلبات تعديل القوالب