http://htmlbook.ru/ - достаточно мощный справочник по тегам HTML и параметрам CSS. Интерфейс немного глючный (текст съезжает вниз) и это не развлекательное чтиво, но крайне полезен для дальнейшего изучения материала, после ознакомления с первыми двумя ресурсами.
</TD> <td width=ширина правой таблички> таблица №2 </td> </TR> </TABLE>
С кодом и вправду легче помочь, чем самим полностью делать дизайн...
3. В поле "Новости":
цитата:
<table width=100%> <tr> <td width =ширина таблички справа> <--также здесь можно прописать и высоту сама правая табличка </td> <td width=здесь можно добавить, какого размера должен быть форум>
Гэлка Они и должны быть до конца форумной таблицы, если нужны короче - стоит задать парамет height либо для ячейки (то есть рядом с выделенными width), либо для соответствующей таблицы,
Что нужно, чтобы убрать рамочки вокруг img-ссылок или поменять их цвет?
цитата:
<img src="картинка" border="размер рамки (0 - нет рамки)">
цитата:
<body link="обычный цвет рамки и текстовых ссылок, если иное не указано в CCS" vlink="цвет рамок вокруг посещенных ссылок-изображений и текстовых ссылок, если иное не указано в CCS" alink="цвет рамок вокруг активных ссылок-изображений и текстовых ссылок, если иное не указано в CCS">
Как зафиксировать фон или помешать ему "прокручиваться"? Что еще можно сделать с расположением фона?
цитата:
body{background:url(адрес фона) параметры;}
Параметры бывают (если надо использовать несколько, то прописываются без знаков препинания, через пробелы):
no-repeat - фон не будет повторяться center - фон будет отображен по центру экрана repeat-x (repeat-y) - фон будет повторяться только по горизонтали (вертикали) fixed (scroll) - при прокрутке экрана фон останется неподвижным (будет прокручиваться) - эти два параметра используются лишь с body #cm #cm (#% #%) - первое число - расстояние от левого края, второе - от верха. Можно указывать в сантиметрах и процентах (допустимо и смешанное использование, например, 50% 5 cm - фон отображается от середины по горизонтали и в пяти сантиметрах от верха)
Эти же параметры (кроме двух) можно использовать и для фонов таблиц или любых других блоков. Для этого фон и параметры задаются в атрибуте style.
backgroung-color - цвет фона элемента *Применимо для: всех элементов ПРИМЕР: background-color:#f00000
background-image - фоновое изображение *Применимо для: всех элементов Возможные значения: [1] none - нет [2] URL (+) ПРИМЕР: background-image:URL(cool.gif)
background-repeat - повторения фонового изображения *Применимо для: всех элементов Возможные значения: [1] repeat - размножает фоновое изображение во всех направлениях [2] repeat-x - размножает фоновое изображение горизонтально [3] repeat-y - размножает фоновое изображение вертикально [4] no-repeat - не повторяющиеся изображение ПРИМЕР: background-repeat:no-repeat
background-attachment - возможность прокрутки фонового изображения *Применимо для: всех элементов Возможные значения: [1] scroll - фоновое изображение скроллится всесте с содержанием документа [2] fixed - не скроллится. Фиксируется в одном месте. Не работает в Нетскейпе ПРИМЕР: background-attachment:fixed
background-position - положение фонового изображения (работает с background-repeat равным repeat-x, repeat-y или no-repeat) *Применимо для: block-level и replaced элементов Возможные значения: [1] процент от ширины и процент от высоты (+) [2] top, middle, bottom - одно из значений [3] left, center, right - одно из начений [4] расстояние от левого края и расстояние от вершины ПРИМЕР: background-position:50%0%
background - обобщает вышеперечисленные свойства *Применимо для: всех элементов Возможные значения: [1] background-color [2] background-image [3] backgroun-position [4] background-attachment [5] background-repeat ПРИМЕР: background:no-repeat black fixed 50%0%
Пост N: 1471
Зарегистрирован: 19.09.06
Откуда: Россия, Москва
Рейтинг:
18
Отправлено: 12.07.07 13:17. Заголовок: Re:
Какой скрипт позволяет при загрузке страницы ставить случайный логотип из имеющихся?
<div id="logo"></div> - это контейнер, в который скрипт будет вставлять картинку.
<script language="javascript" type="text/javascript"> img=new Array(); dat=new Date(); j=0; img[j++]="url 1-й картинки"; img[j++]="url 2-й картинки"; img[j++]="url 3-й картинки"; img[j++]="url 4-й картинки"; logo.innerHTML='<img src="' + img[Math.ceil(dat.valueOf()/1000) % img.length] + '">'; </script>
Этот скрипт может работать только с одним контейнером. Картинок может быть сколькл угодно - строки добавите по аналогии. Выбор картинки определяется текущей секундой. Зеленым - помечен делитель времени. 1000 - соответствует секунде, 60000 - минуте и т.д.
Небольшие облегчающие жизнь хитрости с применением CSS.
чтобы убрать бордеры у всех картинок: IMG{border-style:none;}
чтобы назначить всем таблицам border="0" cellspacing="0" TABLE {border-style:none; border-collapse: collapse;}
чтобы не прописывать каждый раз параметры баннеров 88х31 .b88x31{width:88px;height:31px;border-style:none;} Этот код убирает бордер и устанавливает размеры всем картинкам с class="b88x31"
Для тех, кто не знаком со стилями, рекомендую найти в дебрях интернета справку по тегу <STYLE>
Как избежать такого? Одна из причин дублирования картинки - текст, который при изменении настроек браузера изменяет свой размер и растягивает ячейку таблицы.
Как зафиксировать размер текста в пиксельном значении? Для того, что бы текст сохранял свой размер, следует воспользоваться стилем. Например:
цитата:
<font color="#000000" face="Verdana" size="1"> текст </font>
Поменять на:
цитата:
<span style="font size:10px;font-color:#000000;font-face: Verdana"> текст </span>
В данном случае применялся тэг span, хотя style можно вписать и в тэг ячейки таблицы.
То есть создается таблица 3х3: Первая строка Первая ячейка aka первый столбец - изображение угловой картинки (не дублирующейся, с фиксированным значением ширины и высоты). Вторая - изображение картинки рамки (дублирующейся, с фиксированным значением высоты, но не ширины). Третья - изображение угловой картинки (не дублирующейся, с фиксированным значением ширины и высоты). Вторая строка Первая ячейка - изображение дублирующейся картинки (дублирующейся, с фиксированным значением ширины, но не высоты). Вторая - собственно, тут изображений не нужно. Это ячейка для форумной таблицы (то есть тут кончается HTML-верх и начинается форум). Все последующие теги пишутся уже в хтмл-низ. Третья - изображение дублирующейся картинки (дублирующейся, с фиксированным значением ширины, но не высоты). Третья строка Первая ячейка - изображение угловой картинки (не дублирующейся, с фиксированным значением ширины и высоты). Вторая - (форумная таблица заканчивается, начинается HTML-низ) изображение дублирующейся картинки (дублирующейся, с фиксированным значением высоты, но не ширины). Третья - изображение угловой картинки (не дублирующейся, с фиксированным значением ширины и высоты).
Изображения - это элементы, в совокупности составляющие рамку, которую вы хотите сделать. Оригинал текста находился здесь
Отправлено: 05.11.07 21:54. Заголовок: Как настраивать стил..
Как настраивать стили оформления таблиц форума (взято с какого-то форума, не помню с какого)) )?
цитата:
<STYLE type=text/css> //Отсюда начинается описание стилей форума (собственно, простор для custom'изации дизайна): 1) BODY{margin:10px;margin-top:15px;margin-bottom:10px;} //Стиль тела документа 2) td{font-family:Verdana;} //Общий стиль таблиц 3) .font1{font-size:12px;font-weight:400;} //текст сообщений 4) .font2{font-size:11px;font-weight:400;}// автоподпись, личное звание, «На форуме: NNN, гостей 0. Всего: 1», зарегистрироваться, отправлено: и еще много мелочей; «Профиль NNN • Настройки • Участники • Выход • Все прочитано»; Ник и пароль возле полей входа вверху; комментарии к названиям разделов; 5) .font3{font-size:11px;font-weight:700;} //ник 6) .font4{font-size:11px;font-weight:700;} //для кнопок Ответить, новая тема, Новый опрос, обявления админа и еще для некоторых кнопок. Если с включенной графикой менять этот класс то различия заметиш только если будешь менять размер шрифта 7) .font5{font-size:11px;font-weight:700;COLOR:#ffa450;} //Тема, Ответов, Просмотров и шапка форума. 8) .font6{font-size:11px;font-weight:700;} - //надписи между заголовками разделов на Главной форума (т. н. "разделительная полоса") 9) a:link{color:6020ff;text-decoration:none;} //Цвет и стиль ссылок 10) a:visited{color:#5493b4;text-decoration:none;} //Цвет и стиль посещенных ссылок 11) a:hover{color: #dd6900;text-decoration:underline;} //Цвет и стиль ссылок, на которые наведен курсор 12) tr.font3{height:35px;} //Это стили текста в ячейках таблицы форума 13) tr.font5{height:35px;} - //настройки стилей для строк таблиц в которых применяется font5 14) tr.font6{height:35px;} - //настройки стилей для строк таблиц в которых применяется font6 15) input,select,textarea{font-size:11px;font-family:Verdana;} - //(Это текст в кнопках типа отправить, сохранить настройки, вход и т. д. — Esty) и формы ввода 16) textarea{width:100%;height:120;} - // параметры формы ввода (соответственно ширина (в % или пикселях) и высота (лучше просто в пикселях), 100% означает во всю ширину окна. — Boris 17) input.sender{background-color:#ffffff;font-weight:700;border:1 outset rgb(0,0,0);} //это цвет "color:#ffffff" заливки кнопок ввода </STYLE>
Дублирую, вдруг премодерация глючит: Как прикрепить к верху содержимое таблички справа от форума (туда поставлен чат)? Чтобы при открывании темы с большим количеством ответов он оставался "справа-топ", а не терялся в середине страницы. Вопрос к вот этой инструкции - Карми пишет:
цитата:
2. В хтмл-верхе в самом конце: цитата: <TABLE width=100%> <TR> <TD width=ширина левой таблички> табличка №1 </td> <td>
В хтмл-низе: цитата: </TD> <td width=ширина правой таблички> таблица №2 </td> </TR> </TABLE>
Привет, я тут новенький, давайте знакомиться!Меня зовут Даша вот моя фотка. я тут голенькая! Ну будем знакомы!!!! Давайте делитесь своми фотами! Буду очень рада!!
Все даты в формате GMT
3 час. Хитов сегодня: 6
Права: смайлы да, картинки да, шрифты да, голосования нет
аватары да, автозамена ссылок вкл, премодерация откл, правка нет