Динамический просмотр, подписка на обновления здесь.

Подпишись на обновления feeds.feedburner Subscribe in a reader. Для динамического просмотра блога нажми view.

16.06.2011

Оформление блоков от аmateurblogger.ru

 Кто из создателей сайтов или блогов не хотел, что-бы их творения стремительно быстро загружались, выглядели незабываемо и уникально?
 Да, вот и я сегодня перенял опыт у замечательного автора блога amateurblogger.ru и повествую о том, как можно чуточку улучшить свой блог за счет визуального оформления статей в блоггер.

  Единственное отличие моих блоков будет в том, что мои изображения,  как в примере у автора, будут загружены не из "Пикассы" или по URL, а прямо на блог с компьютера. Хотя все загруженные вами картинки и хранятся на Picasa, так как сервис этот гугловский.

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

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyjf_bsdVAXDMfFfalvkF2LfWIkxgsvpx9LtSTQJ-fW5hpwPh_kPdzPOtyI-euUA86Tcs7GSvToSXXgzJCPVWTLng2GoN-pAo9qwwafbxfIkrXkQGKgt1FOCbAtXOS1BXEgYwccTQp9uc/s1600/vajno.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyjf_bsdVAXDMfFfalvkF2LfWIkxgsvpx9LtSTQJ-fW5hpwPh_kPdzPOtyI-euUA86Tcs7GSvToSXXgzJCPVWTLng2GoN-pAo9qwwafbxfIkrXkQGKgt1FOCbAtXOS1BXEgYwccTQp9uc/s200/vajno.png" width="32" />&nbsp;</a > 

  Надо прописать в коде только одну любую часть адреса, которая у меня, выделена желтым.
Я нарочно не копирую весь код CSS, что бы читатели могли обратиться за оригиналом по ссылке, на сайт автора. Здесь же, только показываю как это удалось осуществить мне.
Теперь, чтобы поместить тот или иной абзац текста в необходимый мне блок (например info), на вкладке Изменить HTML в редакторе, достаточно окружить этот текст тэгами
<div class="info">Здесь расположен текст </div>
Пробуем:
Здесь расположен текст. 
Очень крупное получилось изображение, попробую загрузить поменьше pxl так на 32.
Здесь расположен текст который получился со второй попытки в блоке vajno.
И со второй попытки в блоке vajno ничего не изменилось, как бы того не хотелось. Возможно что-то упустил, скорее всего при копировании произошла ошибка в коде, либо это связано с используемым шаблоном, хотя это мало вероятно.
Попросил в комментариях автора о помощи, сам не силен в CSS, да коментарий третий день на модерации, цензура - понимаешь.
Надо на форуме спросить. Или в крайнем случае использовать другие блоки.
Так то вот, запросто, я решаю возникающие вопросы.
Сегодня досконально проверил шаблон и вот что я там увидел.

Шаблон.

 Всё в точности как у автора.
Мистика какая-то, вы замечаете разницу? Лично я - нет. Остается предполагать, что это неадекватная реакция на картинку или слово "vajno".



Пробую загрузить новую картинку и добавляю в шаблон новое название класса "vagno".
Поздравляю, эксперимент удался. Всем спасибо за внимание!

2 комментария:

Екатерина Михайлова комментирует...

У вас для блока "важно" не весть код CSS прописан. перепроверьте все точнее. Вы просто не все скопировали из статьи.

arch комментирует...

На другом блоге, история с рзмножением фонового изображения повторилась. Исправить удалось вставкой перед названием первого блока, ещё одного названия-пустышки без самого кода блока. То есть .slovo, .vajno, .info, .kod
По этой логике выходит, что первое слово не работает, а последующие за ним, без проблем. Проверено.

Отправить комментарий

Ваш комментарий, непременно будет опубликован после проверки спам-ботом
.