Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот)
Сегодня, дорогие друзья, речь пойдет о цитатах на Блогспот Блоггер. Для тех, кто еще не знает как в редакторе оформить цитату, предлагаю скриншот. Текст надо обвести (смаркировать), а потом кликнуть на символ кавычки (туда, куда указывает стрелочка).

К сожалению особенного оформления цитат на Блогспот не предусмотрено и текст всего лишь "ужимается". Поэтому мы установим дополнительный код, который придаст цитатам более презентабельный вид,
Устанавливается код очень просто! В Дизайн - Добавить гаджет - HTML/JavaScript, необходимо добавить следующий код, который я и оформил им же, как цитату:
<style>.post blockquote
{
font-size: 15px;font-family: Verdana;font-weight: normal;font-style:italic;
background-color: #F2F1F1;
color: #000;
margin: 5px 10px;
padding: 20px 20px 20px 20px;
border: 2px dotted lightgrey;
border-radius: 10px;
box-shadow: -1px -1px 12px 2px gainsboro;
transition: background-color .777s;
-webkit-transition: background-color .777s;
-moz-transition: background-color .777s;
-o-transition: background-color .777s;
-ms-transition: background-color .777s;
}
.post blockquote:hover
{
background-color: CornflowerBlue ;
color: #fff;
}
.post blockquote:active
{
background-color: lightblue ; ;
color: #000;
}
</style>
13 коммент.:
https://www.blogger.com/profile/14896213645847106084
https://www.blogger.com/profile/12324094825656273427
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/14896213645847106084
https://www.blogger.com/profile/09385283226962435876
Еще у меня есть вопросы к Вам.
1.Мне не удается расположить картинки в ряд горизонтально, например 4. Подскажите пожалуйста. После текста сообщения идут также картинки с указанием названия сообщения, при нажатии на одну их них откравыется запись сообщения. Это все одна тема?
2.Где у Вас найти про бабочку)
3. Интересует шапка блога. Как сделать что-нибудь подобное Вашей.
Спасибо.
https://www.blogger.com/profile/18226662737788411190
По пункту 1 не совсем понял, вам нужно расположить картинки горизонтально?
Пост про бабочку:
http://blogodel.com/2013/03/Unikalnaja-knopka-Scroll-To-Top-naverh-dlja-Blogspot-Blogger.html
Такую шапку как у меня не получится, так как это надо весь шаблон переделывать (очень сложно), а что нибудь попроще можно подумать.
https://www.blogger.com/profile/13746790384341325111
А про картинки по горизонтали, как здесь напр. http://vsegenialno.blogspot.dk/
А еще фотографии у меня не выстраиваются в ряд горизонтально, а скачут. Приходиться размещать их в ряд верикально, а это занимет много места(. Ну что взять с чайничка)
https://www.blogger.com/profile/18226662737788411190
http://www.linkwithin.com/learn?ref=widget
https://www.blogger.com/profile/13746790384341325111
По выделению цитат: очень интересное решение.
А есть варианты менее агрессивного стиля оформления, в более спокойных тонах и немигающей?
http://intrernet-zarabotok.blogspot.com/
https://www.blogger.com/profile/08191170736098278561
.post blockquote hover
{
background-color: CornflowerBlue ;
color: #fff;
}
.post blockquote active
{
background-color: lightblue ; ;
color: #000;
}
https://www.blogger.com/profile/13746790384341325111
Отправка комментария
Дорогие Друзья! К сожалению, по причине здоровья, моя активность по этому блогу будет осуществляться по мере ВОЗМОЖНОСТИ!