» »

Вид материалов сайта ucoz 3 колонки


Вид материалов сайта ucoz 3 колонки

Если решили заменить стандартный вид который у вас на сайте, то можете поставить Вид материалов сайта ucoz 3 колонки у которого совершенно другой угол обозревание. Вы могли такой вид видить на сайте с тематикой кино сайт, так как ужобно много материала держать на главной страницы.

Здесь вы можете создать столько сколько нудно вам колонок, так как вам покажется и позволит сам интернет ресурс. Выполнен он в светлых тонах, основном идет картинка и само название и рейтинг на ее. Можно заметить тени что очень красиво на светлои портале мотриться.

Установка:

В вид материала и меняем все.
Код
<div style="width:33%;float:left;"> <table align="center" cellpadding="0" cellspacing="0" width="100%" class="bk"> <tr><td> <center> <a href="$ENTRY_URL$" title="Перейти к материалу"><br><img src="$IMG_URL1$" width="225" height="300"></a> <tr id="bk_title"><td><a href="$ENTRY_URL$">$TITLE$</a></td></tr> </center> </td></tr> <tr><td> <div class="bkrating"> </div> <div class="bkreads"> <img src="http://zornet.ru/CSS-ZORNET/sat/vico-views.png"> Просмотры: $READS$ </div> </td></tr> </table> </div>

Это прописываем в CSS:
Код
/*------- ВИД МАТЕРИАЛОВ ------*/ .bk { background-color: #dcdada; border:1px solid #f6f5f5; width:237px; height:353px; align:center; border-radius:5px; box-shadow:0px 0px 15px rgba(0,0,0,0.5); } .bk:hover { background-color: #a6a6a6; } #bk_title{height:50px;text-align:center;margin:0;padding:0;} .bkrating { margin-left:14px; margin-bottom:8px; width:130px; } .bkreads{float:right;margin-right:10px;margin-top:-22px;} /*=============*/
09.08.2014 Просмотров: 1455 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar