تغیر اندازه ی اسلایدر

شروع موضوع توسط mammad_fashion ‏11 مارس 2012 در انجمن قالبهاي 8.3

  1. mammad_fashion

    mammad_fashion محروم شده

    تاریخ عضویت:
    ‏20 ژانویه 2012
    ارسال ها:
    364
    تشکر شده:
    0
    سلام برای تغیر اندازه ی این اسلایدر چی کار کنم ؟

    PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <
    html xmlns="http://www.w3.org/1999/xhtml">
    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <
    title>Nivo Slider Demos</title>
    <
    link rel="stylesheet" href="styles/nivo-slider.css" type="text/css" media="screen" />
    <
    link rel="stylesheet" href="style.css" type="text/css" media="screen" />
    <
    script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="scripts/cufon-yui.js" type="text/javascript"></script>
    <script src="scripts/Museo_Slab.font.js" type="text/javascript"></script>
    <script src="scripts/jquery.nivo.slider.pack.js" type="text/javascript"></script>

    <script type="text/javascript">
    Cufon.replace('h2', { fontFamily:'Museo Slab' });
    Cufon.replace('h3', { fontFamily:'Museo Slab' });

    $(window).load(function() {
        $('#slider1').nivoSlider({ pauseTime:5000, pauseOnHover:false });
        setTimeout(function(){
            $('#slider2').nivoSlider({ pauseTime:5000, pauseOnHover:false });
        }, 1000);
        setTimeout(function(){
            $('#slider3').nivoSlider({
                pauseTime:5000,
                pauseOnHover:false,
                controlNavThumbs:true
            });
        }, 2000);
        setTimeout(function(){
            $('#slider4').nivoSlider({
                effect:'random',
                animSpeed:1500,
                pauseTime:5000,
                startSlide:2,
                directionNav:false,
                controlNav:true,
                keyboardNav:false,
                pauseOnHover:false
            });
        }, 3000);
    });
    </script><base target="_blank">
    </head>
    <body>
    <div id="debug"></div>
    <div id="wrapper">

        
        <div id="content">
            
            <div id="slider2" class="nivoSlider">
    <a href="http://bia2music001.com/89/Ashvan---Pisham-Bemoon/"><img src="images/ash.jpg" alt="" title="اشــوان | پیشم بمون" /></a>
    <a href="http://bia2music001.com/90/Babak-Jahanbakhsh---Atisham-Bezan/"><img src="images/babak-j.jpg" alt="" title="بابک جهانبخش | آتیشم بزن" /></a>
    <a href="http://bia2music001.com/88/Amin-Habibi---Jaee-Naro/"><img src="images/amin-habibi.jpg" alt="" title="امین حبیبی | جایی نرو" /></a>
    <a href="http://bia2music001.com/91/Mehdi-Yarrahi---Harjaye-Donyaei-Delam-Unjast/"><img src="images/03.jpg" alt="" title="مهدی یراحی | هرجای دنیایی دلم اونجاست" /></a>
                        </div>
            

        </div>

        
        

    </div>

    <!--ipt type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </scri-->
    <!--ipt type="text/javascript">
    try {
    var pageTracker = _gat._getTracker("UA-3892196-15");
    pageTracker._trackPageview();
    } catch(err) {}</scri-->
    </body>

    </html>




     
  2. administrator

    administrator مدیریت کل سایت

    تاریخ عضویت:
    ‏27 جولای 2011
    ارسال ها:
    2,989
    تشکر شده:
    1,027
    RE: تغیر اندازه ی اسلایدر

    استایل اسلایدر رو باز کنید و ارتفاع و عرضش رو به دلخواه تغییر بدید.