Оцените сайт . . . =)

12
_ShproT_
На сайте с 31.07.2006
Offline
6
#11
AVV:
Все когда-то с чего-то начинали. Мастерство же шлифуется годами.

Золотые слова =) А как оптимизировать под разные разрешения экрана? Мож срипт есть такой? У меня разрешение 1280х1024. Растянуть то канешн мона и в ручную, но сомневаюсь, что станет лучше.

<TABLE 

style="BORDER-RIGHT: #4d4d4d 1px solid; BORDER-TOP: #4d4d4d 1px solid; BORDER-LEFT: #4d4d4d 1px solid; BORDER-BOTTOM: #4d4d4d 1px solid"
cellSpacing=0 cellPadding=0 width=850 align=center bgColor=#ffffff>

Если поставить значение width не 850, а 1200, то страница растягивается на всю ширину экрана, но даже если сделать так, то полоса прокрутки наверно еще больше станет... 😕

AVV
На сайте с 31.07.2006
Offline
84
AVV
#12

width="100%"

сответственно, в <TD> тоже изменить значения, если нужно, где-то на %, где-то оставить в px, так как нужно мастеру.

Т.е., если у вас, например в таблице три колонки, а ширина таблицы 100%, то колонки могут быть, например, 21% 56% 23%.

Пример такой таблицы из трех колонок и трех строчек:


<TABLE border=0 cellPadding=0 cellSpacing=0 width="100%">
<TR>
<TD width="21%"></TD>
<TD width="56%"></TD>
<TD width="23%"></TD></TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD></TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD></TR></TABLE>
_ShproT_
На сайте с 31.07.2006
Offline
6
#13

Блин чета лажа какае-та... Полностью сайт растянуть не получается. Попробовал вернуть все как было и тоже не получается!😡 😡 😡 Вроде поправил все, как было, но теперь колонка новостей стала в раза уже, блин 😡 😡 😡

Эта часть (которая в 2 раза уже стала) с самого начал имела такой код (я его не менял):

<TD vAlign=top>

<DIV style="MARGIN-TOP: 0px">
{info}
{content}</DIV></TD>

Все мои попытки вернуть её в нормальное состояние оказались напрасны😕 😕 😕

AVV
На сайте с 31.07.2006
Offline
84
AVV
#14

_ShproT_, у вас в коде страниц куча вложенных одна в другую таблиц.

Поставьте везде width="100%" после всех <TABLE

и посмотрите, что будет.

А потом отрегулируете ширину ячеек <TD>.

Вот, в самой первой таблице в которой находится заставка-логотип вверху страницы, замените width=850 на width="100%"


<TABLE style="BORDER-RIGHT: #4d4d4d 1px solid; BORDER-TOP: #4d4d4d 1px solid; BORDER-LEFT: #4d4d4d 1px solid; BORDER-BOTTOM: #4d4d4d 1px solid"
cellSpacing=0 cellPadding=0 width=850 align=center bgColor=#ffffff>

и так далее во всех таблицах <TABLE

P.S. Усидчивость, усидчивость и усидчивость. И понятие придет. :)

P.P.S. Перед внесением изменений, делайте резервные копии файлов, которые будете менять.

neznaika
На сайте с 28.06.2006
Offline
356
#15
_ShproT_:
Оцените сайт . . . =)

1) Приглушите оранжевый, а лучше почитайте яндекс на предмет цветовых схем.

2) http://www.pastukhova.com/lesson1.php здесь правильно рассказано как прорезинить дизайн, и сохранить совместимость браузеров.

удачи

p.s. AVV респект

Дорого покупаю настоящие сайты. Не инвестирую деньги и не беру кредиты.
_ShproT_
На сайте с 31.07.2006
Offline
6
#16

Спс за помощ - вроде рстянул =) Теперь пытаюсь бороться с оранжевым. Вот файл style.css

BODY {

SCROLLBAR-FACE-COLOR: #aaaaaa; SCROLLBAR-TRACK-COLOR: #ffffff; FONT-FAMILY: Verdana, Helvetica, sans-serif; SCROLLBAR-DARKSHADOW-COLOR: #aaaaaa
}
A:link {
FONT-SIZE: 8pt; COLOR: #688e23; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A:visited {
FONT-SIZE: 8pt; COLOR: #688e23; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A:hover {
FONT-SIZE: 8pt; COLOR: #ffa500; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A:active {
FONT-SIZE: 8pt; COLOR: #688e23; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.button {
BORDER-RIGHT: #4d4d4d 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #4d4d4d 1px solid; MARGIN-TOP: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; BORDER-LEFT: #4d4d4d 1px solid; COLOR: #4d4d4d; PADDING-TOP: 0px; BORDER-BOTTOM: #4d4d4d 1px solid; FONT-FAMILY: Tahoma,Arial,Verdana,Sans-Serif; BACKGROUND-COLOR: #fff
}
.nav {
FONT-SIZE: 10px; COLOR: #4d4d4d; FONT-FAMILY: Tahoma
}
.nav1 {
FONT-SIZE: 10px; COLOR: #4d4d4d; FONT-FAMILY: Tahoma
}
.addnews {
PADDING-RIGHT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #4d4d4d; FONT-FAMILY: tahoma
}
.newsbody {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; COLOR: #4d4d4d; LINE-HEIGHT: 12px; PADDING-TOP: 2px; FONT-FAMILY: verdana; TEXT-ALIGN: justify
}
.news {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; COLOR: #4d4d4d; LINE-HEIGHT: 10px; PADDING-TOP: 2px; FONT-FAMILY: verdana; TEXT-ALIGN: justify
}
.newstitle {
MARGIN-TOP: 10px; FONT-SIZE: 10px; MARGIN-LEFT: 10px; COLOR: #4d4d4d; FONT-FAMILY: verdana
}
.textin {
FONT-SIZE: 10px; COLOR: rgb(108,125,136); FONT-FAMILY: Verdana; TEXT-DECORATION: none
}
.search {
FONT-SIZE: 10px; COLOR: #4d4d4d; FONT-FAMILY: Verdana; TEXT-DECORATION: none
}
.lnk {
FONT-SIZE: 10px; COLOR: rgb(108,125,136); FONT-FAMILY: tahoma
}
.style1 {
FONT-SIZE: 10px; MARGIN-LEFT: 1px; COLOR: #4d4d4d; MARGIN-RIGHT: 1px; FONT-FAMILY: Tahoma; TEXT-ALIGN: justify
}
.style2 {
FONT-SIZE: 10px; COLOR: #4d4d4d; FONT-FAMILY: Tahoma
}
.style3 {
FONT-SIZE: 10px; MARGIN: 1px; COLOR: #4d4d4d; FONT-FAMILY: verdana; TEXT-ALIGN: justify
}
.lefttext {
MARGIN-TOP: 6px; FONT-SIZE: 10px; MARGIN-LEFT: 30px; VERTICAL-ALIGN: top; COLOR: #4d4d4d; FONT-FAMILY: Tahoma
}
.archives {
MARGIN-TOP: 0px; FONT-SIZE: 10px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 0px; VERTICAL-ALIGN: top; FONT-FAMILY: Tahoma
}
.opros {
MARGIN-TOP: 6px; FONT-SIZE: 10px; MARGIN-LEFT: 20px; VERTICAL-ALIGN: top; COLOR: #4d4d4d; FONT-FAMILY: Tahoma
}
.date {
FONT-SIZE: 10px; VERTICAL-ALIGN: top; COLOR: #4d4d4d; FONT-FAMILY: Tahoma; TEXT-ALIGN: left
}
.quote {
BORDER-RIGHT: #688e23 1px dotted; PADDING-RIGHT: 1px; BORDER-TOP: #688e23 1px dotted; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; FONT: 8pt Verdana; BORDER-LEFT: #688e23 1px dotted; COLOR: #4d4d4d; PADDING-TOP: 1px; BORDER-BOTTOM: #688e23 1px dotted; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: justify
}
.searchform {
MARGIN-TOP: 10px; FONT-SIZE: 10px; COLOR: #4d4d4d; FONT-FAMILY: Tahoma
}
.calendarview {
MARGIN-LEFT: 0px; VERTICAL-ALIGN: top; COLOR: red
}
.weekday-active-v {
FONT-SIZE: 8px; COLOR: red; FONT-FAMILY: tahoma
}
.day-active-v {
FONT-SIZE: 8px; COLOR: red; FONT-FAMILY: tahoma
}
.calendar {
FONT-SIZE: 8px; COLOR: #000000; FONT-FAMILY: verdana
}
.calendar TD {
FONT-SIZE: 8px; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
TH {
FONT-SIZE: 8px; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
.weekday {
FONT-SIZE: 8px; COLOR: red; FONT-FAMILY: verdana
}
.weekday-active {
FONT-SIZE: 8px; COLOR: red; FONT-FAMILY: verdana
}
.day-active {
FONT-SIZE: 10px; COLOR: red; FONT-FAMILY: verdana
}
.day-active A {
TEXT-DECORATION: underline
}
.weekday-active A {
TEXT-DECORATION: underline
}
.day-active-v A {
TEXT-DECORATION: underline
}
.weekday-active-v A {
TEXT-DECORATION: underline
}
.rating {
BORDER-RIGHT: #4d4d4d 1px solid; BORDER-TOP: #4d4d4d 1px solid; FONT-SIZE: 10px; BACKGROUND: #fff; VERTICAL-ALIGN: middle; BORDER-LEFT: #4d4d4d 1px solid; COLOR: #666666; BORDER-BOTTOM: #4d4d4d 1px solid; FONT-FAMILY: Tahoma, helvetica, sans-serif; HEIGHT: 18px
}
.bbcodes {
BORDER-RIGHT: #4d4d4d 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #4d4d4d 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 9px; BACKGROUND: #fff; PADDING-BOTTOM: 1px; MARGIN: 1px; VERTICAL-ALIGN: middle; BORDER-LEFT: #4d4d4d 1px solid; COLOR: #666666; PADDING-TOP: 1px; BORDER-BOTTOM: #4d4d4d 1px solid; FONT-FAMILY: Verdana, Tahoma, helvetica, sans-serif; HEIGHT: 18px
}
.xfields TEXTAREA {
BORDER-RIGHT: #4d4d4d 1px solid; BORDER-TOP: #4d4d4d 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #4d4d4d 1px solid; WIDTH: 310px; BORDER-BOTTOM: #4d4d4d 1px solid; FONT-FAMILY: verdana; HEIGHT: 90px
}
.xfields INPUT {
BORDER-RIGHT: #4d4d4d 1px solid; BORDER-TOP: #4d4d4d 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #4d4d4d 1px solid; WIDTH: 250px; BORDER-BOTTOM: #4d4d4d 1px solid; FONT-FAMILY: verdana; HEIGHT: 18px
}
.xfields SELECT {
BORDER-RIGHT: #4d4d4d 1px solid; BORDER-TOP: #4d4d4d 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #4d4d4d 1px solid; BORDER-BOTTOM: #4d4d4d 1px solid; FONT-FAMILY: verdana; HEIGHT: 18px
}
.pm_head {
FONT: 8pt Verdana
}
.pm_list {
FONT-SIZE: 8px; COLOR: #4d4d4d; FONT-FAMILY: tahoma
}

Поидее из всех значений оранжевый только #ffa500(hover) - меняю его допустим на зеленый (#688e23). Обновляю страницу - вск как было так и осталось 😕

Искал в адмике - там в коде страницы ваще нигде оранжевого нету ... 😕 Как с этим бороться?

AVV
На сайте с 31.07.2006
Offline
84
AVV
#17
_ShproT_:
Спс за помощ - вроде рстянул =)

Ну вот, совсем другое дело. :)

Напишите там где у вас лого еще вместо

background="/templates/Default/images/logo1.jpg"


style="BACKGROUND: #E3DB5C url(/templates/Default/images/logo1.jpg) right no-repeat;"

или


style="BACKGROUND: #E3DB5C url(/templates/Default/images/logo1.jpg) right repeat-x;"

будет еще лучше, а то у вас заголовок уезжает за пределы экрана при разрешении 800х600.

_ShproT_
На сайте с 31.07.2006
Offline
6
#18

Сделано =) спс =) c оранжевым я тоже вроде разобрался =)

Канеш я увлекся, но есть еще проблема с редактированием сообщений. Быстрое проходит успешно, а полное не пашет😡 Вылезает окно, в котором нету текста, а кнопки bbcodes не пашут. Ваще не одна... Кто знает, что с этим мона сделать? Вот скрин:

jpg problema.jpg
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий