![]() | Начало |
| Сморгонь.org | Погода | Расписание поездов | Фото | Форумы | Хостинг |
![]() ![]() ![]() |
Вот, наконец-то после двух недель мучений - сделал =))
| |
|
Тэк-с...
А - внутренняя страница. Что мы видим: 1) Самое главное на сайте что? То же самое, что и в газете - заголовки. Нельзя заголовкам быть написанными маленькими буквами серого цвета на тёмно-золотом фоне. UPD Заголовок сделай ссылкой! Не всем нравится искать маленькую ссылку "Подробнее". 2) Про вёрстку я уже в аську сказал, достаточно посмотреть на сайт в Лисе. 3) У текстов новостей должны быть отступы со всех сторон. Количество пикселей определяется на глаз. С точки зрения моего глаза сверху и по бокам нужен отступ 10-12px, снизу между самим текстом и линком "подробнее" - 15-20px. 4) Маленький шрифт основного текста - это не уважительно по отношению к посетителям, не у всех идеальное зрение. Сделай его больше (хотя бы 12px, а лучше в процентах, определяется экспериментально), цвет текста лучше ближе к чёрному (#333333 или #555555). 5) В левой колонке в меню не хватает отступа слева между стрелками и левой границей. Можно было бы оставить как есть - стрелки вплотную к краю, но для этого должны быть: - длиннее названия разделов, - больше расстояние от ссылок до стрелок, - стили для ссылок типа { display: block; padding: 7px; } 6) Вверху в форме логина я не сразу смог прочитать, что написано на кнопке сабмита. Либо не трогаешь у инпутов цвет и фон, либо правишь и то, и другое. 7) Для ссылок "Регистрация на сайте!" и "Забыли пароль?" сделай чуть-чуть больше отступ слева, слишком близко к кнопке. 8) Если делаешь логотип с адресом сайта, нужно его писать достоверно. Вот сохранит пользователь страницу с твоего сайта. Отключится и откроет эту страницу. Когда он захочет вновь зайти на твой сайт, его единственным ориентиром будет логотип. Что он наберёт в адресной строке, глядя на него? Думаю, eminemworld.ru. Чтобы такого не произошло, придётся как-то вставить дефис в логотип. Как вариант, на первой строке оставить EMINEM как есть, а на второй написать "-world.ru". Дефис можно затемнить. 9) В списке новостей ссылки "Комментарии" и "Подробнее" сделаны картинками. К этому претензий нет, но зачем такой большой нижний отступ под ними? Он скорее уместен над ними (см. п. 3). В этом же блоке как-то неуместна дата обычным текстом. Или выводить её тоже картинкой (угу, попробуй нарисовать такую в PHP %) ), или засунуть её куда-нибудь в другое место. Варианты: - В начале заголовка (типа "03/10 Новый альбом 50 Cent´a попал в интернет!", шрифтом Georgia выглядит классно, но здесь она не покатит). - Маленькими буквами между заголовком и текстом (так себе вариант). - В начале текста жирным шрифтом: "03.10.2007 Концерт Rock the Vote, в котором должен был принимать участие Nas blablabla....". - В том же блоке с выравниванием влево (дёшево и сердито). 10) Если ты будешь единственным редактором сайта, в форме обратной связи убери select с выбором адресата. 11) Смени дефолтную кнопку DLE "Отправить". 12) Что-то мне не нравится название "Связь" для формы фидбэка. Может, придираюсь уже, но, может, как-то по-другому назвать, "Контакты", например. А лучше вообще убрать из верхнего меню. 13) В галерее в тэге title висит только название сайта. Допиши, чтобы выводились названия альбомов, фоток и "Галерея" в начале галереи. 14) В галерее в списке фоток у таблицы не хватает атрибута border="0", из-за чего появилась уродская дефолтная псевдорамка. 15) Выработай общий стиль для ссылок в разных областях шаблона. Например, на белом фоне у тебя они голубые - хорошо. Но в одном месте они всегда голубые и никак не изменяются при наведении, в другом у них почему-то серое подчёркивание. На сером фоне тоже: слева ссылки подчёркнуты, внизу нет. 16) На странице со средним размером фотки внизу у тебя ссылки "Назад 1 2 3 Далее". Активные ссылки написаны тёмно-серым цветом на тёмно-сером фоне. Пожалей наши глаза. 17) Давай фотографиям осмысленные названия. Приходится догадываться, кто на фотках с названиями типа "1191415368_11". Расширенные описания тоже было бы неплохо, особенно со ссылками на соответствующие статьи на твоём сайте. 18) В начале поста есть ссылка на скриншот внутренней страницы. К шрифту полного текста нужно применить те же изменения, что и в п. 3 и 4. Желательно, чтобы шрифт краткой и полной новости был одинаковым. Шрифт краткой новости допускается делать на один-два пункта меньше. 19) И с кнопками определись - или они все графические, или обычные. Или у них курсор "рука", или "стрелка". 20) Для картинок в меню должен быть атрибут title или alt. Для остальных этого тоже требуют стандарты, но я не считаю их обязательными, если картинка - не ссылка. Вот, немножко замечаний при беглом осмотре. :) | |
|
ого... полез у себя смотреть)
| |
|
бля, не пойму почему input style="cursor: hand;" не работает =((
ппц, люди, не поверите... домен был зареген неделю назад, активные ссылки стояли максимум на 3-х моих сайта - в Яше =)) Правдо не весь, у мя страница пустая стояла до вчерашнего дня, так она и проиндексировалась... | |
|
(IMG:http://eminem-world.ru/banner468.gif)
Не надеюсь конечно, но вдруг кто -нить куда поставит =)) CODE <a href="http://eminem-world.ru/" target=_blank title="Eminem - неофициальный сайт"><img scr="http://eminem-world.ru/banner468.gif></a> Удивляюсь до невозможности... Уже и гугл побывал, он уже и эту тему съел... а я с Луной три месяца Яшу не видел =)) Блин, правил ссылки в ДЛЕ, так теперь когда ищет похожие статьи, то выводит одну и ту же ссылку. Кто знает в каком файле все это делается? | |
|
в шоуфулл все есть...=)) я ступил чуток
| |
|
А вот ета надпись самая прикольная!!
Copyright © 2007 eminem-world.ru Powered by web.NaLune.net © 2007 :biggrin: | |
|
QUOTE бля, не пойму почему input style="cursor: hand;" не работает =(( Потому что надо CODE input style="cursor:pointer;"
| |
|
Постепенно становится лучше! :good:
Заголовки новостей сделай ссылками. Форма входа почему-то выровнялась по верхнему краю. Чтобы текст не выглядел сплошной кашей, примени к нему CSS-атрибут CODE line-height:130% И ещё раз открой сайт в Лисе. | |
|
QUOTE Заголовки новостей сделай ссылками. хорошая идея, сча забомбим QUOTE Форма входа почему-то выравнялась по верхнему краю. снизу будут ссылки QUOTE И ещё раз открой сайт в Лисе. я видел, там снизу линия белая, я не понимаю почему... CODE <table border="0" cellpadding="0" cellspacing="0" style="background:#FFFFFF; width:450px"> -эт шортстори... нижний табл, там и есть эта дырка.. не могу поянть почему..<tr> <td> <img alt="" src="images/1_q1.gif"></td> <td style="width:100%; background-image:url(images/1_li.gif) " class="vam"><font class=vam>{title}</font></td> <td><img alt="" src="images/1_q2.gif"> </td> </tr> </table> <table cellpadding="0" cellspacing="0" border="0" > <tr style="background:#FFFFFF"> <td> </td> </tr> <tr style="background:#FFFFFF"> <td style="border:1px solid #FFFFFF; border-width:0 0 20 0px; padding-left:10px; padding-right:10px; padding-top:10px;padding-bottom:10px;" > <font class="text">{short-story}</font> </td> </tr> <tr style="background:#FFFFFF"> <td > <div align=right style="padding-left:10px;"> [edit]<img src="{THEME}/images/edit.png" title = "Редактировать новость" border="0">[/edit] {date} [com-link]<img src="images/button_comments.gif" alt="" border="0">[/com-link] [full-link]<img src="images/button_full.gif" alt="" border="0">[/full-link] </div> <table cellpadding="0" cellspacing="0" border="0" style="width:450px;" > <tr> <td ><img alt="" src="images/1_q3.gif"></td><td style="width:450px"> </td> <td style="background:#FFFFFF"><img alt="" src="images/1_q4.gif" ></td> </tr> </table> </td> </tr> </table><br><br> ЗЫЖ если буду ставить ссылки, то будут использовать [not-logged] ЗЫЖ2 по идее, нада выровнять картинки по вертикали, но чето не получается... | |
|
Заголовки кратких новостей помести в h2 или h3, заголовок на странице с полным текстом - в h1.
Думаю, дырки не будет, если сделать так: CODE <table border="0" cellpadding="0" cellspacing="0" style="background:#FFFFFF; width:450px">
<tr> <td> <img alt="" src="images/1_q1.gif"></td> <td style="width:100%; background-image:url(images/1_li.gif) " class="vam"><font class=vam>{title}</font></td> <td><img alt="" src="images/1_q2.gif"> </td> </tr> </table> <table cellpadding="0" cellspacing="0" border="0" > <tr style="background:#FFFFFF"> <td> </td> </tr> <tr style="background:#FFFFFF"> <td style="border:1px solid #FFFFFF; border-width:0 0 20 0px; padding-left:10px; padding-right:10px; padding-top:10px;padding-bottom:10px;" > <font class="text">{short-story}</font> </td> </tr> <tr style="background:#FFFFFF"> <td><div align=right style="padding-left:10px;"> [edit]<img src="{THEME}/images/edit.png" title = "Редактировать новость" border="0">[/edit] {date} [com-link]<img src="images/button_comments.gif" alt="" border="0">[/com-link] [full-link]<img src="images/button_full.gif" alt="" border="0">[/full-link] </div><table cellpadding="0" cellspacing="0" border="0" style="width:450px;"> <tr> <td><img alt="" src="images/1_q3.gif" width=13 height=13></td><td style="width:100%"></td> <td style="background:#FFFFFF"><img alt="" src="images/1_q4.gif" width=13 height=13></td> </tr> </table></td> </tr> </table><br><br> | |
|
все равно есть ;)
В полном текста есть H1, а кратких надо сделать...Вот что мне нравится в ДЛЕ, так это плотность слов и кейвордсы =)) | |
|
QUOTE все равно есть ;) Хороша задачка :)Причина в том, что картинки в нижней таблице меньше, чем высота строки в документе. Где и как она так выставлена, я так и не нашёл, но факт, что в style.css нужно убрать атрибут line-height из класса: CODE body, td, input, textarea{ Если где-то что-то поплывёт из-за этого, лучше там и править, а не выставлять одну высоту для всех элементов.font-size:11px; font-family:Tahoma; color:#B0B0B0; line-height:13px; vertical-align:top; padding:0px; } Но это между делом, проблему это не решит. Решение - такой финт ушами: CODE <table cellpadding="0" cellspacing="0" border="0" width=100% style="line-height:60%;">
<tr> <td><img alt="" src="images/1_q3.gif" height=13 width=13></td> <td align="right"><img alt="" src="images/1_q4.gif" height=13 width=13></td> </tr> </table> | |
|
так, вот теперь мне вебальта начала нравится =)) Вылез на 3-е место по запросу EMINEM
| |
|
Чудеса продолжаются! Видимо я очень удачную тему выбрал для сайта =)) За неделю попал в ЯК =)) Тема: Рэп и Хип-Хоп. Можете поискать =)) Доволен как слон )) Нада еще дмоз. заявку отправил.
| |
|
Да, действительно, нужно было убрать высоту из главного стиля, спасибо ;) все поправил, добавил H2, только непонятно, почему Опера подчекривает ссылку (название новости), если в стилях прописано none для текст-декоратинг =)) ИЕ и лиса нормально восприняли.
Вот думаю, если делать форум, ставить DLE-Forum или нормальный ИПБ, с одной авторизацией... | |
|
дле форум, который я видел последний раз, был просто ужасен
единственное что мне нравилось, что просто сделать одинаковую тему для форума и сайта имхо - ставь ипб, а лучше пунбб) чото в последнее время я от него тащусь просто плин, как ты в як попал???? сайтов про эминема вроде куча, или это про тупака... ну хз ты теперь крутой сеошник! | |
|
блин, эт я смотрел по пр-су, написано что я есть в ЯК, оказалось, что они мне тематику определили, но в каталог еще не занесли... буду ждать...
| |
|
так.. на яше на 30 месте после последнего АПа.. посмотрел cnstat - идут и с яши и с гугла... причем с яши идут с запроса emEnem =)) я просто ссылку такую купил ))
| |
|
УРАААААААААААА!!!!!!!!!!
на пр-су ничего не сообщили об Апе выдачи, но я в яше на втором (2) месте!!!!!!!!! =)))) Рад ппц... еще бы МТВ обогнать, было бы вообще рульно. | |
![]() ![]() |