[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 11
Форум обучение с помощью интернета » Создание сайта на ucoz » Общие вопросы » Кнопка Наверх для ucoz (код и урок)
Кнопка Наверх для ucoz
NatalkaДата: Суббота, 28.07.2012, 21:53 | Сообщение # 1
Авторитет
Группа: Администраторы
Сообщений: 1113
Репутация: 12
Статус: Offline

Вначале выберите иконку кнопки наверх.
Вы можете сами нарисовать ее в фотошопе. Это несложно.
Например, я расскажу как нарисовала кнопку наверх.


  • Создала новый документ размерами 200 на 80 пикселей, фон прозрачный.
  • Фигура - прямоугольник с закругленными углами, радиус 3-5 px, цвет фигуры - серый.
  • Уменьшаем непрозрачность слоя с фигурой примерно до 50%
  • Выбираем инструмент Текст и пишем на кнопке "Наверх".
  • При помощи инструмента Рамка обрезаем лишнее и сохраняем в png.


Теперь пришло время рассказать как установить кнопку наверх для ucoz:
  • Включаем конструктор

  • Добавляем новый блок или дописываем код уже к существующему блоку. Важно!Редактируем или вставляем код во вкладке блока HTML. Ни в коем случае не добавляем код к статистике liveinternet.

  • Загружаем ваше изображение кнопки на любой фотохостинг (Например, Яндекс.Фотки) и берем прямую ссылку на изображение:


  • Редактируем код кнопки, добавляя адрес на изображение кнопки. Код кнопки наверх:
    Code
    <a title="Back to TOP" style="position: fixed; left: 15px; bottom: 15px; outline: medium none; border: 0px none;" href="#"><img border="0" alt="Наверх" src="адрес вашего изображения" /></a>

    Этот код установит кнопку в левое нижнее положение. Вы можете изменить положение кнопки, изменив параметры left (отступ от левого края веб страницы в пикселях и bottom (отсуп снизу).


Эта кнопка на простом коде html. Скоро опубликую запись со скриптом и урок по установке.
Прикрепления: 5648504.png(43Kb)
 
Форум обучение с помощью интернета » Создание сайта на ucoz » Общие вопросы » Кнопка Наверх для ucoz (код и урок)
Страница 1 из 11
Поиск: