- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Маркетинг для шоколадной фабрики. На 34% выше средний чек
Через устранение узких мест
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Все когда-то с чего-то начинали. Мастерство же шлифуется годами.
Золотые слова =) А как оптимизировать под разные разрешения экрана? Мож срипт есть такой? У меня разрешение 1280х1024. Растянуть то канешн мона и в ручную, но сомневаюсь, что станет лучше.
Если поставить значение width не 850, а 1200, то страница растягивается на всю ширину экрана, но даже если сделать так, то полоса прокрутки наверно еще больше станет... 😕
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>
Блин чета лажа какае-та... Полностью сайт растянуть не получается. Попробовал вернуть все как было и тоже не получается!😡 😡 😡 Вроде поправил все, как было, но теперь колонка новостей стала в раза уже, блин 😡 😡 😡
Эта часть (которая в 2 раза уже стала) с самого начал имела такой код (я его не менял):
Все мои попытки вернуть её в нормальное состояние оказались напрасны😕 😕 😕
_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. Перед внесением изменений, делайте резервные копии файлов, которые будете менять.
Оцените сайт . . . =)
1) Приглушите оранжевый, а лучше почитайте яндекс на предмет цветовых схем.
2) http://www.pastukhova.com/lesson1.php здесь правильно рассказано как прорезинить дизайн, и сохранить совместимость браузеров.
удачи
p.s. AVV респект
Спс за помощ - вроде рстянул =) Теперь пытаюсь бороться с оранжевым. Вот файл 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). Обновляю страницу - вск как было так и осталось 😕
Искал в адмике - там в коде страницы ваще нигде оранжевого нету ... 😕 Как с этим бороться?
Спс за помощ - вроде рстянул =)
Ну вот, совсем другое дело. :)
Напишите там где у вас лого еще вместо
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.
Сделано =) спс =) c оранжевым я тоже вроде разобрался =)
Канеш я увлекся, но есть еще проблема с редактированием сообщений. Быстрое проходит успешно, а полное не пашет😡 Вылезает окно, в котором нету текста, а кнопки bbcodes не пашут. Ваще не одна... Кто знает, что с этим мона сделать? Вот скрин: