ПОРТАЛ

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » ПОРТАЛ » Библиотека дизайнера » HTML верх


HTML верх

Сообщений 1 страница 2 из 2

1

СОДЕРЖАНИЕ:

РУССКИЙ
А
Б
В
Г
Д
Ж
З
И
Й
К
Л
М
Н
О
П
Р
С
Т
Ф
Х
Ц
Ч
Ш
Щ
Э
Ю
Я
АНГЛИЙСКИЙ
А
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
Код:
[b][size=16][u]Заголовок | подзаголовок[/u][/size][/b]

0

2

GIF-ИЗОБРАЖЕНИЕ| на фоне Шапки форума

Вставлять КОД в HTML верх. Изменяя в коде количество пикселей, двигаем GIF-изображение. Двигаем до тех пор, пока оно не займёт требуемое место. Наш плавающий элемент будет находиться на Шапке форума.

Код:
<img src="http://forumfiles.ru/files/0015/7e/0f/11344.gif" style="top: 55px; margin-left: 380px; position: absolute;" >


Подробнее разберём КОД:

<img src="http://forumfiles.ru/files/0015/7e/0f/11344.gif" style="top: 55px; margin-left: 380px; position: absolute;" >

1. http://forumfiles.ru/files/0015/7e/0f/11344.gif
Это ссылка на GIF-изображение нашего форума. Вместо неё вставляете свою ссылку.

2. top: 55px
Двигаем изображение вверх/вниз. Чем меньше значение, тем меньше отступ элемента от верхнего края.

3. margin-left: 380px
Настраиваем отступ от левого края. Чем меньше значение, тем ближе к левому краю наш GIF.

4. position: absolute
Свойство position — позволяет настроить положение элемента. Существует 4 его значения:
- static - значение по умолчанию.
- relative - относительное позиционирование, которое позволяет двигать элемент влево (left), вправо (right), вверх (top) и вниз (bottom).
- absolute - абсолютное позиционирование, с помощью которого можно задавать смещение элемента. С другими элементами не взаимодействует. В нашем случае - картинка будет поверх Шапки.
- fixed - привязка к области просмотра. Элемент никуда не смещается, даже если вы прокручиваете страницу.

0


Вы здесь » ПОРТАЛ » Библиотека дизайнера » HTML верх