Фильтр по:
  

  • Страница 1 из 1
  • 1
Модератор форума: Admin, Cибиря4ка, Komoff, Diana  
Код информера
Дата: Среда, 09.01.2013, 16:22 |
user-ucoz
Лейтенант
Группа: Проверенные
Сообщений: 74
Награды: 0
Репутация: -1
Статус: Offline


нужно сделать для ucoz информер как здесь (Похожие мультфильмы)
подобный... но без картинки.

Добавлено (09.01.2013, 16:22)
---------------------------------------------
под этот дизайн =

Прикрепления: 4570281.png (19.8 Kb)

 
Дата: Среда, 09.01.2013, 18:52 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


user-ucoz,
Цитата (user-ucoz, Ср, 09.01.2013, 16:22:21)
нужно сделать для ucoz информер как здесь (Похожие мультфильмы)
подобный... но без картинки.

Это не информер, это стандартный $RELATED_ENTRIES$


 
Дата: Среда, 09.01.2013, 19:10 |
user-ucoz
Лейтенант
Группа: Проверенные
Сообщений: 74
Награды: 0
Репутация: -1
Статус: Offline


likbezz, не совсем понял)

а как сделать чтобы так красиво было при наведении.. или какой-либо другой вариант..
если можно на примере


 
Дата: Среда, 09.01.2013, 19:18 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


user-ucoz,
Цитата (user-ucoz, Ср, 09.01.2013, 19:10:42)
а как сделать чтобы так красиво было при наведении..

А глянуть в стили на сайте откуда скриншот не судьба?


 
Дата: Среда, 09.01.2013, 21:13 |
user-ucoz
Лейтенант
Группа: Проверенные
Сообщений: 74
Награды: 0
Репутация: -1
Статус: Offline


Цитата (likbezz, Ср, 09.01.2013, 17:18:28)
А глянуть в стили на сайте откуда скриншот не судьба?

судьба.
но там сколько стилей.. не могу найти..


 
Дата: Среда, 09.01.2013, 21:14 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


user-ucoz,
Цитата (user-ucoz, Ср, 09.01.2013, 21:13:18)
но там сколько стилей.. не могу найти..

.. ну тогда подождите, вдруг кто-то сделает это за вас.


Прикрепления: 3075733.png (24.2 Kb)

 
Дата: Среда, 09.01.2013, 22:53 |
user-ucoz
Лейтенант
Группа: Проверенные
Сообщений: 74
Награды: 0
Репутация: -1
Статус: Offline


likbezz, ждемс..

Добавлено (09.01.2013, 22:53)
---------------------------------------------
likbezz, можно пожалуйста код полный?

просто я не так в исходнике копаюсь(не знаю как вы), да и на скрине не совсем ясно..

 
Дата: Четверг, 10.01.2013, 00:22 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


user-ucoz,
Цитата (user-ucoz, Ср, 09.01.2013, 22:53:16)
да и на скрине не совсем ясно..

На скрине указана номер строки в таблице стилей и показан класс что за это отвечает.

Цитата (user-ucoz, Ср, 09.01.2013, 22:53:16)
можно пожалуйста код полный?

Код
div.wrapper nav.site-navigation h3 {
     background: url("images/popular-bg.jpg") repeat scroll 0 0 transparent;
     color: #FFFFFF;
     font-size: 13px;
     height: 32px;
     line-height: 32px;
     overflow: hidden;
     padding-left: 15px;
     position: relative;
}
div.wrapper nav.site-navigation h3:after {
     bottom: -10px;
     content: "";
     display: block;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
}
div.wrapper nav.site-navigation ul {
}
div.wrapper nav.site-navigation ul li {
     background-color: #F3F3F3;
     line-height: 30px;
     list-style: none outside none;
     overflow: hidden;
     position: relative;
}
div.wrapper nav.site-navigation ul li {
     background-color: #F3F3F3;
}
div.wrapper nav.site-navigation ul li:last-child {
}
div.wrapper nav.site-navigation ul li:last-child a {
     border-bottom: medium none;
}
div.wrapper nav.site-navigation ul li a {
     background: url("images/nav-arrow.png") no-repeat scroll 15px 11px transparent;
     border-bottom: 1px solid #DADADA;
     border-top: 1px solid #FFFFFF;
     color: #0C68BE;
     display: block;
     padding-left: 30px;
     text-decoration: none;
     width: auto;
}
div.wrapper nav.site-navigation ul li.active, div.wrapper nav.site-navigation ul li:hover {
     background-color: #B1CC2D;
}
div.wrapper nav.site-navigation ul li.active a, div.wrapper nav.site-navigation ul li:hover a {
     background-position: 15px -19px;
     color: #FFFFFF;
}
div.wrapper nav.site-navigation ul li .splash {
     display: none;
     position: relative;
}
div.wrapper nav.site-navigation ul li:hover .splash {
     display: block;
}
div.wrapper nav.site-navigation ul li a:before {
     bottom: -10px;
     content: "";
     display: block;
     left: 0;
     position: absolute;
     right: 0;
     top: -10px;
}


 
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия