Круглые переключатели страниц Tren для uCoz
Решили что то изменить в дизайне сайта, то обратите внимание на Круглые переключатели страниц uCoz сайта, и выполнены так, чтоб подходили не то что по тематике а по дизайну. А это темный оттенок и светлый, безусловно под белый фон смотрится красиво, но серный не исключаю. Там просто не сделано как обычно у всех выставляют одну гамму, а есть синий, на которой страницу находитесь. И голубой, это при наведение на клик, вот так и вышли они. Вы можете немного сделать по своему, здесь вам в помощь border-radius:12px, что отвечает за округленность углов и сами оттенок выставить. CSS: Код .catPages1 { padding:0 !important;margin:0 !important; } .swchItemA, .swchItem, .swchItemA1, .swchItem1 {color:#FFF;display: inline-block;padding: 5px 10px;text-decoration: none;font-weight:normal;border-radius:12px} .swchItem, .swchItem1 {color:#787878;background:#dcdcdc;} .swchItem:hover, .swchItem1:hover {background:#62BFE4;color:#fff;text-decoration:none} .swchItemA, .swchItemA1 {background:#1795c7} .catPages1, .catPages2 {padding: 10px 0;} .pagesBlock2 {margin-top:10px!important;display:block} Если стоят уже кнопки, то вам нужно их убрать, а сами стили можете в самом низу прописать или где хотите, только не верх, там им не место. |
Поделиться в социальных сетях
Материал разместил
Комментарии: 13 | |
| |