Меню сайта

Категории раздела

Скрипты для uCoz [582]

HTML коды для uCoz [58]

Шаблоны для uCoz [189]

Социальные сети и закладки [4]

Меню для uCoz сайта [30]

Опросы на uCoz [6]

Работа с Информерами [7]

Для Веб мастера [89]

CSS стили для uCoz [15]

Как это сделать? (для новичков с картинками) [11]

Видео Уроки по uCoz [2]

Полезное для пользователей [45]

Counter Strike мониторинг [5]

CS 1.6 скачать/download [15]

Регистрация и прикрепление своего домена к uCoz [1]

Новости сайта scripts-for-ucoz [46]

Учебник HTML [11]

Разное/Другое [12]

Статьи про uCoz

Таблетки для потенции. Как их выбирать?

Как начать играть в азартные игры?

Пару слов о пультах для ворот

Игровые автоматы Вулкан полный доступ

Профессиональное изготовление объемных букв

Основные преимущества и козыри автоматов Вулкан

Продвижение сайтов в интернете. СЕО оптимизация

Как выбрать выделенный сервер?

Путевки в Шри-Ланку на Новый Год

Энциклопедия заработка в интернете

Разработка сайта

Что влияет на стоимость сайта?

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

Как добавить карту сайта в Wordpress

В чем заключается SEO-продвижение сайта?

Продвижение ссылками – будет ли работать в 2015 году?

Программы обработки, сравнения и анализа прайсов

Комплексное продвижение сайта как основа репутационного маркетинга

У кого заказывать разработку сайта

Как создать интернет-магазин?

Рекламко

Друзья Сайта

установить блок на свой сайт

Наш опрос

установить такой вид опроса

Статистика

Онлайн всего: 5

Гостей: 5

Пользователей: 0

Зарегистрировано 30696 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1128 материала(ов), Оставлено 5135 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок Программ

Установить себе такой Блок
Скрипты и HTML для uCOz

Блок CW результаты

Победы(10)

Поражения(5)

Установить CW блок на свой сайт

Скачать Броузеры

Установить блок на свой Сайт!

Внимание!

Наш сайт адаптирован под браузер Mozilla Firefox

Скачать/Download

В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок

Поиск

установить такую кнопку twitter
или такую
красивая кнопка Twitter

Рекламко

http://www.counter-iv.ru

Добавить свой сайт в ТОП!
И он будет рекламироваться тут БЕСПЛАТНО!
стань модератором сайта и рекламируй свой сайт за бесплатно тут

Расскажи Друзьям!

Установить на свой сайт!

Комментарии

Новость: скрипт быстрого бана пользователя
написал:

fuck

Новость: Фотогалерея для uCoz с плавным увеличением фото (lightbox)
Павел написал:

ваша фотогалерея не работает на шаблонах ucoz, перепроверьте работоспособность и исправьте свои ошибки. спасибо

Новость: Музыкальный шаблон
eddison написал:

doe it use file catalog or forum?

Новость: Иконки картинки No avatar (нет аватара) для сайтов uCOz
Vasiliy написал:

гавно

Новость: Что такое деревопласт? Приобретение забора из деревопласта?
написал:

Интересный материал для строительства, даже не слышал о таком. smile

Читать все комментарии

Топ комментаторов

VKONTAKTE

FACEBOOK

Кто и Откуда Вы?

установить такую статистику

Мини-чат

установить такой мини-чат

Главная страница » Помощь Вебмастеру » Категория CSS стили для uCoz » Добавлено [17.04.2014, 03:36]

Иконка у списка меню <li> при помощи CSS как на rigaportal.lv

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

Наверное многие из вас замечали, что на некоторых порталах, рядом со списком меню или последних новостей имеется красивая иконка, но как это сделать никто из вас не знал. Например, на рижском портале новостей rigaportal.lv под новостями идёт анонс последних новостей той или иной категории (посмотреть можно пример в любом новости сайта, под текстом материала), а слева стоит красивая иконка . Так как же это сделать?

На самом деле всё очень просто! Был создан информер последних новостей (определённой категории) и внутрь информера прописан следующий код -

Код

<li class="ico" id="ico_1"><a href="$ENTRY_URL$">$TITLE$</a></li>

(информер Новости , дата добавления D , 10 материалов)

В свою очередь в CSS сайта нужно добавить и стили :

Код

.ico {
margin-top: 3px;
padding: 0px 0px 0px 20px;
}
#ico_1 {
background:url(http://rigaportal.lv/images/oie_1711648TGytPLPg.png) no-repeat;
}

Вот и всё! Теперь слева от списка последних новостей мы будетм видеть картинку! Сссылку на картинку можно поставить свою, таким образом подстроив её под дизайн именно вашего сайта!

При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Иконка у списка меню <li> при помощи CSS как на rigaportal.lv

Расскажи друзьям интересные новости:

- Установить на свой сайт блок социальных закладок

Категория: CSS стили для uCoz | Добавил: scripts_for_ucoz | Теги: rigaportal.lv, меню, помощи, Li, иконка, списка

Просмотров: 10039 | Загрузок: 0 | Комментарии: 8 | Рейтинг: 4.0/2

Всего комментариев: 8

Порядок вывода комментариев:

Спам

5 Skyer (01.05.2015 15:28)

Нужно будет себе добавить на сайт... Жаль нет кнопки добавить в избранное в юкоз, сейчас бы была кстати...)

[]

6 Tiny (03.05.2015 09:51)

Есть uCoz Toolbar, плагин для браузера, с функцией "Цитирование в блог".

[]

Спам

2 Yarik3648 (21.04.2014 14:22)

Сделал как описано, но рядом с картинкой все равно есть стандартное обозначения списка. Как ее убрать?
http://familysport.com.ua/

[]

Спам

3 scripts_for_ucoz (24.04.2014 14:13)

насколько я вижу на твоём сайте, ты уже сам справился smile

[]

Спам

4 Yarik3648 (24.04.2014 15:19)

Да, подсказали, убрал стандартный стиль )

[]

Спам

1 scripts_for_ucoz (17.04.2014 03:40)

кому понравилось - кликайте на рекламки tongue

[]

Спам

7 RaMZeS7186 (17.10.2015 00:37)

Сделал как описано, но рядом с картинкой все равно есть стандартное обозначения списка. Как ее убрать?

[]

Спам

8 Yarik3648 (03.12.2015 12:02)

Выше писал, нужно убрать стандартный стиль (прописать list-style:none;)

.ico {
list-style: none;
margin-top: 2px;
padding: 0px 0px 0px 20px;}

[]

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

scripts_for_ucoz 1	Apocalypse 2
Black-Yellow 3	Pashkovskyi 4
BLoOd 5	serzw 6
Tiny 7	Aragorn3092 8
Maks-0101_01 9	SCRIPTS-FOR-UCOZ 10