Фиксированная боковая панель на сайт - Меню - UCOZ - Каталог файлов


Очень аккуратно и стильно сделана боковая панель для сайта, которая будет стоять с правой стороны. также на ней есть красивый эффект при клике. Представлено будет в двух оттенках цвета, это серый, который идет по умолчанию и синий, что говорит о том, что сами можете на фотошоп выставить любую гамму цвета. Там всего три функций, это Лента RSS которая идет первая, вторая кнопка под социальную сеть в контакте. Но и третья будет относиться к вашему почтовому ящику, а точнее на адрес mail.ru, чтоб каждый пользователь мог иметь право зайти на этот интернет портал. Сама панель создана стильно, что может подойти как на светлый или темный, если говорить о серой, но и при наведение иконки будут в цвете изменятся и становиться ярко желтыми. Если свои кнопки ставить будете, то вам только нужно выбрать по гамме цвета, чтоб формат PNG обязательно был, как здесь идет. Установка: CSS: Code .fixm-icons { background: url(http://Ваш путь к иконкам/img/bokponel/bgsartyn.png); height: 216px; width: 53px; position: fixed; top: 300px; left: 0px; } a.fixm-rss-ic { background: url(http://Ваш путь к иконкам/img/bokponel/icons-glow.png) no-repeat; background-position: -90px 0px; height: 56px; width: 50px; position: absolute; top: 24px; display:block; } a.fixm-vk-ic { background: url(http://Ваш путь к иконкам/img/bokponel/icons-glow.png) no-repeat; background-position: -90px -56px; height: 58px; width: 50px; position: absolute; top: 82px; left: 0px; display:block; } a.fixm-mail-ic { background: url(http://Ваш путь к иконкам/img/bokponel/icons-glow.png) no-repeat; background-position: -90px -114px; height: 48px; width: 50px; position: absolute; top: 140px; left: 0px; display:block; } a.fixm-rss-ic:hover {background-position: 0px 0px;} a.fixm-vk-ic:hover {background-position: 0px -56px;} a.fixm-mail-ic:hover {background-position: 0px -114px;} Код: Code <div class="fixm-icons"> <a href="http://Ваш путь/news/rss" target="_blank" title="RSS подписка" class="fixm-rss-ic"></a> <a href="http://vk.com" target="_blank" title="VK.com" class="fixm-vk-ic"></a> <a href="http://mail.ru" target="_blank" title="mail.ru" class="fixm-mail-ic"></a> </div>
Важно! При копировании материала указывать ссылку на источник. Оценить материал + 5 - 429 - 20-Ноября-2016 - 1 - 0 Материал разместил: Скачать

Похожий материал

Статьи сайта

12-Ноября-2017 в 23:41:03

Рай для верстальщика: синхронизация окон браузеров

29-Июня-2017 в 12:30:13

Что такое информер и зачем нужен на сайте

29-Июня-2017 в 10:21:53

Ограничить длину заголовка и описание к материалу для uCoz

05-Марта-2017 в 12:54:01

Сокращаем "Описание" в вид материалов

01-Марта-2017 в 17:08:05

Не форматируется флешка? Решение есть

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

Соглошения:

Администрация данного сайта не несет ответственность за использование ресурсов доступных на этом сайте. Вся информация дана исключительно в образовательных целях. Вся информация, расположенная на этом сайте предназначена только для ознакомительных целей, авторы не несут ответственности за возможные последствия использования их в целях, запрещенных Уголовным Кодексом. Вы обязуетесь не применять полученные здесь программы и информацию в целях, запрещённых УК. Ни при каких условиях и обстоятельствах ответственность за последствия, которые прямо или косвенно повлекло за собой использование информации или программного обеспечения, размещенного на этом сайте, не может возлагаться на авторов сайта и быть основанием для их судебного преследования. Вы соглашаетесь с указанными условиями, можете приступить к регистрации и дальнейшему просмотру материалов. В противном случае рекомендуется немедленно покинуть сайт.

Общие правила поведения на сайте:

Начнем с того, что на сайте общаются сотни людей, разных религих и взглядов,
и все они являются полноправными посетителями нашего сайта, поэтому если мы хотим чтобы это сообщество людей функционировало нам и необходимы правила. Мы настоятельно рекомендуем прочитать настоящие правила, это займет у вас всего минут пять, но сбережет нам и вам время и поможет сделать сайт более интересным и организованным.

Начнем с того, что на нашем сайте нужно вести себя уважительно ко всем посетителям сайта. Не надо оскорблений по отношению к участникам, это всегда лишнее. Если есть претензии - обращайтесь к Админам или Модераторам (воспользуйтесь личными сообщениями). Оскорбление других посетителей считается у нас одним из самых тяжких нарушений и строго наказывается администрацией. У нас строго запрещен расизм, религиозные и политические высказывания. Заранее благодарим вас за понимание и за желание сделать наш сайт более вежливым и дружелюбным.

На сайте запрещено:

- сообщения, не относящиеся к содержанию статьи или к контексту обсуждения
- оскорбление и угрозы в адрес посетителей сайта
- в комментариях запрещаются выражения, содержащие ненормативную лексику, унижающие
человеческое достоинство, разжигающие межнациональную рознь
- спам, а также реклама любых товаров и услуг, иных ресурсов, СМИ или событий, не
относящихся к контексту обсуждения статьи

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

Администрация сайта оставляет за собой право:
Удалять комментарии или часть комментариев, если они не соответствуют данным требованиям.

C уважением администрация сайта