Вот выставляю пагинацию , красивая стильная,кому надо берем.
1.Скачиваем архив ,распаковываем и заливаем картинку в папку images вашего шаблона.
2.Открываем файл variables.ini и заменяем содержимое раздела[navigation] на этот код:

 [navigation]
prevlink	= " <a id="prev" href='%link%'>%page%</a> "
nextlink	= " <a id="next" href='%link%'>%page%</a> "
current_page	= " <b>%page%</b> "
link_page	= " <a href='%link%'>%page%</a> "
dots		= " <span>...</span> "

3.В стили добавляем :

 /**********************pagination******************************/
#pagination{margin-bottom:-50px;font-size:13px;font-weight:bold;line-height:37px;}
#pagination a,#pagination b{margin-right:2px;width:37px;height:37px;text-align:center;display:inline-block;}
#pagination a{background:url(../images/bg-pagination.png) 0 0 no-repeat;}
#pagination a:hover{color:#fff;background:url(../images/bg-pagination.png) 0 -37px no-repeat;}
#pagination b{color:#fff;background:url(../images/bg-pagination.png) 0 -74px no-repeat;}
#pagination span{margin-right:2px;}
#pagination #next{background:url(../images/bg-pagination.png) 0 -111px no-repeat;}
#pagination #next:hover{background:url(../images/bg-pagination.png) 0 -148px no-repeat;}
#pagination #prev{background:url(../images/bg-pagination.png) 0 -185px no-repeat;}
#pagination #prev:hover{background:url(../images/bg-pagination.png) 0 -222px no-repeat;}

4.В файле pages.tpl заменить код на этот:

 <div id="pagination">
		[prev-link] [/prev-link]{pages}[next-link] [/next-link]
</div>

вот и все

Сначала - результаты конкурса на лучший винегрет из спонсорских логотипов.

Победитель получает любые десять разных книг нашего издательства (http://www.artlebedev.ru/everything/izdal/).

Победитель - lisaivolk:




Второе место - theafro (изначально не обещал, но предлагаю выбрать любую книгу нашего издательства):




Третье место - nicolay (изначально не обещал, но предлагаю выбрать любую книгу нашего издательства формата не больше А4):

---

Затем результаты конкурса на иконку банкомата.

Призы: 1-е место - пять любых книг нашего издательства, 2-е место - три любые книги нашего издательства, 3-е место - одна любая книга нашего издательства. Доставка победителю в любой город бесплатно. Наши книги: http://www.artlebedev.ru/everything/izdal/


Первое место - ytseman:




Второе место - ice_ti:




Третье место - etrangef:




Кстати, у ассоциации банкоматчиков есть своя официальная иконка (http://www.nsa.bz/atm_pictogram.php), которая мне кажется полным говном:




А лучшая иконка, которую я когда-либо видел, висит в аэропорту города Куньминя, Китай:

Очень красивая анимация кнопки на CSS3,подойдет для красочных и стильных дизайнов.
1.Скачиваем исходник [isnt-logged]Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам 1319601850.zip (44.9 Kb)[/is-logged] .
2.Сам код кнопки простой это ссылка

Код:

 <a  class="button" href="#">Я кнопка</a>

3.Ну а теперь стиль

Код:

 .button {
display: block;
width: 5em;
padding: 30px 40px;
text-align: center;
font-family: Arial, sans-serif;
font-size: 18px;
color: #fff;
text-decoration: none;
text-shadow: 1px 1px 0px #000;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-o-border-radius: 25px;       
border-radius: 25px;
-moz-box-shadow: 2px 2px 10px #000;
-webkit-box-shadow: 2px 2px 10px #000;
-o-box-shadow: 2px 2px 10px #000;
box-shadow: 2px 2px 10px #000;
background: url(images/background.png) no-repeat center -100px;
}

Это простенький вариант,в исходнике есть еще пара примеров

 <link rel="stylesheet" href="{tpl_url}/icomon/style.css" />
	<link rel="stylesheet" href="{tpl_url}/css/loda-button.css" />

 <a href="#" class="loda-btn">
    <span aria-hidden="true" class="loda-icon icon-mail"></span>
    Mail
</a>

 <script type="text/javascript" src="{tpl_url}/js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="{tpl_url}/js/loda-button.js"></script>

	<script type="text/javascript">

		$('.loda-btn')
			.lodaButton()

			.click(function(e) {

				e.preventDefault();

				var _self = $(this);
				_self.lodaButton('start');

				setTimeout(function() {
					_self.lodaButton('stop');
				}, 2000);

			});

	</script>

 var lodaBtn = $('#loda-btn').lodaButton();

 lodaBtn.lodaButton('start');

 lodaBtn.lodaButton('stop');