Главная » Новости » Новая жизнь блога History-of-Blog.ru
Изменения. Классный футер

Новая жизнь блога History-of-Blog.ru

“Готово!” – воскликнул я на радостях несколько минут назад. Новый, доработанный одноименный шаблон, который я назвал styler был доработан и установлен на этот блог. Наконец последние изменения в строчках файлов темы и блог преобразился! Но… изменения касаются не только дизайна, но и несколько контентной части для будущих статей, блог будет немного в другом формате.Изменения. Классный футер

Итак, всем привет на страницах history! Давненько я ничего не писал, никого не читал, и в принципе ничего не делал в блогосфере :) Устроил так сказать себе отпуск. Но, пора бы уже снова выйти свет, обновленным, полным сил и желания. После полутора месяцев молчания даже как-то непривычно писать строчки для этой статьи – отвык) Ну ничего, скоро втянусь… наверное.

Начнем по порядку и с самого заметного:

Обновленный дизайн History-of-Blog.ru

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

Новый дизайн хотелось сделать более информативным и менее перегруженным ненужными стилями. По цветовой гамме: белым или серым (на футере психанул если что). Ну и конечно же, как и для любого другого блога, основную роль здесь играет именно контент, поэтому его должно быть удобно читать. Справился ли я со всеми этими задачами не знаю – буду разбираться, дорабатывать то что нужно.

Ширина и сайдбар

Ширину блога я заметно увеличил, со всеми отступами и границами она стала 1122px – это не очень хорошо, так как порядка 15% пользователей интернета пользуются мониторами с разрешением 1024×768, но все таки я решил остановиться именно на такой ширине сайта.

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

Контент

Для контентной части особых изменений не делал. В принципе оно и незачем.

Различные блоки

Вот различный блоков я написал огромное количество. Даже нарисовал в фотошопе вот такие ленточки для некоторых:

Тут же столкнулся с проблемой – если ставить эту ленту как background и сделать отрицательные отступы, то края обрезаются и она не выходит за пределы блока. К сожалению найти в интернете ответ на мой вопрос не получилось, даже не знал как сформулировать свой запрос. Час мучений и я изобретаю чертовски изощренный способ благодаря которому достигается нужный эффект – сам в шоке! Может кому интересно как поставить такие же ленточки? Готов поделится “рецептом таких лент”, и даже научить рисовать их в фотошопе.

Конечно можно было просто сделать фон одной сплошной картинкой, но мы же ищем легких путей! Блин, просто я тогда как-то не подумал, и пришлось как-то ухищряться :)

Футер

Подвал сайта выбивается из общего дизайна и это здорово. Именно он мне нравится больше всего на сайте, с одной стороны все сделано довольно просто, но в тоже время информативно. А сочетание цветов? К тому же, верстая футер, я освоил еще один прием css: а именно что можно сделать при помощи вот таких картинок:

Просьба

Расписывать все по дизайну нет смысла, все и так прекрасно видно. К сожалению мне со стороны сразу не понять недостатки шаблона, поэтому я обращаюсь к Вам, дорогие читатели: может у кого-нибудь съезжает сайдбар, где-то выступает текст или видны какие-либо косяки. Если этого нет, то выручите советом, что смотрится не очень привлекательно, что можно добавить, убрать или переработать, буду очень Вам благодарен. Критика приветствуется! (восторженные возгласы еще больше!).

Контент, еще больше практики

Я немного изменил основную тему блога – теперь это не пресловутое SEO или как создать блог – если честно то меня уже бесят такие темы) Даже не столько темы, сколько блоги на эти темы :) Итак, теперь это мой личный блог (по шапке понятно), в котором я буду писать авторские статьи на различные темы, которые пересекаются тем или иным образом с многочисленными видами заработка в интернете и сайтостроением.

Самое главное статьи будут не просто сборником информацией, а наглядным практическим опытом, только так и никак иначе! Например посмотрите вот на эти статьи:

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

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

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

Комментировать через ВКонтакте:
Отзывов к посту "Новая жизнь блога History-of-Blog.ru" уже 20:
  • ruslan | 15.10.2012 в 13:56

    Дизайн как всегда отличный :idea: , особенно футер меня поразил Антон все супер .

    • admin | 15.10.2012 в 20:58

      Да неее, футер легкий достаточно, не больше 60кбайт. Для сравнения обычная картинка к статье, разрешение которой 530×240 весит больше, причем без использования прозрачности в 70-80% качестве (формат .jpeg)

  • nario | 15.10.2012 в 17:15

    Все отлично) Продолжай в том же духе!

  • Владимир Жданов | 15.10.2012 в 18:45

    Здоров! Давно не видел тебя. В скайпе мельком только ) Дизайн хорош! Стал серьезнее чем прошлый. Футер шикарен. Правда первая секция похожа на мемориальную доску ))) Но тоже круто выглядит. В прошлое воскресенье проезжал через Владимир из Москвы… Конечно, аварий было не счесть, причем в самое мясо. Столько “не живого” населения за один день я в жизни еще не видел. Не будем о грустном. Дизайн отличный!=) Венец творения! =) Молодец! =) Кстати, с ленточками на блоки можно было бы наверно проще поступить. background: url (lenta.png) 0px 0px no-repeat. По идее должно сработать )

    • admin | 15.10.2012 в 21:02

      Да сходство с доской есть – сам заметил :)
      Я вот только приехал с автошколы, как раз была тема “первая помощь” – тетя врач рассказывала про всякие страсти… Да и погода в последнее время не айс (разве что сегодня), дожди постоянные, даже пару дней туман был в последние дни – отсюда и покрытие дорог скользкое и недостаточная видимость, а лихачей всегда хватает.
      Нее с бэком бы так неполучилось, лента бы не вышла за пределы блока. Тут помог только дополнительный див с позиционированием, ну сам уже посмотрел наверно :) Спасиб, Володь)

  • Лариса | 15.10.2012 в 18:46

    Красиво! И сайдбар мне нравится, и подвальчик. :idea:

    • admin | 15.10.2012 в 21:03

      Спасибо Лариса :) Мне тоже ПОКА нравится)

  • Владимир Жданов | 15.10.2012 в 18:47

    И ховер на блоке тоже оригинально ))))

  • Сергей | 15.10.2012 в 19:01

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

    • admin | 15.10.2012 в 21:05

      Спасиб. Да я просто не знал что изначально должно получится, сначала просто картинку попробовал, потом ввел дополнительную – посмотрел как меняется, так собственно и оставил пока.
      Да, надо будет сделать спрайтом, может быть даже создать одну большую .png картинку и все бэки ссылать на нее – так еще лучше будет в плане быстроты

  • Евгений Вергус | 15.10.2012 в 19:50

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

    • admin | 15.10.2012 в 21:06

      Спасибо Жень :)
      Социальные кнопки? а что интереснее – ленточка или появляющася надпись?)

  • Алёна Семёнова | 15.10.2012 в 20:13

    Ну красава, Антон. Правда, я бы из подвала тебя вынула и в шапку поставила. Но опять же, раз у тебя так задумано, то пусть. Мне нравится. Ноут у меня новый, экран здоровущий, поэтому ничего не выходит за грани( я и на полный экран раскрывала и обычно, всё норм).
    Даже к тебе в контакте захотелось добавиться, надеюсь ты не против?
    :???:

    • admin | 15.10.2012 в 21:10

      Да задумано в принципе ничего особо не было – просто как получилось :) Как понравилось на данный момент так и оставил. Конечно предстоит еще поправить некоторые моменты, но в целом пока нормально.
      Конечно не против :) к тому же вконтакте удобно списываться, поэтому и добавил ссылку на профиль

  • Алёна Семёнова | 15.10.2012 в 20:14

    Да, и очень хорошо, что ты убрал этого матерного мужика с кулаком, без него лучше :|

  • Олег | 16.10.2012 в 8:48

    Да, широкие сайдбары супер. А я всегда ищу шаблоны с 3-мя сайдбарами, как у тебя сейчас, один широкий и два узких.
    Я свой диз тоже поменять хотел, а сейчас передумал что :twisted:

    • admin | 16.10.2012 в 14:05

      ну три сайдбара… мне кажется это перебор ;) симпатичнее один большой, который можно комбинировать и разбивать на два в нужных местах

  • Дмитрий | 26.10.2012 в 10:33

    Дизайн отличный.
    Мне нравится такой минимализм.
    Заходил на твой блог – подумал уже, что забросил.
    Ан нет)

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: