Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Стартапы, проекты, идеи > Центр Боевых Единоборств

Автор: Pakshin A. S. 21.3.2005, 09:53

Наконец-таки хоть своим занялся... smile

И вот, что получилось:
http://pforum.com.ru

Вот файл стилей:

Код


body{
    background-color : #B9B9B9;
    font-family: "Arial", Arial, monospace;
    margin : 0px;
}

<!-- TextStyle -->

.text{
    font-size : 11pt;
    color : black;
    font-family : "Arial", Arial, monospace;
    padding-left : 15px;
    padding-right : 15px;
}

.header{
    font-size : 14pt;
    color : #FFFFFF;
    font-style : bold;
    font-family : "Arial", Arial, monospace;
    padding-left : 15px;
    padding-right : 15px;
}
.name{
    font-size : 14pt;
    color : #FFFFFF;
    font-style : bold;
    font-family : "Arial", Arial, monospace;
}
.copy{
    font-size : 7pt;
    color : #FFFFFF;
    font-style : bold;
    font-family : "Arial", Arial, monospace;
    padding-left : 15px;
    padding-right : 15px;
}

.menu{
    font-size : 12pt;
    color : #808080;
    font-width : bold;
    font-family : "Arial", Arial, monospace;
    padding-left : 15px;
}


<!-- LinkStyle -->

a.textlin {
    color : black;
    font-size : 11pt;
    font-style : italic;
    TEXT-DECORATION: none;
    font-family : "Arial", Arial, monospace;
}
a.textlin:link {
    text-decoration : none;
}
a.textlin:visited {
    text-decoration : none;
}
a.textlin:active {
    text-decoration : none;
}
a.textlin:hover {
    text-decoration : underline;
}

a.textlin1 {
    color : black;
    font-size : 11pt;
    TEXT-DECORATION: none;
    font-family : "Arial", Arial, monospace;
}
a.textlin1:link {
    text-decoration : none;
}
a.textlin1:visited {
    text-decoration : none;
}
a.textlin1:active {
    text-decoration : none;
}
a.textlin1:hover {
    text-decoration : underline;
}

a.menulin {
    color : #808080;
    font-size : 12pt;
    TEXT-DECORATION: none;
    font-family : "Arial", Arial, monospace;
}
a.menulin:link {
    text-decoration : none;
}
a.menulin:visited {
    text-decoration : none;
}
a.menulin:active {
    text-decoration : none;
}
a.menulin:hover {
    text-decoration : underline;
}

Посмотрите, что не так в кодах... smile

А то не всегда работает нормально... smile

Добавлено @ 09:58
Блин, не так тему обозвал... smile

Автор: Geolog 21.3.2005, 14:29

На обсуждение рановато выложил страничку, тут ещё работать и работать.
А если не получается что-то, совет нужен, так ты напиши чего сделать-то, хотел?
Что не всегда работает нормально?

Автор: Gold Dragon 21.3.2005, 17:04

Pakshin A. S.
В стиля комментарии делаются не так



а так

/* TextStyle */

А по сайту чуть позже

Автор: Pakshin A. S. 21.3.2005, 18:10

Кстати, тама не только одна страничка! Есть еще и раздел "Статьи"....

Спасибо с комментариями... вообще их выкину... smile

Автор: Caramel 22.3.2005, 14:15

Цветовое сочетание не очень. Идея хорошая, но тона не те. Может стоило подбирать более чистый серый - как основной тон?
Дракон "рваный". Да и причем здесь европейский дракон когда иксусства восточные? smile

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

Автор: Gold Dragon 23.3.2005, 12:05

Цитата(Geolog @ 21.3.2005, 14:29)

На обсуждение рановато выложил страничку, тут ещё работать и работать.

Самый раз, если автор соизволит вносить изменения по ходу обсуждения. smile

Теперь по сайту

- Сразу бросилось в глаза, это большое пустое поле слева. Очень пустое, столько места пропадает зря

- Явно не тот шрифт. Плохо читаем, нет выравнивания по ширине, немного большой, нет абзацев. В общем делай

- Стиль ссылки сделан поумолчанию, попробуй поменять, так не смотриться

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

- В меню лучше сделать подсветку при наведении курсора

Автор: Crater 28.3.2005, 18:01

В моём браузере отключена загрузка графики, поэтому я, попав на главную страницу вашего сайта, засомневался: или я капитально глючу и посему не вижу навигации, или её (навигации) здесь нет. Отсюда совет: сделать хоть какой-нибудь ALT для лого. Что-нибудь типа

Код


<IMG SRC="images/logo.gif" BORDER="0" USEMAP="#map1" ALT="Навигация" TITLE="Навигация">

То же советует и W3C:

Цитата

...... in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Можно конечно в TITLE и ALT поместить какие-либо ключевые слова (приветствуется поисковиками), не важно, главное, что бы был хоть какой-то намёк: здесь, мол, изображение находится!

Для самого первого открывающегося тега DIV нет закрывающегося! Пользуйтесь валидатором W3C!

Кстати, если уж следовать стандартам HTML 4.01 Transitional (хотя бы), то тогда и в теге <AREA> надо прописать атрибут ALT.

Зачем в HTML коде страницы столько комментариев? Поверьте, грузиться от этого она быстрее не станет.

Попробуйте оптимизировать размер (kb) логотипа! Даже если под рукой нет Photoshop и его замечательного средства Save For Web As, воспользуйтесь стандартным MS Paint, в формате JPG лого занимает всего 30 килобайт против пятидесяти в GIF.

Цитата

Помимо боевых практик, как Вы уже заметили, мы предоставляем исчерпывающую информацию по целительным практикам...

Не, мы ещё не заметили, мы кроме главной страницы ещё нигде не были...

Попробуйте изменить цветовую гамму. Конструктивных решений на этот счёт предложить пока не могу, но сочетание красного с серым не для меня.