• wp-pagenavi pluginine görüntü ilavesi yapalim

Plugin i kurduktan sonra asagidaki dosyayi acalim

http://www.siteadi.com/wp-content/plugins/wp-pagenavi

sonrasinda pagenavi-css.css dosyasni notepad ile acalim

original dosya:

Kod: Tümünü seç

/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 2px solid #c00000;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

ilaveden sonra:

Kod: Tümünü seç

/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 2px solid #c00000;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover {
font-weight: bold;
color: #FFFFFF;
background-color: #f9bb00;
}

.wp-pagenavi span.current {
	border-color: #000000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

ilave edilen kisim:
.wp-pagenavi a:hover {
font-weight: bold;
color: #FFFFFF;
background-color: #f9bb00;
}

Böylece üzerine gidildiginde rakamlarin rengi siyahtan beyaza ve arkaplan rengi beyazdan turuncuya dönüyor

velociraptor