| Резиновая или масштабированная Logo.gif | Дизайн |
|
|
Как реализовать резиновую или масштабированно-пропорциональную шапка файла Logo.gif. Имеется ввиду когда мы уменьшаем окно какого-то браузера, где просматриваем сайт - то шапка форума, что находиться сверху в виде рисунка на всю длину форума плавно изменялась - пропорционально уменьшалась-увеличивалась. Вся шапка работает как ссылка.
Для чего шапка-то? Если для IPB, то глянь тут:
| У Вас нет прав для просмотра этого текста, пожалуйста, зарегистрируйтесь |
V!t@l!$,
Элементарно – там, обычно, несколько частей шапочки – фон, который заполняет все пространство, потом графические объекты слева, справа и что-то по центре. Двигается только центральный элемент (обычно), а все остальное приклеено к границам.
Еще как вариант менять скриптом параметры ширины и высоты при изменении ширины окна. в инете должны быть примеры, но по моему вышеописаный вариант проще, легче и красивее.
Вот пример "резинового" лого:
<!-- Header -->
<table border="2" width="100%">
<tr><tr style="background:#0C1B33">
<th><img src="http://12345/monitor.gif"></th>
<th><img src="http://12345/myLogo3.gif" align="center"></th>
<th><img src="http://12345/monitor.gif"></th>
</tr>
</table>
<!-- /Header -->
В данном случае первый выделенный кусок определяет ширину всей таблицы целиком. А второй - именно центральной картинки. маленькие две будут по бокам, а центральная - будет изменяться в зависимости от разрешения монитора, размера ну и так далее.