Артемкины Хроники: Песочница: День 3: Примерочная

Артемкины Хроники: Песочница: День 3: ПримерочнаяАга, вот и третий день на счету. Пора остановиться и сделать паузу. Шучу. Сегодня по плану дизайн, его продолжение, а то вчера было сделано слишком мало. Надо исправляться. Буду пилить каркас, вставлять новые детали и исправлять имеющиеся косяки.

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

1. Фон и меню

Изменил цвет фона основной области, сделал ее потемнее, возможно, это не самая лучшая идея, но пытаюсь найти что-то свое.

Меню, как видно, хорошо сочетается с фоном, не раздражает. Название ссылок в основном меню напечатал полностью заглавными, ведь это же главное меню). Мало кто так делает, но я все-таки решился на такой шаг.

В css прописал все, что хотел, получилось вполне приемлемо. Вот только успел что-то сломать в фреймворке, а что именно, так и не понял. Ну да ладно, может все не так уж и плохо.

Спустя несколько минут: покопался как следует в каскадных таблицах и понял маленький нюанс. Надо все данные прописывать в определенном файле по определенным правилам и тогда никаких поломок не произойдет. Теперь буду знать. Фреймворки, ё-моё.

Второе меню с контактами и другой менее значимой для читателей информацией разместил над шапкой. Контраст создан.

2. Заголовок

Новый шрифт и его размер полностью изменили визуальную часть блога. Может шрифт не совсем подходит, но, смотрится же. Необходимо еще нарисовать картинки для шапки, но это непосильная на дынный момент задача.

3. Содержательная часть

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

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

Сверху и снизу анонс отделил прерывистой линией. Сверху только заголовок, а снизу все подробности вроде комментариев, количества посетителей, рубрики и даты публикации. Для учета посетителей в файл функций пришлось вставить дополнительные строчки кода.

4. Футер

Тут ваще все просто. Размещать пока нечего, поэтому сделал очень простенько, ничего лишнего.

 5. Комментарии

А вот эта действительно самая сложная часть в wordpress для меня. Никогда не пытался написать эту часть самостоятельно, и предпочитаю готовенькие варианты, дабы небольших косметических изменений в css было достаточно.

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

6. Результат третьего дня в виде скриншота

Дизайн по итогам третьего дня - Артемкины Хроники: Песочница: День 3: Примерочная

7. Мини-конкурсы

Продолжаем. Победителем и обладателем 50 рублей на этот раз становится Андрей(examto.ru). За наградой в комментарии.

Новый конкурс на тех же условиях. Оставьте дельный комментарий, намекните что-нужно изменить или добавить на блог, о чем хотите читать в дальнейшем и в каких подробностях. Основная тематика, думаю, уже ясна. Если кто не уловил, то последние пару лет я занимаюсь созданием, продвижением и монетизацией сайтов, работаю с wordpress и обладаю некими определенными познаниями в прилегающих тематиках.

На этом всё. Жду ваших комментариев.

Это был третий день песочницы на Artemka.SU

23.08.2012 | Рубрика: Хроники | Просмотров: 2735 | Отзывов: 10

Автор старался. Скажи спасибо - оставь свой отзыв!

Узнавайте О Новых Статьях По Почте

Комментарии к записи "Артемкины Хроники: Песочница: День 3: Примерочная"

  • rey

    Может добавишь своё мнение насчет других CMS? Я вот, например, немного знаком с Getsimple. Неплохая, легкая, развивается. А дизайн мне нравится))) Ведь главное контент.

    Ответить
    • admin

      А что советовать, все зависит от потребностей. Я, например, в редкости использую другие cms, в большинстве случаев подходит wordpress, а с ним выходит намного проще, или, быть может, просто я к нему так привык, что работаю на нем без косяков.

      Ответить
  • Андрей

    Не ожидал конечно, что я выиграю, но большое спасибо, вот кошелек R############, буду постоянным читателем этого блога.

    Ответить
    • Артемка

      Тем интересней получать призы). Его, естественно, уже выслал.
      Постоянным читателям я только рад).

      Ответить
  • seostud

    Очень прошу! Измени тему блога! Когда зашел на блог сразу захотелось выйти. И еще раз в неделю или в месяц делай срез, что ты сделал за это время и что сделаеш в след неделю.

    Ответить
    • Артемка

      Боишься конкурентов? Не хватает пространства для маневров?
      Шучу, но другой причины не увидел.
      Вообще-то идея и заключалась в постоянных ежедневных публикациях. Но это не надолго, уже совсем скоро я начну публиковать другие статьи, а эта рубрика начнет видоизменяться. Но конкурсы рассчитываю оставить).

      Ответить
  • NMitra

    Эх…
    1) Счётчик LI поднять, а то футер «подвис» — странно это
    2) От одного меню можно вполне безболезненно избавиться. Например, «Рубрики» или оставить в боковой колонке, или поднять вверх
    3) Цвет фона (песочный) мне нравиться, но вот белый по бокам режет глаз
    4) «Архив» кто-нибудь смотрит?
    5) url я бы сделала с рубриками или заканчивающийся на html
    6) как бы подписаться на комментарии?
    7) предполагаю, что надо решить куда поиск поставить
    8) я бы ещё что-нибудь «резиновое» затеяла, а то мониторы «растут» вширь

    Ответить
    • Артемка

      Ух-х…
      Хороший отзыв, дам ответы по пунктам.
      1 — Такой каркас у диза. Посмотрю что можно сделать, хотя он вроде не мешает.
      2 — Видимо хотите сказать «от пункта меню», а не от всего меню. Опять же, такова задумка. Это, как у некоторых, «все статьи блога» и «лучшие статьи блога». И как карта сайта будет заодно работать. А в верхнее меню убрать просто не возможно — оно построено иначе, будут конфликты при разных пропорциях экрана. В сайдбар может и переедет, но не в ближайшее время.
      3 — Мне тоже нравится. Белый по бокам может поменяю на что-нибудь потемнее. Но говорю это без полной уверенности, потому как не уверен в положительном результате такого изменения.
      4 — Один из ста. Но на самом деле я еще не добрался до сайдбара и его изменений, что отражено в последних трех хрониках песочницы.
      5 — На любителя. Как-то раз пришлось менять расположение статей внутри блога, так пришлось уйму лишней работы проводить, дабы изменить полностью структуру блога и при этом не наделать дублей из-за смены адресов у страниц. Геморрой, поэтому не люблю использовать в урле категории.
      Окончание на html не играет заметной роли, если она вообще эта роль имеется — только человеческий фактор. Поэтому не вижу в этом смысла. Нигде не использую и всё прекрасно работает.
      6 — Надо бы придумать, пока не имею ответа, но думаю это будет не так сложно сделать.
      7 — Думаю, кроме сайдбара никуда не получиться вставить, чтобы не поломать кроссплатформенность блога.
      8 — В смысле? Предлагаете сделать блог еще шире? Если да, то я согласен. Можно добавить еще что-то типа сайдбара, но, думаю, это не реализуемо в моем случае. А можно просто расширить блог в стороны, наверное, это мой блог переживет. Надо бы подумать.

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

      Ответить
    • Артемка

      Всем нравиться не возможно. Это факт.
      Есть существенные моменты в дизе, которые я бы изменил, но нет возможности в данный момент.
      А вообще, надо бы по-конкретнее целиться. Чем именно не приглянулся? Что отталкивает? Может что-то можно поменять, улучшить. Но не весь же диз переделывать, это глупо.
      И, момент, это все же не просто шаблон, который скачал и натянул, это уникальный диз, сделанный на коленке за 3 дня. Разница все же есть.

      Ответить

С нетерпением жду вашего отзыва

Хотите, чтобы на ваш комментарий обратили внимание?

XHTML: Вы можете использовать следующие теги(главное не увлекайтесь, ведь есть модерация): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>