| Сегодня 8 июня, воскресенье |
      |
  
|
  
Какой рейтинг вас больше интересует?
|
Главная /
Каталог блоговCтраница блогера Блог для блогов - создание блога на blogspot/Записи в блоге |
 |
Блог для блогов - создание блога на blogspot
Голосов: 1 Адрес блога: http://bdblogov.blogspot.com/ Добавлен: 2013-06-02 03:52:18 блограйдером Olga28 |
Генератор кода изображений для блога
2013-08-30 23:18:00 (читать в оригинале)В этои коротком посте поучимся ещё работать с изображениями. Предлагаю воспользоваться простым и удобным сервисом генератора html кода изображений для вставки в блог. Впрочем сейчас сами увидите и оцените. Переходим по адресу http://li-web.ru/serv/images, смотрите на скриншоте
1. В окно вставляете адреса ссылок изображений, как узнать адрес ссылки на картинку я писала в своем посте.
2. С чем работать: Яндекс фотки либо Просто список ссылок. Отмечаем галочкой.
3. Поместить в таблицу. У меня три изображения, я расположила их подряд. Если изображений к примеру 6, можно расположить и подряд, и столбиком 2 по 3.
4. И последнее, что нам нужно сгенерировать; код картинки в таблице(html) либо код картинки в таблице с кодом. Определяемся и нажимаем-готово. Посмотрите внизу как это выглядит. Здесь я сделала оба варианта: Код картинок в таблице и код картинок в таблице с кодом. Согласитесь, легко, быстро и удобно, а главное нам очень пригодится.
 |  |  |
| | |
Почитайте как изменить размер изображений;
Делаем закругленные углы изображений;
Как сделать изображение ссылкой;
Меняем форму комментариев на Blogspot
2013-08-30 03:01:00 (читать в оригинале)Не знаю, кому как, но мне давно не давала покоя стандартная форма комментариев на Blogspot. Так хотелось хоть немного её видоизменить. Не так давно набрела на сайт и нашла код, который для нас "чайничков" вставить не составит особого труда. Копируем код ниже и плавно переходим в черновик blogger- шаблон-настроить. В открывшемся дизайне шаблонов нажимаем-дополнительно-вставить СSS. Перед Вами откроется вкладка, куда необходимо вставить скопированный код. Смотрите на скриншоте
Далее жмем-применить к блогу-просмотреть блог-назад в blogger. Пример в этом блоге.
#comments{overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#50C806}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #50C806;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:2}
.comment-thread{color:#111}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#50C806}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url([URL=http://radikal.ru/fp/f9e9332a95154de285e58e8bba4dd609][IMG]http://s019.radikal.ru/i631/1308/c5/a91f379742c9.jpg[/IMG][/URL]);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
Выделенное розовым фоном-это цвет #050C806, сейчас он зеленый, можете поменять на свой вкус. Так же можно изменить ширину(width) и высоту(height), по желанию. Только смотрите внимательно, чтобы и ширина и высота были пропорциональны. Прежде чем изменить, изучите внимательно цифры. Больше ничего менять не рекомендую, так как сама меняла, и лучше чем есть не стало, хотя если есть желание можете экспериментировать. Всё, меняем и наслаждаемся проделанной работой.
Посмотрите как изменить цвет фона текста;
Как узнать скорость загрузки страниц;
Меняем форму комментариев на Blogspot
2013-08-30 03:01:00 (читать в оригинале)Не знаю, кому как, но мне давно не давала покоя стандартная форма комментариев на Blogspot. Так хотелось хоть немного её видоизменить. Не так давно набрела на сайт и нашла код, который для нас "чайничков" вставить не составит особого труда. Копируем код ниже и плавно переходим в черновик blogger- шаблон-настроить. В открывшемся дизайне шаблонов нажимаем-дополнительно-вставить СSS. Перед Вами откроется вкладка, куда необходимо вставить скопированный код. Смотрите на скриншоте
Далее жмем-применить к блогу-просмотреть блог-назад в blogger. Пример в этом блоге.
#comments{overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#50C806}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #50C806;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:2}
.comment-thread{color:#111}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#50C806}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url([URL=http://radikal.ru/fp/f9e9332a95154de285e58e8bba4dd609][IMG]http://s019.radikal.ru/i631/1308/c5/a91f379742c9.jpg[/IMG][/URL]);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
Выделенное розовым фоном-это цвет #050C806, сейчас он зеленый, можете поменять на свой вкус. Так же можно изменить ширину(width) и высоту(height), по желанию. Только смотрите внимательно, чтобы и ширина и высота были пропорциональны. Прежде чем изменить, изучите внимательно цифры. Больше ничего менять не рекомендую, так как сама меняла, и лучше чем есть не стало, хотя если есть желание можете экспериментировать. Всё, меняем и наслаждаемся проделанной работой.
Посмотрите как изменить цвет фона текста;
Как узнать скорость загрузки страниц;
Переводчик страниц для блога
2013-08-29 21:26:00 (читать в оригинале)Почитайте переводчик текста на Blogspot;
Переводчик страниц для блога
2013-08-29 21:26:00 (читать в оригинале)Почитайте переводчик текста на Blogspot;
Категория «Графика»
Взлеты Топ 5
 | ||
|
+203 |
215 |
книга мудрости |
|
+188 |
288 |
Relazioni |
|
+164 |
208 |
Палитра тишины - веб-дизайн и не только... |
|
+163 |
207 |
Blender-Empire |
|
+148 |
227 |
Карен-тян |
Падения Топ 5
 | ||
|
-3 |
13 |
ITDalee |
|
-5 |
245 |
Создавая пространство.. Блог декоратора Кати Саган |
|
-6 |
4 |
antiqvar |
|
-8 |
7 |
Канарик |
|
-11 |
6 |
Real_Dark_Trancer |
Популярные за сутки
Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.
взяты из открытых общедоступных источников и являются собственностью их авторов.