<center>![27652798_10204288928619445_2120564843_o.png](https://steemitimages.com/DQmP9YYnVtzyiUan2tVhWyLRfZHAuvLXmePMyrRTYz8pn55/27652798_10204288928619445_2120564843_o.png)</center>

***
***
<center>![DQmXy1VdmdtXqUjqoSX5hno4cy7uNNaz39xBYyJhbWJ4Y4T.png](https://steemitimages.com/DQmXy1VdmdtXqUjqoSX5hno4cy7uNNaz39xBYyJhbWJ4Y4T/DQmXy1VdmdtXqUjqoSX5hno4cy7uNNaz39xBYyJhbWJ4Y4T.png)</center> 

***

```
 NOW I will represent how to make Nivo Slider

```

***
***

```

{
    margin: 0;
}
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
	height: 625px;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}

.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;         
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

```

***
![DQmXueeMrVGjNAHvWXchaeS6rbLhmeoSMn8gjqDxpvGTe6m_1680x8400.png](https://steemitimages.com/DQmXueeMrVGjNAHvWXchaeS6rbLhmeoSMn8gjqDxpvGTe6m/DQmXueeMrVGjNAHvWXchaeS6rbLhmeoSMn8gjqDxpvGTe6m_1680x8400.png)

<center>***Thanks to you all.
And have a nice day.***</center> 

![DQmbg612fRjQcx9KfvCFx4S1DhNsYzirZ72L5tjyQiWUzFu_1680x8400.jpg](https://steemitimages.com/DQmYWJFK3dXNb1sWiwX8UUFai7NA4oMq5JG3MH5PmWxLrCF/DQmbg612fRjQcx9KfvCFx4S1DhNsYzirZ72L5tjyQiWUzFu_1680x8400.jpg)

![DQmYSSeG2hgNd62hswifcNs64Ebvr2zpUhuxNZ7w4kqyJ3E_1680x8400.jpg](https://steemitimages.com/DQmTGRAbEaKgXkoVJkb5TmbhE9cgHKtPxBG7TZydDN7VJzn/DQmYSSeG2hgNd62hswifcNs64Ebvr2zpUhuxNZ7w4kqyJ3E_1680x8400.jpg)
<center>[![](https://steemitimages.com/70x80/https://steemitimages.com/DQmXSFEorVR1SEJU72is4oTdsothJVUwLouAAizarise2o3/commented.png)](http://steemitboard.com/board.html?user=omar-hesham) [![](https://steemitimages.com/80x90/https://steemitimages.com/DQmPWbNvvnsqaiy26yFUm1ct7dxD7SBYVtULZbpnLbaTm8j/votes.png)](http://steemitboard.com/board.html?user=omar-hesham) [![](https://steemitimages.com/90x100/https://steemitimages.com/DQmf5HJTL8k4xny4EeromRsqZxZ2o79UXLmp9UbAX5UheZd/posts.png)](http://steemitboard.com/board.html?user=omar-hesham) [![](https://steemitimages.com/120x1000/https://steemitimages.com/DQmNp2FmgCWyaXw7WaNMabWSYrqsdR5hyeve7bPxLYCJL8o/level.png)](http://steemitboard.com/board.html?user=omar-hesham) [![](https://steemitimages.com/90x100/https://steemitimages.com/DQmf7AYHU9bcZTJNkKvmd4Jwpf6yPip8jgmJcrgQzPDk5VS/comments.png)](http://steemitboard.com/board.html?user=omar-hesham) [![](https://steemitimages.com/80x90/https://steemitimages.com/DQmPT1CpmeAhthdEybRgEYoA2u5vFZrGNGLeVh34DthzCFT/voted.png)](http://steemitboard.com/board.html?user=omar-hesham) [![](https://steemitimages.com/70x80/https://steemitimages.com/DQmVp8SBK8iHnhF2uKMp6yvHkznnktmvsPZ58neehBzRYgA/payout.png)](http://steemitboard.com/board.html?user=omar-hesham)</center>
<center>[![](https://steemitimages.com/100x110/http://steemitboard.com/@omar-hesham/post4day.png)](http://steemitboard.com/board.html?user=omar-hesham)</center>
![DQmVmwajaSVn8sGMeSjyxHwF1hFecQ4U8NGfNCNPVx1WEPW.gif](https://steemitimages.com/DQmVmwajaSVn8sGMeSjyxHwF1hFecQ4U8NGfNCNPVx1WEPW/DQmVmwajaSVn8sGMeSjyxHwF1hFecQ4U8NGfNCNPVx1WEPW.gif)