пятница, 15 сентября 2017 г.

Обучающий проект "Нарисуй свой блог"

Всем доброго дня, дорогие читатели!
Моему блогу уже год, однако его оформление меня совершенно не устраивает, а времени на его переделку нет вообще. Стоит лишь открыть ноутбук, как две маленькие ручонки помогают по клавишам тыкать и мышку отбирают))) 
Поэтому пройти мимо замечательного обучающего проекта "Нарисуй свой блог" Алёны Little Evey было невозможно, тем более, что у нее все очень очень подробно рассказано, даже человеку никогда не работающему в фотошопе все понятно.
Вот как выглядел мой блог изначально:

После того, как я выполнила все действия, описанные в Обучающем проекте "Нарисуй свой блог". Часть первая, мой блог приобрел "лицо":

Времени на все переделки ушло чуть больше часа (если учесть, что с фотошопом я на ВЫ). А самое главное, Аленушка комментирует и дает советы, что и как лучше сделать, чтобы все смотрелось гармоничнее и красивее!!!

Вот уже и вторую часть Обучающего проекта "Нарисуй свой блог" Алена опубликовала. На этот раз она подробнейшим образом разобрала как сделать аватарку (главный баннер с фотографией).Вот результат моей работы:

Мой блогодомик потихоньку преображается))) спасибо огромнейшее нашей дорогой Аленушке!!!


Вот и я наконец-то поработала над третьей частью Обучающего проекта "Нарисуй свой блог", вот что у меня получилось:

У Аленушки все так подробно описано, что я даже на какой-то миг почувствовала себя программистом)). Девочки присоединяйтесь, не пожалеете!!!
Алена, что скажешь по поводу моего разделителя? Несколько раз переделывала, сначала делала с большим количеством цветков, но показалось, что как-то слишком "тяжеловато" смотрится, в итоге остановилась на таком варианте. Единственное думаю, может размер картинки уменьшить?
Уменьшила, стало лучше.

По новому уроку у меня уже готовы кнопочки социальный сетей:
Алена, спасибо огромное!!!


14 комментариев:

  1. Олесенька, моя ты прелесть! Баннер - чудо как хорош, а как тебе подходит :). Всё идеально!
    Давай сделаем вот этот шаг?

    Следующий важный момент! Эту информацию легко добыть на просторах интернета, особенно, если учесть, сколько обучающих материалов накопилось с 2008-го года, но, исключая вопросы, напишу: если у ваших изображений - конкретно в нашей ситуации - баннера есть обводка, рамка, их нужно удалить (если, конечно, это вам наравится, то можно всё оставить); для этого нам нужно сделать следующие операции:

    а) заходим во вкладку "Тема",
    б) выбираем "Дополнительно",
    в) прокручиваем до заветной строчки "Добавить CSS" и нажимаем на неё,
    г) в окно вводим код, который приведу ниже:

    .post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
    .BlogList .item-thumbnail img {
    padding: none !important;
    border: none !important;
    background: none !important;
    -moz-box-shadow: 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px transparent !important;
    }

    Нажимаем "Применить к блогу" и возвращаемся назад к Blogger.

    Таким образом обводка твоего баннера пропадёт :). А после можешь ещё увеличить его на 15-20 пикселей в ширину и попробовать опять установить, не сжимая до размеров экрана (в этот раз ставила галочку, сжимала?). Тогда всё будет вообще неописуемо прекрасно :).

    ОтветитьУдалить
    Ответы
    1. P.S. Внесла тебя в линки, надеюсь, ты не против. Так удобней смотреть, что происходит у любимых девочек, в чём помочь.

      Удалить
    2. У на почему-то шапочка стала крохотной. Олесь, сама уменьшила или блоггер что-то выдал?

      Удалить
    3. Алена, рамку с баннера я просто не успела убрать, сын проснулся и все мои работы в интернете на этом закончились))
      Я тоже заметила, что шапочка уменьшилась, я сама для этого ничего не делала. Если успею, то попробую разобраться, что с ней случилось.

      Удалить
    4. Я шапочку удалила и снова загрузила и стало нормально все! Не понятно. что это за глюк был.

      Удалить
    5. Всё чудесно :). Любуюсь этой красотой!

      Удалить
  2. Олеся, очень мило у вас получилось! С девочкой отличная идея, очень гармонично смотрится

    ОтветитьУдалить
  3. Олесенька, какой разделитель! У тебя очень, просто очень гармоничный блог! Всё с таким вкусом подобрано. По поводу размеров - можешь попробовать уменьшить по длине на 120-150 пикселей, тогда он пропорционально изменится и по ширине. После уменьшения будет смотреться ещё гармоничней - цветочки окажутся соразмерными тем, что есть в шапке и на баннере :).
    Ты - умничка, огромное спасибо за это удовольствие!

    ОтветитьУдалить
  4. Спасибо огромное!!! Разделитель уменьшила, стало лучше!!! Это тебе огромное спасибо, без твоего обучающего СП не было бы у меня красивенького блогодомика!!!

    ОтветитьУдалить
  5. Олесенька, обожаю твой блог! С какой же радостью захожу всегда к тебе :).Ты чудо, и наши работы, будь то скрап, шитьё, рисование или блог - всегда отражение нашей души. Она у тебя очень нежная, светлая и добрая :*.
    Кнопочки замечательные!

    ОтветитьУдалить
    Ответы
    1. Спасибо огромное, Аленушка! Твои слова меня всегда окрыляют, хочется творить и творить...вот где бы еще свободного времени взять на все свои задумки

      Удалить
  6. Олеся, здоровские кнопки и расположение моё любимое :))) так скажем :)))

    ОтветитьУдалить
    Ответы
    1. Спасибо Марина! Мне тоже так кажется более удобнее!

      Удалить