Среда, 26.03.2025, 04:09
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
  • Как найти работу в Самаре?
  • Кто сегодня покупает мальков белого амура?
  • В ДНР с каждым днем продается все больше квартир: Трамп обещает мир
  • Какие бывают системы охранной сигнализации
  • Как БПЛА можно применять в быту
  • Зачем женщины заказывают обертывание
  • Как работают суточные мониторы для диагностики ЭКГ
  • В марте 2025 года в Могилеве возник дефицит профлиста
  • Из-за действий Дональда Трампа в США вырос спрос на миграционных юристов
  • Для чего сегодня используют консольные краны
  • Разработка сайта
  • Что влияет на стоимость сайта?
  • Как самостоятельно создать блог без усилий
  • Как добавить карту сайта в Wordpress
  • В чем заключается SEO-продвижение сайта?
  • Продвижение ссылками – будет ли работать в 2015 году?
  • Программы обработки, сравнения и анализа прайсов
  • Комплексное продвижение сайта как основа репутационного маркетинга
  • У кого заказывать разработку сайта
  • Как создать интернет-магазин?
  • Наш опрос
    Каким EMAIL Вы пользуетесь?


    Всего ответов: 298

    установить такой вид опроса
    Статистика
    Яндекс.Метрика
    Онлайн всего: 10
    Гостей: 10
    Пользователей: 0


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

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

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

    Победы
    Победы(10)

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


    Установить CW блок на свой сайт
    Внимание!
    Наш сайт адаптирован под браузер Mozilla Firefox
    скрипты для uCoz
    Скачать/Download
    В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

    установить такой блок
    Расскажи Друзьям!
    Комментарии
    Новость: Фото галерея для сайта укоз - модуль фотоальбомы uCoz
    Sultanbek Ajdos написал:
    Не убрать календарики правильно
    Понедельник, 22 ноября 2010 г.
    Не убрать календарики правильно
    Понедельник, 22 ноября 2010 г. Поставь правильно
    Не убрать календарики правильно
    Новость: Фото галерея для сайта укоз - модуль фотоальбомы uCoz
    Sultanbek Ajdos написал:
    Отрывные календари 2022 г.
    Карманные календарики 2010 г.
    Новость: Фото галерея для сайта укоз - модуль фотоальбомы uCoz
    Sultanbek Ajdos написал:
    Не убрать календарики правильно
    Понедельник, 22 ноября 2010 г. Поставь правильно
    Не убрать календарики правильно
    Новость: Фото галерея для сайта укоз - модуль фотоальбомы uCoz
    Sultanbek Ajdos написал:
    Әлия әшім
    Земфира воробьева
    Новость: Фото галерея для сайта укоз - модуль фотоальбомы uCoz
    Sultanbek Ajdos написал:
    Частот каналов Г. Кокшетау, Казахстан от 02.01.2013, ср
    КОКШЕТАУ
    Среда, 2 января 2013 г.
    СРЕДА
    02.01.2013
    КАЗАХСТАН-КОКШЕТАУ - 3 КАНАЛ
    КТК - 5 КАНАЛ
    КАЗАХСТАН - 6 КАНАЛ
    ХАБАР - 9 КАНАЛ
    ПЕРВЫЙ КАНАЛ ЕВРАЗИЯ - 11 КАНАЛ
    ЕЛ-АРНА - 23 КАНАЛ
    НТК - 33 КАНАЛ
    АСТАНА - 36 КАНАЛ
    TVP POLONIA - 38 КАНАЛ
    7 КАНАЛ - 57 КАНАЛ

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

    установить такой информер
    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, иконка, списка
    Просмотров: 12362 | Загрузок: 0 | Комментарии: 8 | Рейтинг: 4.0/2
    Всего комментариев: 8
    5 Skyer   (01.05.2015 15:28) [Материал]
    Нужно будет себе добавить на сайт... Жаль нет кнопки добавить в избранное в юкоз, сейчас бы была кстати...)

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

    По вопросам сотрудничества и рекламы пишите на почту rusalex11@live.com Хостинг от uCoz