انجمن

انجمن وردپرس فارسی » افزونه‌ها و دست‌کاری‌ها


مشکل با افزونه tiny Slider  (۳ نوشته)

  • pouria21teh

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۴
    تشکر شده: ۳ بار
    # نوشته شده: ۱۲ سال پیش
    ۱۱ بهمن ۱۳۹۰ - ۱۵:۴۸

    سلام
    من افزونه تینی اسلایدر رو نصب کردم و گذاشتم رو قالب سایت.
    http://www.s60v5.ir
    ولی همونجور که میبینید اندازه ها درست نیست و زیر کادر افزونه خالی مونده
    اول که گذاشتم، اسلاید ها کلا سمت چپ و بزرگ بود که با یه خورده دسکاری تو فایل استایل کوچیکش کردم و گذاشتم وسط
    لطفا کمک کنین که چطور اون فضای خالی زیر افزونه رو بردارم
    مرسی

  • NESTED

    آفلاین
    عضو فعال
    تعداد نوشته‌ها: ۲۳۵۴
    تشکر شده: ۲۳۷۰ بار
    # نوشته شده: ۱۲ سال پیش
    ۱۱ بهمن ۱۳۹۰ - ۲۰:۱۴

    در قالبتون در جایی که تابع پلاگین رو درج کردین
    کلاس div مربوطه رو بردارید
    الان این کلاس رو داره
    <article id="etc" class="post">
    شما class="post" رو پاک کنید

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    pouria21teh - Morteza

  • pouria21teh

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۴
    تشکر شده: ۳ بار
    # نوشته شده: ۱۲ سال پیش
    ۱۱ بهمن ۱۳۹۰ - ۲۱:۲۷

    خیر!
    من واسه نمایش اسلایدر تو قسمت ایندکس قالب از این کد استفاده کردم:
    <?php tinyslider(); ?>
    ابعاد عکسهایی که گذاشتم هم 177*488 هست.
    من قالب استایل تینی اسلایدر رو به صورت زیر تغییر دادم، لطفا راهنمایی کنید:

    `#slide_wrapper{
    width:637px; margin:0px 10px;
    }

    #slide_container {
    position:relative;
    padding:5px;
    }

    .sliderbutton {
    float:left;
    width:25px;
    height:177px;
    cursor:pointer;
    }

    #slideleft {
    background: url() no-repeat center;
    }

    #slideleft:hover {
    background: url() no-repeat center;
    }

    #slideright {
    background:url() no-repeat center;
    }

    #slideright:hover {
    background:url() no-repeat center;
    }

    #slider {
    float:center;
    position:relative;
    overflow:auto;
    width:448px;
    height:177px;
    }

    #slider img{
    height: 177px
    }

    #slider ul {
    position:absolute;
    list-style:none;
    top:0; left:0;
    padding: 0px
    }

    #slider li {
    float:left;
    width:448px;
    height:177px;
    }

    div.descript_slide{
    background: #000000;
    opacity: 0.6;
    padding: 8px;
    position: absolute;
    text-align: center;
    color: #FFFFFF;
    width: 448px;
    text-shadow: 1px 1px #333333;
    }

    .pagination {
    position:absolute;
    list-style:none;
    height:25px;
    padding-left: 30px;
    padding-right: 100px;
    padding-top: 10px
    }

    .pagination li {
    float:left;
    cursor:pointer;
    height:8px;
    width:8px;
    background:#ccc;
    margin:0 4px 0 0;
    border:1px solid #FFFFFF;
    -moz-border-radius: 1px;
    }

    .pagination li:hover, li.current {
    background:#fff;
    }

درباره‌ی این موضوع



برچسب‌ها

هیچ برچسبی نیست.