WordPress.org

Ready to get started?Download WordPress

Forums

WP Nivo Slider
some optimization (1 post)

  1. ps3hero
    Member
    Posted 3 years ago #

    after some optimization i got it run. the css is not final i think. but if it runs it is really cool.

    had to put

    #slider {
    	position:relative;
    	width: 904px;
    	height: 458px;
    	background: url(loading.gif) no-repeat 50% 50%;
    	box-shadow:0px 0px 10px #000;
    	margin-top: 10px;
    	margin-bottom: 50px;
    }
    
    #slider img {
    	position:absolute;
    	top:0px;
    	left:0px;
    	display:none;
    	border:#069 8px solid;
    }
    #slider a {
    	border:0;
    }
    
    .nivo-controlNav {
    	position:absolute;
    	left:47%;
    	bottom:-30px;
    }
    .nivo-controlNav a {
    	display:block;
    	width:10px;
    	height:10px;
    	background:url(bullets.png) no-repeat;
    	text-indent:-9999px;
    	border:0;
    	margin-right:3px;
    	float:left;
    	display:none!important;
    }
    .nivo-controlNav a.active {
    	background-position:-10px 0;
    }
    
    .nivo-directionNav a {
    	display:block;
    	width:32px;
    	height:34px;
    	background:url(arrows.png) no-repeat;
    	text-indent:-9999px;
    	border:0;
    }
    a.nivo-nextNav {
    	background-position:-32px 0;
    	right:10px;
    }
    a.nivo-prevNav {
    	left:10px;
    }

    under the css and deleted the link in the query (i don't want that the picture opens if someone clicks on it. i think for most people it's senseless.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic