Отправлено: 09.11.07 04:06. Заголовок: "Изюмины" или Как сделать так же?

В целях познания HTML можем разобрать дизайн на примере.


Знайте, юзвери!
Подробный разбор чужих дизайнов осуществляется форумом ForAdmins с января 2007 года.
Другие "форумы тех поддержки" оказывающие данную услугу у нас нагло спёрли идею, а качества всё равно осуществить не могут.

 Отправлено: 09.11.07 04:15. Заголовок: Танго пишет 06.06.07..

Танго пишет 06.06.07 10:00:

цитата:

У меня вопрос - как сделаны кнопочки меню вот тут: http://ossba.borda.ru/ 1)сбоку 2)как меняют окрас

сменили дизайн. by_Ласка.

---

Ласка пишет 08.06.07 21:53:

цитата:

Из значимого. Верх: Скрытый текст <table border=0 cellpadding=0 cellspacing=0 width=100% > <tr><td width=500><img src="ссылка на лого - девочка с крыльями слева" ></td><td background=фон там, где горы видны valign=top> <br><br> <table cellpadding=0 cellspacing=0 width=270 height=250 background=большой синий квадрат сверху (фон таблицы, текста которой всё равно не видно в Мозилле)> <tr><td> <ilayer width="&{marqueewidth};" height="&{marqueeheight};" name="cmarquee01"> <layer name="cmarquee02" width="&{marqueewidth};" height="&{marqueeheight};"></layer> </ilayer> </td></tr> </table> </td></tr></table> <table border=0 cellpadding=0 cellspacing=0 width=100% > <tr><td background=фон под кнопками навигации width=270 valign=top> <div align=right><small =2><i><b><font style="font-size:9pt">Достигнуть зари можно только тропою ночи.</b><br>Джебран</i> <br></small></div> <script language="JavaScript"> if (document.images) { img1on = new Image(); img1on.src ="потемневший шар - Введение"; img1off = new Image(); img1off.src = "обычный синий шар"; img2on = new Image(); img2on.src ="потемневший горизонт - Сайт"; img2off = new Image(); img2off.src = "синий горизонт"; img3on = new Image(); img3on.src ="потемневшая голова - регистрация"; img3off = new Image(); img3off.src = "синяя голова"; img4on = new Image(); img4on.src ="потемневшее крыло - Энциклопедия"; img4off = new Image(); img4off.src = "синее крыло"; img5on = new Image(); img5on.src ="потемневшие холмы - Реклама"; img5off = new Image(); img5off.src = "синие холмы"; img6on = new Image(); img6on.src ="потемневшая нога (да, это нога)- Сюжет"; img6off = new Image(); img6off.src = "синяя нога"; } function imgOn(imgName) { if (document.images) { document[imgName].src = eval(imgName + "on.src"); }}//osw function imgOff(imgName) { if (document.images) { document[imgName].src = eval(imgName + "off.src"); }} </script> <small></small> <a href="ссылка на введение" title=Введение onmouseover="imgOn('img1')"; onmouseout="imgOff('img1')" ><img src="обычный синий шар" border="0" name=img1></a> <br><br> <a href="ссылка на сайт" title=Сайт onmouseover="imgOn('img2')"; onmouseout="imgOff('img2')" ><img src="синий горизонт" border="0" name=img2></a> <br><br> <a href="ссылка на регистрацию" title=Регистрация onmouseover="imgOn('img3')"; onmouseout="imgOff('img3')" ><img src="синяя голова" border="0" name=img3></a> <br><br> <a href="ссылка на энциклопедию" title=Энциклопедия onmouseover="imgOn('img4')"; onmouseout="imgOff('img4')" ><img src="синее крыло" border="0" name=img4></a> <br><br> <a href="ссылка на сюжет" title=Сюжет onmouseover="imgOn('img6')"; onmouseout="imgOff('img6')" ><img src="синяя нога" border="0" name=img6></a> <br><br> <a href="ссылка на рекламу" title=Реклама onmouseover="imgOn('img5')"; onmouseout="imgOff('img5')" ><img src="синие холмы" border="0" name=img5></a> <br><br><br><br><br><small> <b>Администрация:</b> связь с админами </small> <br> баннеры каталогов и рейтингов </td> <td > <table cellpadding=0 cellspacing=0 width=97% ><tr><td> Низ:  цитата: </td></tr> <tr><td colspan="2" width=11 background=11></td></tr> </table> </BODY> </HTML> А вообще респект им за оригинальность. 1) Сделаны в Фотошопе. 2) Это такой вид a:hover - отдельным скриптом - при наведении курсора картинка заменяется на другую с пояснением при этом содержа в себе ссылку.

---

Танго пишет 08.06.07 22:47:

цитата:

Я правильно поняла, что они просто описали переменные, которые потом использовали дальше?

---

Ласка пишет 08.06.07 23:59:

цитата:

Танго Ну в принципе да.

---

Танго пишет 09.06.07 00:41:

цитата:

Ласка, спасибо!

 Отправлено: 06.12.07 14:22. Заголовок: Здравствуйте, вот у ..

 Отправлено: 07.12.07 12:28. Заголовок: Fernanda пишет: Рас..

Fernanda пишет:

цитата:

Расскажите, пожалуйста, как сделать таблицу, как здесь http://magicgame.forum24.ru, как я понимаю, она совмещена как бы с логотипом...

Именно. http://foradmins.forum24.ru/?1-1-0-00000002-000-0-0#006
Тут я рассказала как делается сам дизайн. А на магикгейме просто сверху накинута прозрачная (border="0") таблица, в которой прописаны Дата, Время и т.п. на нужном месте, там где место для новостей в логотипе с поездом, серо-прозрачное место и сверху News написано - Скрытый текст

http://i165.photobucket.com/albums/u45/hameleon_album/inc/11-1.jpg

Можно этого же эффекта добиться и другим способом, посложнее, где всё должно быть рассчитано до пикселя. Только он подходит не для всех разрешений мониторов у пользователей, то есть у монитора с 1024 будет (может быть) всё хорошо, а у 1280 всё будет растянуто и криво. Ну так вот, для этого используется блочный элемент <div>, которому задаются параметры относительно верха, низа и сторон отображаемого окна (только окна у разных мониторов отображаются по-разному, но на это всем начхать, поэтому новости зачастую криво отображаются ) и ширина-высота самого блока, в котором будут собственно новости.
Способ с таблицей проще и надёжней.

---

Fernanda пишет:

цитата:

И второй вопрос, как сделать таблицу самих сообщений полупрозрачной, чтобы виднелся фон? как тут http://darkcastle2.forum24.ru/

А фон-то надо было прикрепить!

http://foradmins.forum24.ru/?1-1-0-00000002-000-0-0#000 В первом посте написано.

 Отправлено: 07.12.07 12:31. Заголовок: Ласка спасибо огром..

Ласка
спасибо огромнейшее!

 Отправлено: 08.12.07 21:33. Заголовок: Fernanda да пожалуйс..

Fernanda да пожалуйста, мне не трудно.

 Отправлено: 15.12.07 14:22. Заголовок: Ласка Подскажите пож..

Ласка Подскажите пожалуйста, как сделать так, чтобы фон поля для ввода сообщений был текстурой? (например, как здесь http://cosy.forum24.ru/)

 Отправлено: 16.12.07 01:15. Заголовок: Ровена респект им за..

Ровена респект им за аккуратный код.

Ищешь место верха про поля ввода и кнопки.


input,select,textarea{font-size:11px;font-family:Verdana;background-image:url('адрес текстуры');}
textarea{width:100%;height:120;}


И помним о том, что ничего яркого туда вставлять просто нельзя - пожалейте глаза юзеров! И просто неудобно будет.

 Отправлено: 16.12.07 13:19. Заголовок: Ласка странно, но у ..

Ласка странно, но у меня не работает... может быть я куда-то не туда вставляю?
Скрытый текст

<HTML> <HEAD> <TITLE>Трасса 57</TITLE> <META content="text/html; charset=windows-1251" http-equiv=Content-Type> <STYLE> BODY { BACKGROUND-POSITION: center top; BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(http://i020.radikal.ru/0711/95/de85ff3a3ccb.jpg); MARGIN: 15px 10px 10px; BACKGROUND-REPEAT: no-repeat; SCROLLBAR-BASE-COLOR: #ffffff .font1 {COLOR: #000000; font-family:Verdana; font-size:12px;} .font2 {COLOR: #000000; font-family:Verdana; font-size:11px;} .font3 {COLOR: #000000; font-family:Verdana; font-size:12px;} .font4 {COLOR: #000000; font-family:Verdana; font-size:11px;} .font5 {COLOR: #FFFFFF; font-family:Verdana; font-size:12px; font-weight:700;} .font6{COLOR: #000000; font-family:Verdana; font-size:12px;} ul,li {margin: 4px 4px 4px 4px; padding: 0px 0px 0px 0px;TEXT-INDENT: 10pt} input,select,textarea{font-size:11px;font-family:Verdana;background-image:url('http://i034.radikal.ru/0712/e2/81709d780ae3.gif');} textarea{width:100%;height:120;} a:link {COLOR: #1C3070; TEXT-DECORATION: none} a:active {COLOR: #ff0000; TEXT-DECORATION: none} a:visited {COLOR: #4F76B3; TEXT-DECORATION: none} a:hover {COLOR: #ff0000; TEXT-DECORATION: none} input.sender{background-color:#ffffff;font-weight:700;border:1 outset rgb(0,0,0);} </STYLE> </head> <BODY bgcolor=#8B7765 text="EECBAD" font face="comic sans, arial, verdana, courier" leftMargin=50 topMargin=10 marginheight=10 marginwidth=50 alink = "#EECBAD" link ="EECBAD" vlink ="#EECBAD"> <TABLE width="864" align="center" cellSpacing="0" cellPadding="0" height="100%" border="0" bordercolor="#EECBAD"> <TR><TD valign="top">

 Отправлено: 17.12.07 22:00. Заголовок: Ровена попробуй один..

Ровена попробуй одинарные кавычки убрать - 'http://i034.radikal.ru/0712/e2/81709d780ae3.gif' - если не получится, давай адрес форума, постараюсь поправить.

 Отправлено: 17.12.07 23:57. Заголовок: ­Ласка не получилось,..

*PRIVAT*

 Отправлено: 19.12.07 01:48. Заголовок: Ровена в боди скобка..

Ровена в боди скобка не закрыта была. Замени на это нужные куски:

Скрытый текст

В поле новостей: <center><font color="#EECBAD" face="Times" size="7px">Трасса 57</font></center> Куски верха: <HTML> <HEAD> <TITLE>Трасса 57</TITLE> <META content="text/html; charset=windows-1251" http-equiv=Content-Type> <STYLE> BODY { MARGIN: 15px 10px 10px; BACKGROUND-IMAGE: url(http://i020.radikal.ru/0711/95/de85ff3a3ccb.jpg); BACKGROUND-POSITION: center top; BACKGROUND-ATTACHMENT: fixed; BACKGROUND-REPEAT: no-repeat; SCROLLBAR-BASE-COLOR: #ffffff;} .font1 {COLOR: #000000; font-family:Verdana; font-size:12px;} .font2 {COLOR: #000000; font-family:Verdana; font-size:11px;} .font3 {COLOR: #000000; font-family:Verdana; font-size:12px;} .font4 {COLOR: #000000; font-family:Verdana; font-size:11px;} .font5 {COLOR: #FFFFFF; font-family:Verdana; font-size:12px; font-weight:700;} .font6{COLOR: #000000; font-family:Verdana; font-size:12px;} ul,li {margin: 4px 4px 4px 4px; padding: 0px 0px 0px 0px;TEXT-INDENT: 10pt;} input,select,textarea{font-size:11px;font-family:Verdana;background-image:url(http://i034.radikal.ru/0712/e2/81709d780ae3.gif);} textarea{width:100%;height:120;} a:link {COLOR: #EECBAD; TEXT-DECORATION: none} a:active {COLOR: #EECBAD; TEXT-DECORATION: none} a:visited {COLOR: #EECBAD; TEXT-DECORATION: none} a:hover {COLOR: #EECBAD; TEXT-DECORATION: none} input.sender{background-color:#ffffff;font-weight:700;border:1 outset rgb(0,0,0);} </STYLE> </HEAD> <BODY bgcolor=#8B7765 text="EECBAD" font face="comic sans, arial, verdana, courier" leftMargin=50 topMargin=10 marginheight=10 marginwidth=50 alink = "#EECBAD" link ="EECBAD" vlink ="#EECBAD"> <TABLE width="864" align="center" cellSpacing="0" cellPadding="0" height="100%" border="0" bordercolor="#EECBAD"> <TR><TD valign="top">

Если background-image:url(http://i034.radikal.ru/0712/e2/81709d780ae3.gif); приставить к textarea, то текстура будет только в полях ввода и кнопки будут простыми белыми без текстуры.

 Отправлено: 19.12.07 19:38. Заголовок: Ласка спасибо, ты пр..

Ласка спасибо, ты просто чудо!

 Отправлено: 05.01.08 13:54. Заголовок: http://harrypotterga..

http://harrypottergame.borda.ru/ А скажите, как делается такой дизайн. Я имею в виду таблицу там, где разделы и темы?

 Отправлено: 21.01.08 18:55. Заголовок: Платина http://i026..

Платина
http://i026.radikal.ru/0712/8b/48bb136ebbc3.png - картинка с лого и местами для писанины.
http://i018.radikal.ru/0801/01/142d45369fa9.png - фон непосредственно таблицы с кирпичиками по краям.
http://i019.radikal.ru/0801/2d/e4a37da57e9f.png - кирпичики ставятся на самый задний общий фон.
http://i023.radikal.ru/0801/95/889072c6b9be.png - низушка с копирайтом.

В самый конец верха:
Скрытый текст

<BODY background="кирпичики" bgproperties="fixed"> <center> <TABLE width="974px" cellpadding="0px" cellspacing="0px" border="0px"> <TR> <TD width="974px" height="633px" background="лого"> <center> <table width="929px" height="610px" border="0px"> <tr align="left" valign="top"> <td width="150px" height="145"></td> <td width="65px"></td> <td width="410px"></td> <td width="30px"></td> <td></td> <td width="5px"></td> </tr> <tr align="center" valign="center"> <td width="150px" height="190px" rowspan="3"> <font color="#2f372e" size="1"> <b>писанина новостей слева</b> </font> </td> <td width="65px" height="180px"></td> <td width="410px"></td> <td width="30px"></td> <td></td> <td width="5px"></td> </tr> <tr align="left" valign="center"> <td width="65px" height="110px"></td> <td width="410px"></td> <td width="30px"></td> <td rowspan="2"> <font color="#2f372e" size="1"> <b>писанина новостей справа</b> </font> </td> <td width="5"></td> </tr> <tr align="center" valign="center"> <td width="65px"></td> <td width="410px"> <font color="#2f372e" size="1"> <b>дата, погода, события игры</b> </font> </td> <td width="30px"></td> <td width="5px"></td> </tr> </table> </center> </TD> </TR> <TR> <TD width="974px" background="фон таблицы с кирпичами по краям"> <table width="900px" align="center" cellpadding="0" cellspasing="0" border="0"> <tr> <td>

Посередине по умолчанию ставится сама таблица форума.

В верх низа:
Скрытый текст

</table> <TR> <TD colspan="7"> <img src="низушка" width="974px" height="150px"> </TD> </TR> </TABLE> </center> </TD></TR> </TABLE> </BODY></HTML>

 Отправлено: 10.06.08 16:48. Заголовок: Ласка я туплю) но к..

Ласка
я туплю) но как в фотошопе делать эти кирпичики? О.О

 Отправлено: 15.06.08 23:31. Заголовок: Главный Псих Проще ..

Главный Псих
Проще найти готовые, чем делать. А потом перекрасить в фотошопе.

 Отправлено: 01.07.08 19:47. Заголовок: Ласка У меня такой ..

Ласка
У меня такой вопросик: можно сделать ссылку рабочей кнопкой? То есть, сделать ссылку кнопкой - это я знаю как. Но можно ли сделать, чтобы когда нажимаешь на кнопку, она видимо продавливалась (как, к примеру, когда отправляешь сообщение здесь). Я соображаю, что нужно сделать две картинки, но как их потом впихивать, чтобы они сменяли одна другую?

В общем, буду очень благодарен, если поможете)))))

 Отправлено: 02.07.08 12:41. Заголовок: McNamara, а где ты т..

McNamara, а где ты тут видишь кнопку, чтобы она "продавливалась", когда на неё нажимаешь? У меня в Опере не продавливается ни одна.

 Отправлено: 02.07.08 16:36. Заголовок: Reineke пишет: а гд..

Reineke пишет:

цитата:

а где ты тут видишь кнопку, чтобы она "продавливалась", когда на неё нажимаешь? У меня в Опере не продавливается ни одна.

Да и у меня в Мозилле тоже.

McNamara пишет:

цитата:

У меня такой вопросик: можно сделать ссылку рабочей кнопкой?

Образец такого эффекта в студию, плиз.

 Отправлено: 02.07.08 19:54. Заголовок: Ва! На Mybb кнопка &..

Ва! На Mybb кнопка "Отправить" (сообщение) продавливается. Или когда входишь на форум то ли "OK", то ли "Войти" тоже продавливаются. (Сейчас Ласка скажет, что на Mybb ей не годится).

Между прочим, в эксплоерере и на foradmins'е продавливается кнопка "Отправить" под формой сообщения, а в Опере - только подсвечивается жёлтым (у меня, в частности). Но однозначно - две картинки должны быть: кнопка нормальная и кнопка продавленная/подсвеченная.

Кстати, в эксплоерере она продавливается, когда кликаешь, в подсвечивается в Опере - когда наводишь.

Только, хорошо бы, чтоб во всех браузерах действовало...

 Отправлено: 02.07.08 20:17. Заголовок: А ведь самое обидное..

А ведь самое обидное, что больше и найти не могу((( Ну, чтобы кнопка хоть подсвечивалась - необязательно продавливалась)))

Может, поможет то, что нашёл Reineke )))))

 Отправлено: 03.07.08 15:48. Заголовок: Мне пожертвовали вот..

Мне пожертвовали вот такой скрипт:
Смена картинки при наведении курсора

<html>
<head>
<title>Cмена картинок при наведении курсора на ссылку</title>
<script>
function not(){
document.img1.src="../banner/gold-ban468x60.gif"
}
function imgOn(imgName) {
if (document.images) {
document.img1.src = imgName; }}
</script>
</head>
<body>
<a href="javascript:not()" onmouseover="imgOn('../banner/gold-ban468x60.gif')">slide 1</a> <a href="javascript:not()" onmouseover="imgOn('../banner/metal468x60.gif')">slide 2</a>
<a href="javascript:not()" onmouseover="imgOn(' ../banner/metal-468x60.gif')">slide 3</a>
<a href="javascript:not()" onmouseover="imgOn('../banner/gold468x60.gif')">slide 4</a><br><br><img src="../banner/gold-ban468x60.gif" width="468" height="60" alt="" border="0" name="img1">
</body>
</html>

Только я пока не разобрался, как это действует и куда это надо вставлять, скажем, если картинка, которая изменяется, стоит в ячейке таблицы.

 Отправлено: 03.07.08 20:36. Заголовок: Reineke пишет: Кста..

Reineke пишет:

цитата:

Кстати, в эксплоерере она продавливается, когда кликаешь, в подсвечивается в Опере - когда наводишь. Только, хорошо бы, чтоб во всех браузерах действовало...

Именно там они и не работают.
Подсветка или изменение цвета ссылки не работает в Эксплорере.
*бормочет*
Блин, был же где-то скрипт подсветки красным.... >_<

Reineke пишет:

цитата:

(Сейчас Ласка скажет, что на Mybb ей не годится)

Именно. Там движок бредовый.

McNamara пишет:

цитата:

Ну, чтобы кнопка хоть подсвечивалась - необязательно продавливалась)))

Кнопка на борде = ссылка, поэтому может быть.. не знаю точно.. подойдут скрипты изменения стиля к а:hover.
Например:


<style type="text/css">
a {filter:none; -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;}
a:hover {filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6; COLOR:gray;} </style>


При наведении на ссылку или кнопку (которые свои на фотобукете лежащие) они становятся прозрачнее, чем обычно и становятся серыми.
Виден в Мозилле.

---

McNamara пишет:

цитата:

Мне пожертвовали вот такой скрипт: Смена картинки при наведении курсора

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

 Отправлено: 04.07.08 13:33. Заголовок: Ласка пишет: Обману..

Ласка пишет:

цитата:

Обманули тебя.

Думаю, человек просто сам не разобрался, что именно надо(((

Попробую куда-нибудь поставить, посмотрю как работает))) Может быть, я слишком много хочу, чтобы у меня ещё кнопки были "рабочие"... Но вообще, было бы очень интересно)

 Отправлено: 04.07.08 13:58. Заголовок: Честно говоря - прощ..

Честно говоря - проще привести пример, где кнопки "ни а что не реагируют". Потому как реагируют (либо продавливаются, либо подсвечиваются при наведении или клике) они почти везде. В поисковых системах гугля, рамблера, яндекса кнопка "найти" ("поиск") всегда реагирует. Но в IE и FF она продавливается, а в Опере - только подсвечивается. На UcoZ и 2х2 (про другие я говорил выше) кнопка "Отправить" или "Перейти" тоже продавливаются...

Хотя, в принципе, если рассуждать здраво - на фиг это нужно? Так, лишний прибамбас, чтобы пальцы веером расставлять.
В общем-то мне кажется, что это уже лишнее украшательство.

 Отправлено: 04.07.08 15:17. Заголовок: Reineke McNamara Ес..

Reineke McNamara
Если брать пример нашей кнопки Отправить, то это лишь иллюзия продавливания, как и многое в дизайне вообще. Скриптик когда при наведении на кнопку появляется оранжевая подсветка по внутреннему краю контура.
Скорее всего его можно достать из исходного кода, только долго копаться.

 Отправлено: 08.07.08 22:30. Заголовок: Ласка Понятно. Ладн..

Ласка
Понятно. Ладно, постараемся просто без такого прибамбаса обойтись))) В принципе, это была просто идея)

 Отправлено: 15.07.08 02:55. Заголовок: Ласка пишет: Скорее..

Ласка пишет:

цитата:

Скорее всего его можно достать из исходного кода, только долго копаться.

Поискала. Там что-то невообразимое.

 Отправлено: 17.07.08 20:57. Заголовок: Ласка пишет: Там чт..

Ласка пишет:

цитата:

Там что-то невообразимое

Я тоже попробовал поискать... В общем, обойдёмся без прибамбасов. И так хорошо)

 Отправлено: 25.07.08 17:13. Заголовок: Вот тут http://www.m..

Вот тут http://www.mirf.ru/
Есть такая интересная фишка: нажимаешь на ссылку слева, в модуле "Рубрики сайта", например на ссылку "Книжный ряд", а из неё выпадает ещё кучка подрубрик ссылками. Такая же фишка иногда и на других сайтах попадается. А возможно такое сделать, или это что-то сложное и наворочанное, с чем лучше не связываться?


И ещё один вопрос, допускаю, что не в эту тему:
Почему в одном случае пишется тег style="font-size: 40pt"> с дефисом между font и size, а в других случаях пишется <FONT size= +1> без дефиса?

 Отправлено: 26.07.08 22:29. Заголовок: McNamara пишет: Поч..

McNamara пишет:

цитата:

Почему в одном случае пишется тег style="font-size: 40pt"> с дефисом между font и size, а в других случаях пишется <FONT size= +1> без дефиса?

И вообще, как лучше: с размером в pt или +1?
Я тут попробовал параметры в CSS задать, сразу вопрос, это у всех в CSS нужно размер шлифта задавать какими-то гигантскими значениями или у меня одного так?
Например, у меня P {font-size:20px}, а размер шрифта не очень крупный: Пример

 Отправлено: 28.07.08 10:17. Заголовок: McNamara пишет: А в..

McNamara пишет:

цитата:

А возможно такое сделать, или это что-то сложное и наворочанное, с чем лучше не связываться?

*почесала тыковку* Все можно, ежели уметь. Не думаю, что это что-то суперсложное.

McNamara пишет:

цитата:

Почему в одном случае пишется тег style="font-size: 40pt"> с дефисом между font и size, а в других случаях пишется <FONT size= +1> без дефиса?

Потому что во втором случае ФОНТ - это тег и рядом в угловых скобках его сайз, его колор и т.п. http://www.htmlbook.ru/html/font.html
А в первом случае фонт-сайз - параметр CSS, у которого свои аргументы, т.е. значения, выражаемые в пунктах, пикселях или процентах. http://www.htmlbook.ru/css/font-size.html
В общем понятия близкие и очень родственные, только один из хтмл, другой из цсс.

Reineke пишет:

цитата:

Например, у меня P {font-size:20px}, а размер шрифта не очень крупный:

Ну так и есть твои 20 пикселей.

Reineke пишет:

цитата:

И вообще, как лучше: с размером в pt или +1?

Лучше в пикселях, их однозначно все браузеры воспринимают.

 Отправлено: 28.07.08 13:29. Заголовок: Ласка пишет: Ну так..

Ласка пишет:

цитата:

Ну так и есть твои 20 пикселей

Да где ты там видишь 20 пикселей???
Стандартный баннер 31 пикс в высоту! Разве буква текста размером в 2/3 баннера? Он же абсолютно мелкий! (я имею в виду текст)
Вечером:
Пардон, так и должно быть. Стили конечно хорошая вешь, но уж больно сложная (для меня тупого).

Кстати, на Этом бордовском форуме были когда-то выпадающие менюшки. Что от них осталось теперь - видите сами.

 Отправлено: 28.07.08 18:31. Заголовок: Ласка Понятно))) Сп..

Ласка
Понятно))) Спасибо за ссылки)))
Reineke
Я тут подумал: зачем нам кузнец? зачем нам выпадающие менюшки? И без них хорошо))) Опять-таки, делать самим - неохота, а кого-то напрягать - тоже вроде нехорошо)))

 Отправлено: 29.07.08 10:44. Заголовок: Reineke пишет: Что ..

Reineke пишет:

цитата:

Что от них осталось теперь - видите сами.

Менюшки-то есть, только непонятно что в них.

McNamara пишет:

цитата:

И без них хорошо)))

Иногда они бывают очень красивыми. *умилилась*
Ну если в них только багов нет.

 Отправлено: 29.07.08 12:19. Заголовок: Ласка пишет: Менюш..

Ласка пишет:

цитата:

Менюшки-то есть, только непонятно что в них.

Форум брошен админами уже около года. Меня вообще удивляет, что его всё ещё не уничтожили. Там и фон раньше был не белый, а какой-то в стиле всего форума: красно коричневый или чёрный, не помню точно. (Наверное, Кошка картинку фона переложила или убрала).
На менюшках были конкретные ссылки))))
Наверное, сейчас что-то перекосило...

На менюшки нужен какой-то ява-скрипт. Однако, как сказала Дикарка, "никакое обилие ява-скриптов не сделает ваш сайт более посещаемым".

 Отправлено: 30.07.08 16:21. Заголовок: Кстати, вот урок, по..

Кстати, вот урок, по которому можно сделать изменяющуюся кнопочку.
http://www.dikarka.ru/lessons/lesson_24.shtml

Только не факт, на сколько хорошо это отображается во всех браузерах. Надо попробовать)))

 Отправлено: 30.07.08 23:48. Заголовок: Reineke пишет: На м..

Reineke пишет:

цитата:

На менюшках были конкретные ссылки)))) Наверное, сейчас что-то перекосило...

Насколько я хоть что-то поняла один их скрипт меню был положен на сайт, который удалился, а другой остался, поэтому если потыкать по меню, оно работает.

Reineke пишет:

цитата:

"никакое обилие ява-скриптов не сделает ваш сайт более посещаемым".

Мудро. Главное - контент, т.е. наполнение. Правда всякие фишки могут привлечь посетителей от 0 до 15 лет, но это уже смотря на кого сам сайт рассчитан. *пожала плечами*

McNamara пишет:

цитата:

Кстати, вот урок, по которому можно сделать изменяющуюся кнопочку.

Хороший урок кстати. Надо будет попробовать.