Сморгонь.org | О городе | Карта | Погода | Расписание поездов | Фото | Форумы | Чат | Почта | Хостинг

Здравствуйте, Гость ( Авторизация | Регистрация )

ОтветитьСоздать новую темуСоздать новое голосование

> Eminem-World.ru

V!rus
Oct 4 2007, 19:30
#1


------------------
Сообщений: 1,480
Откуда: луна
Статус ICQ:
Мои альбомы



Вот, наконец-то после двух недель мучений - сделал =))
Eminem ресурс: новости, интервью, музыка, видео и другое...
Альбомы пока не все залил, так что скачать можно только пару, тоже самое и с клипами - можно смотреть, качать только некоторые.
О всех ошибках отписывайтесь здесь или мне на мэйл.

Пользователь offlineПрофайлОтправить личное сообщение
Вернуться к началу страницы
+Цитировать сообщение
sEXEcutor
Oct 4 2007, 23:00
#2


Administrator
Сообщений: 724
Откуда: smorgon.org
Мои альбомы



Тэк-с...

Так сайт выглядит в Mozilla Firefox. А это - внутренняя страница.

Что мы видим:

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. Для остальных этого тоже требуют стандарты, но я не считаю их обязательными, если картинка - не ссылка.


Вот, немножко замечаний при беглом осмотре. :)
Пользователь offlineПрофайлОтправить личное сообщение
Вернуться к началу страницы
+Цитировать сообщение
d1g1tal_g0d
Oct 5 2007, 06:17
#3


Интеллигентный хулиган
Сообщений: 551
Откуда: Около Спектра
Статус ICQ:
Мои альбомы



ого... полез у себя смотреть)
Пользователь offlineПрофайлОтправить личное сообщение
Вернуться к началу страницы
+Цитировать сообщение
V!rus
Oct 5 2007, 09:19
#4


------------------
Сообщений: 1,480
Откуда: луна
Статус ICQ:
Мои альбомы



бля, не пойму почему  input style="cursor: hand;" не работает =((

ппц, люди, не поверите... домен был зареген неделю назад, активные ссылки стояли максимум на 3-х моих сайта - в Яше =)) Правдо не весь, у мя страница пустая стояла до вчерашнего дня, так она и проиндексировалась...
Пользователь offlineПрофайлОтправить личное сообщение
Вернуться к началу страницы
+Цитировать сообщение
V!rus
Oct 5 2007, 09:51
#5


------------------
Сообщений: 1,480
Откуда: луна
Статус ICQ:
Мои альбомы



(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>


Удивляюсь до невозможности... Уже и гугл побывал, он уже и эту тему съел... а я с Луной три месяца Яшу не видел =))


Блин, правил ссылки в ДЛЕ, так теперь когда ищет похожие статьи, то выводит одну и ту же ссылку. Кто знает в каком файле все это делается?
Пользователь offlineПрофайлОтправить личное сообщение
Вернуться к началу страницы
+Цитировать сообщение
V!rus
Oct 5 2007, 12:13
#6


------------------
Сообщений: 1,480
Откуда: луна
Статус ICQ:
Мои альбомы



в шоуфулл все есть...=)) я ступил чуток
Пользователь offlineПрофайлОтправить личное сообщение
Вернуться к началу страницы
+Цитировать сообщение
FeniX
Oct 5 2007, 13:44
#7


Турист
Сообщений: 33
Статус ICQ:
Мои альбомы



А вот ета надпись самая прикольная!!
Copyright © 2007 eminem-world.ru
Powered by web.NaLune.net © 2007
:biggrin:
Пользователь offlineПрофайлОтправить личное сообщение
Вернуться к началу страницы
+Цитировать сообщение
sEXEcutor
Oct 5 2007, 14:37
#8


Administrator
Сообщений: 724
Откуда: smorgon.org
Мои альбомы



QUOTE
бля, не пойму почему  input style="cursor: hand;" не работает =((

Потому что надо
CODE
input style="cursor:pointer;"
Пользователь offlineПрофайлОтправить личное сообщение
Вернуться к началу страницы
+Цитировать сообщение
sEXEcutor
Oct 6 2007, 22:58
#9


Administrator
Сообщений: 724
Откуда: smorgon.org
Мои альбомы



Постепенно становится лучше!  :good:

Заголовки новостей сделай ссылками.

Форма входа почему-то выровнялась по верхнему краю.

Чтобы текст не выглядел сплошной кашей, примени к нему CSS-атрибут
CODE
line-height:130%


И ещё раз открой сайт в Лисе.
Пользователь offlineПрофайлОтправить личное сообщение
Вернуться к началу страницы
+Цитировать сообщение
V!rus
Oct 6 2007, 23:29
#10


------------------
Сообщений: 1,480
Откуда: луна
Статус ICQ:
Мои альбомы



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 по идее, нада выровнять картинки по вертикали, но чето не получается...
Пользователь offlineПрофайлОтправить личное сообщение
Вернуться к началу страницы
+Цитировать сообщение
sEXEcutor
Oct 6 2007, 23:58
#11


Administrator
Сообщений: 724
Откуда: smorgon.org
Мои альбомы



Заголовки кратких новостей помести в 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>
Пользователь offlineПрофайлОтправить личное сообщение
Вернуться к началу страницы
+Цитировать сообщение
V!rus
Oct 7 2007, 00:24
#12


------------------
Сообщений: 1,480
Откуда: луна
Статус ICQ:
Мои альбомы



все равно есть ;)

В полном текста есть H1, а кратких надо сделать...Вот что мне нравится в ДЛЕ, так это плотность слов и кейвордсы =))
Пользователь offlineПрофайлОтправить личное сообщение
Вернуться к началу страницы
+Цитировать сообщение
sEXEcutor
Oct 7 2007, 01:10
#13


Administrator
Сообщений: 724
Откуда: smorgon.org
Мои альбомы



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>
Пользователь offlineПрофайлОтправить личное сообщение
Вернуться к началу страницы
+Цитировать сообщение
V!rus
Oct 7 2007, 21:24
#14


------------------
Сообщений: 1,480
Откуда: луна
Статус ICQ:
Мои альбомы



так, вот теперь мне вебальта начала нравится =)) Вылез на 3-е место по запросу EMINEM
Пользователь offlineПрофайлОтправить личное сообщение
Вернуться к началу страницы
+Цитировать сообщение
V!rus
Oct 9 2007, 13:15
#15


------------------
Сообщений: 1,480
Откуда: луна
Статус ICQ:
Мои альбомы



Чудеса продолжаются! Видимо я очень удачную тему выбрал для сайта =)) За неделю попал в ЯК =)) Тема: Рэп и Хип-Хоп. Можете поискать =)) Доволен как слон )) Нада еще дмоз. заявку отправил.
Пользователь offlineПрофайлОтправить личное сообщение
Вернуться к началу страницы
+Цитировать сообщение
V!rus
Oct 9 2007, 15:35
#16


------------------
Сообщений: 1,480
Откуда: луна
Статус ICQ:
Мои альбомы



Да, действительно, нужно было убрать высоту из главного стиля, спасибо ;) все поправил, добавил H2, только непонятно, почему Опера подчекривает ссылку (название новости), если в стилях прописано none для текст-декоратинг =)) ИЕ и лиса нормально восприняли.
Вот думаю, если делать форум, ставить DLE-Forum или нормальный ИПБ, с одной авторизацией...
Пользователь offlineПрофайлОтправить личное сообщение
Вернуться к началу страницы
+Цитировать сообщение
d1g1tal_g0d
Oct 9 2007, 17:26
#17


Интеллигентный хулиган
Сообщений: 551
Откуда: Около Спектра
Статус ICQ:
Мои альбомы



дле форум, который я видел последний раз, был просто ужасен
единственное что мне нравилось, что просто сделать одинаковую тему для форума и сайта
имхо - ставь ипб, а лучше пунбб) чото в последнее время я от него тащусь просто
плин, как ты в як попал????
сайтов про эминема вроде куча, или это про тупака... ну хз
ты теперь крутой сеошник!
Пользователь offlineПрофайлОтправить личное сообщение
Вернуться к началу страницы
+Цитировать сообщение
V!rus
Oct 9 2007, 19:25
#18


------------------
Сообщений: 1,480
Откуда: луна
Статус ICQ:
Мои альбомы



блин, эт я смотрел по пр-су, написано что я есть в ЯК, оказалось, что они мне тематику определили, но в каталог еще не занесли... буду ждать...
Пользователь offlineПрофайлОтправить личное сообщение
Вернуться к началу страницы
+Цитировать сообщение
V!rus
Oct 9 2007, 19:58
#19


------------------
Сообщений: 1,480
Откуда: луна
Статус ICQ:
Мои альбомы



так.. на яше на 30 месте после последнего АПа.. посмотрел cnstat - идут и с яши и с гугла... причем с яши идут с запроса emEnem =)) я просто ссылку такую купил ))
Пользователь offlineПрофайлОтправить личное сообщение
Вернуться к началу страницы
+Цитировать сообщение
V!rus
Oct 13 2007, 16:19
#20


------------------
Сообщений: 1,480
Откуда: луна
Статус ICQ:
Мои альбомы



УРАААААААААААА!!!!!!!!!!
на пр-су ничего не сообщили об Апе выдачи, но я в яше на втором (2) месте!!!!!!!!! =)))) Рад ппц... еще бы МТВ обогнать, было бы вообще рульно.
Пользователь offlineПрофайлОтправить личное сообщение
Вернуться к началу страницы
+Цитировать сообщение

ОтветитьСоздать новую тему
Читайте также: ShadyForum.ru · Официальный сайт города · www.onix.by · http://zambiz.narod.ru · Доска.НаЛуне.есть! · Ляля · Неофициальный сайт города Сморгонь · CS.NaLune.net · Petrovich.org.ru - Рэп у Петровича · Club Oasis · wWw.NaLune.net · Сморгонские веб мастеры
 


Реклама: ·