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

Tuesday, 14 December 2010

3 колонки- продолжение, или Меняем загружаемые шаблоны

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

Спасибо большое Nassy за то, что позволила использовать ее шаблон для демонстрации *__*.

Итак, мы загрузили шаблон-гаджет и хотим изменить ширину колонок по своему усмотрению? Легко!
Наши действия будут идти по 3-м направлениям-
  1. меняем ширину колонок на свой вкус, как описано здесь;
  2. меняем размеры картинки, установленной в шаблоне-гаджете с помощью графического редактора (например, Фотошопа);
  3. "подгоняем" ширину колонок и размеры картинки друг к другу.
Первый шаг мы уже освоили, так что сразу перейдем ко второму. Для того, чтобы отредактировать картинку, мы ее "извлечем" из кода, который надо вставить в блог в виде гаджета. Вот код гаджета:


Красным выделена ссылка на картинку. Если открыть эту ссылку в окне браузера, можно будет скопировать картинку на свой компьютер и изменить либо ее размеры целиком, либо, если это не нарушит дизайна, только средней части. Я решила увеличить всю картинку, чтобы пропорционально увеличилась и средняя часть, которую Настя хотела видеть широкой.


Конечно, можно четко выставить размер средней части картинки соответственно ширине средней колонки.
Далее следует сохранить файл в том же формате, в котором была исходная картинка, и загрузить на файлообменник или в свой альбом на Пикасе, где "живут" все файлы блога.
Затем заменяем в коде бывшую ссылку на файл новой, только очень внимательно, без лишних или недостающих пробелов или знаков.
И вот такой измененный код уже вставляем в виде гаджета в блог. После того, как шаблон загружен, нам возможно придется немного "подогнать" ширину колонок и картинку фона друг к другу. Несколько таких "примерок" позволят увидеть ту пропорцию, в которой именно Ваш блог смотрится неповторимо и оригинально *__*.

Вот собственно и все. Ничего сложного *__*.




9 comments:

  1. Здорово ты все расписала! Для чайников (для меня!) все понятно. Давай еще МК по разным блоггеским полезностям!

    ReplyDelete
  2. Может , так же доступно , расскажешь , как поменять шаблон....плиз.
    А то я уже устала издеваться над своим блогом-пробником ...

    ReplyDelete
  3. )))) На счёт чайников-это точно подмечено!

    ReplyDelete
  4. Девочки, рада, что все понятно, тем более, что в блогах многих я уже вижу применение своих советов *__*. Настюш, полезностей немало- давайте конкретно пишите, что надо, что давно хотелось сделать, но не получалось, и т.д.,- будем по порядку разбираться *__*. Ларочка, если имеется в виду смена шаблона-гаджета, загружаешь новый и меняешь код имеющегося шаблона на новый в теле гаджета. А если речь идет о том, как менять внешний вид блога, то есть кол-во колонок, их расположение, то тебе сюда: Панель инструментов- Дизайн- Дизайнер шаблонов- Дизайн. Наташ, если у человека есть блог, он уже никак не чайник, а узнавать что-то новое и пробовать и экспериментировать это просто здорово!

    ReplyDelete
  5. Ой я не знаю ,как правильно написать ,что мне надо.
    Просто смотрю , у всех фоны блогов с новогодней тематикой , я нашла блоги , где можно скачать эти шаблоны, но сколько не пробовала проделать смену общего фона( шаблона ?) на своем блоге-пробнике ....ничего не получается ....
    А к сыновьям уже и стыдно обращаться , да и приходят они с работы поздно ...как -то совесть не позволяет их дергать со всякими пустяками ( это для них).

    ReplyDelete
  6. Лара, без паники! Хочешь НГ в блоге- сделаем! Для начала загрузи шаблон, который тебе нравится, и расскажи, как он выглядит или пришли на почту *__*.

    ReplyDelete
  7. Ну вот например шаблон №59
    http://fondossholy.blogspot.com/search/label/Navidad

    ReplyDelete
  8. Лара, так этот случай я и описываю в этом самом посте- шаблон-гаджет *____*. Смотри, там указаны 2 кода, верно? Верхний для блогов с 2-я колонками, а нижний для 3-х колонок. Ты должна просто скопировать тот код, который тебе нужен- либо с 2-я колонками, либо соответственно с 3-я. Затем залезаешь в свою Панель инструментов- Элементы страницы- Добавить гаджет (в средней части например, над сообщениями блога). Затем выбираешь из списка гаджетов HTML/JavaScript- Добавить, и в тело- не в маленькую строчку названия, а в большое поле, вставляешь скопированный код. Сохраняешь. Смотришь блог на предмет что получилось. Если что-то не нравится с шириной колонок, смотришь мои советы *___*.

    ReplyDelete
  9. Марина, рада тебя обнаружить :)) и спасибо за разъяснения !

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...