Новый дизайн на блоге Инканта. Часть 1

Приветствую :) Наверно Вы уже заметили небольшие изменения на блоге, в начале сентября я поставила для себя некоторые обязательные цели, а времени уже осталось не так много. Одной из целю была смена дизайна.

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

голубое небо, красивое небо, небо новый дизайн блога

Инструмент, которым я пользуюсь при смене дизайна

В шаблонах я не спец и приходлось все делать методом тыка. В последнии несколько месяцев я пользуюсь только ГуглХромом (гугл хром скачать бесплатно), но у Оперы есть одна фишка, может вы занете, а может нет. Есть такая функция интересная — Opera Dragonfly.

Как ее найти? Открываем браузер Опера -> страница — > средства разработки — > Opera Dragonfly

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


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

О старом дизайне блога

старый дизайн, дизайн блога, дизайн блога инканты

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

О новом дизайне блога

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

За это время я успела попристовать к нескольким блогерам: Натальи Клевер, автору блога про дизайн без остановки, кстати на день блога она была в списке обозреваемых. Я пыталась понять как мне поставить задний фон и на ее блоге с помощью Оперы Драгонфлай изучала структуру.

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

Вы наверно заметили, что в заголовке написано часть первая. Все верно, это не завершенный еще дизайн. Шаблон Adsimple выбран как каркас, основные моменты уже завершены, но шапка будет другая. Я сделала «подмалевок» в фотошопе и начну потихоньку прорабатывать детали. (при клике увеличивается)

новый дизайн блога, воздушный дизайн

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

Кстати, недавно нашла на блоге Полезного интересную тему про качественную накрутку социальных кнопок, которые можно заказать тут http://polezniy.com/2011/08/17/predostavlyayu-uslugi-nakrutka-lajkov-i-prochix-schetchikov по низким ценам.
Инканта.

Как установить красивые кнопки социальных сетей

Похожие статьи

Отзывов (62) на «Новый дизайн на блоге Инканта. Часть 1»

  1. А мне и этот дизайн очень нравится. Сама все время ковыряюсь в шаблонах

  2. А внизу что за фиговина?)) дом?

    клевый диз-)

  3. Молодец, сколько не зря столько сил приложила.За помощью можно обращаться или за советом?

  4. Марина , ну вы молодец . Очень душевно у вас тут . Творчество и индивидуальность всегда притягивает.

  5. Уж очень не доделано, работать надо, уж прости за прямоту

    И хде улитка ???

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

      Улитка поселиться в шапке, как в нижнем эскизе. Заменю эти банеры на свои, и свою сабскрайб. Вот собственно, что и будет во второй части.

      А что конкретно не доделано?

  6. шапка вообще никакая, в остальном всё отлично)

  7. Как здорово, когда все понимаешь и знаешь, как сделать. Пока читала ваш рассказ, как абракадабру — тему менять конечно могу, но всю целиком. А вот заработок в инете заинтересовал — ну и сколько получилось? цель достигнута? )))

  8. А я то думаю, название знакомое, а вот дизайн другой. Вполне мило!

  9. Vadyxa, пасиб :P

    А вот и смайилки появились 8)

  10. Марина, Ваши старания с оформление сайта приведут Вас к нужному результату. И Вас все получится так, как Вам захочется. *THUMBS UP*

  11. Игорь:

    Мне понравилось, *THUMBS UP* на мой вкус календарик ни к чему, лишний код. Кому нужно правый нижний угол монитора. Удачи :-D

  12. Viktor:

    Уважаемая Марина, предлагаю вам пару ссылок для ознакомления с правильным симметричным дизайном:

    _http://infacomp.ru/page/1/

    _http://kusoft.ru/

    Шаблон Adsimple не совсем удачен, асимметричен влево, старый

    дизайн был лучше. Не всегда комната выигрывает от перестановки мебели.

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

    Если захотите написать мне, то пишите на mailto: viktorp284@gmail.com

    Спасибо за внимание !

    Юный блогер Пыхтелкин Нижняя Волга 26_09_11 06:59 (мск)

    Несимметричный

    • Viktor, по мне так сайты, указанные вами — старый век. *UNKNOWN* Они подходят для каких-то сайтов, но для блога, такой вариант, как у меня считаю лучше. Да, колонки не одинаковые, но чем же это хуже? Дизайн, на то и дизайн, что у каждого свой :P

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

      Но спасибо за комментарий, было интересно узнать ваше мнение.

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

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

  15. а вы не можете подсказать как можно сменить шапку на вордпрессе а то я уже не знаю у кого спросить все молчат или дают информацию где я не чего не понимаю =-O

    • Хорошо, сегодня напишу пост про смену шапки, но у каждой темы есть свои нюансы, но принцип один и тот же.

  16. Wee:

    Какой красивый у тебя дизайн стал!!! Восхищаюсь людьми, которые сами все это умеют делать .) =) Умница!

  17. жду пост про шапку спасибо за ответ

    • Светлана, сейчас не как не могу написать про шапку, у меня просто дикий завал, но как напишу, сразу вам сообщу. Кстати какой у вас шаблон вордпреса? Я бы сразу на вашем примере сделала видео урок.

  18. Очень живенько. Цвет такой бирюзовый приятный!

  19. Ой, какая красота! Особенно уже с Улиткой и цветочками. Надо же какие вещи ты умеешь делать! Ты настоящая мастерица, Инканта)

    Я в восторге =)

  20. Так ты сама-сама рисовала такую обалденную шапку? Это же просто чудо. Я тоже хочу или такую шапку или научиться так делать. А где ты рисуешь такое?

    • Тань, а каком смысле ты подразумеваешь, что рисовала? С нуля? Нет. Я нашла уроки по фотошопу и мне понравились несколько моментов, взяла специальные картинки шикарного качества. Дальше вырезаю, кручу, верчу, соединяю и редактирую. Попутно нужно настраивать качество, тень и прочие моменты.

      Вот листики я брала от сюда _http://www.designonstop.com/tutorials/advanced/sozdaem-v-fotoshope-kompoziciyu-so-skripkoj-listyami-i-plachushhej-rozoj.htm

      Конечно у меня есть очень сильное желание самой научиться именно рисовать в фотошопе, я еще мечтаю о графическом планшете, что бы вместо мышки можно было делать специальной ручкой. *IN LOVE*

  21. Kosman:

    В Mozilla Firefox смотрится ничего (на белом фоне), а вот в Опере на сером, а у кого-то может на зеленом. Это как оформление окон системы настроить. Так что надо бы с цветом фона поработать.

    После тега стоит , который нужно исправить на

    • Kosman, честно говоря я не понимаю о чем вы? Я смотрела в хроме, опере и мозиле и у все везде белый фон.

      • Kosman:

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

        • Kosman:

          Вы же блог для пользователей создали, а не для себя. Ну так и подстраиваться нужно под пользователей. Или я не прав?

          • Напишите ссылку, на subscribe я там в трех группах анонсировала пост и искать мне очень долго. Я просто участвую в двух конкурсах и времени ни на что не хватает. Я даже забываю покушать =)

            А вы про серый и прозрачный фон говорите. Я даже не знаю, что мне конкретно в поисковик вбивать. *CRAZY*

  22. Kosman:

    Создали тему — надо следить за комментариями или почту проверять.

    Новый дизайн:

    subscribe.ru/group/sozdat...nternet/1048617/

    • Kosman:

      Да что я вожусь с вами не пойму?! Делать мне больше нечего и группа эта хреновая, мои темы не публикует. Типа я анонсирую свой варезник. А другие что делают, ну не варезник, а блоги. А им то какая разница? Заходите в мой профиль, там адрес сайта — добро пожаловать.

      • А вы комментарии к группе почитайте, у моего знакомого тоже модератор отклонял анонсы, дело вот в чем.

        Группа называется «Создать свой сайт» во-первых анонсировать посты нужно такие, которые имею прямое отношению к создание сайта, а во-вторых нужно установить кнопку группы.

        • Kosman:

          А я анонсировал программу для создания сайта и кнопку я устанавливал, но вот теперь удалил.

    • Теперь все ок? *THUMBS UP*

  23. уф, а я уж думала симпатичной улитки не будет... А она просто уползла на время ремонта дизайна, я ведь тоже детей к бабушке отправляю когда обои клею :-D

    Удачи! метод тыка самый сложный, но самый действенный.

  24. Дизайн мне очень понравился. А ваша улитка просто бесподобна, хорошо когда можешь самостоятельно это сделать. Я бы тоже поменяла тему, но к сожалению не обучена этим премудростя *UNKNOWN* м.

  25. Очень мило смотрится, в перспективе, я смотрю, будет еще красивей! Умница ты. ;)

  26. Главное, чтобы Улитка была! Зашла на сайт и растерялась — ГДЕ?!!! Как могла!!! =-O

    А дизайн понравился. ;)

  27. Форма комментирования стала намного лучше и комфортней)

    А это уже немаловажный фактор для посетителей, которые не только посты читают, но и комменты к ним...

    Появилась опция «ответить» — тоже правильно)...если не ошибаюсь, ее не было?)))

    • Да-да, в прошлом шаблоне, у меня почему-то древовидные комментарии не работали, а в этом есть =)

  28. E-burger:

    Странно упоминание фичи Opera Dragonfly в одной строке с репликой об использовании GoogleChrom'a, как основного браузера. Дело в том, что Chrome в своем арсенале имеет аналогичный «стрекозе» инструмент. Настройка (пиктограмма гаечного ключа справа вверху) — Инструменты — Инструмент разработчика. Или контекстное меню ПКМ — Просмотр кода элемента.

    • И что тут странного? Я привыкла к Оперной «стрекозе», но закладки и все такое у меня в Хроме. :-/

      Дело вкуса и привычки.

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

      • Е-burger:

        Удачи *no smile*

        • Что хотите, то и думайте. Это мой блог и я не хочу видеть здесь комментарии недовольных жизнью людей, ноющих или что-то требующих от меня. Я ничего Вам не должна. *CRAZY*

          Я не хочу тратить свое время на тролей. Все комментарии подобного типа будут отправляться в спам.

  29. Марина мой blogowed.ru тоже на Adsimple забабахал его до неузнаваемости.

    • Действительно, я не признала этот шаблончек, зато когда скал, я сразу заметила пунктирные полоски. Они выдают. *CRAZY*

Ваш отзыв