Сб

25

янв

2014

При просмотре фотографий красивый фон

Нужно сначала сделать резервную копию Шаблона, чтобы восстановить в случае какой-нибудь ошибки. Затем открыть Шаблон, нажать на Изменить шаблон, затем найти ( с помощью одновременного нажатия клавиши Контр и F) 

</b:skin>

Перед ним вставить код

 

/* Background Color */

.CSS_LIGHTBOX_BG_MASK {

background-color: #ffffff !important;

background-image: url(УРЛ ВАШЕЙ КАРТИНКИ) !important;

opacity: 0.9 !important;

filter: alpha(opacity=90) !important;

}

/* Images Border */

.CSS_LIGHTBOX_SCALED_IMAGE_IMG {

outline: 0px solid #fff !important;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

-webkit-box-shadow: 0px 0px 5px #000000;

-moz-box-shadow: 0px 0px 5px #000000;

box-shadow: 0px 0px 5px #000000;

}

/* Close Button */

.CSS_LIGHTBOX_BTN_CLOSE {

background: url(http://cdn4.iconfinder.com/data/icons/aiga-symbol-signs/580/aiga_lefnddownarrow_inv-24.png) no-repeat !important;

width: 24px !important;

height: 24px !important;

}

/* Thumbnails Bar Color */

.CSS_LIGHTBOX_FILMSTRIP {

background-color: #eaeaea !important;

}

/* Text Color */

.CSS_LIGHTBOX_ATTRIBUTION_INFO, .CSS_LIGHTBOX_ATTRIBUTION_LINK {

color: #000 !important;

}

/* Index Info (number of images) */

.CSS_LIGHTBOX_INDEX_INFO {

color: #555555 !important;

}

 

Сохраняем ваш шаблон.

Размер картинки должен быть 1900 на 1200.

 

 

Комментариев: 0

Пт

24

янв

2014

Чтобы в сообщениях вводились картинки определенного размера

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

.post-body img, .post-body .tr-caption-container {

 

padding: 8px;

 

 

 

 

 

И заменить его на

 

 

 

 

 

.post-body img, .post-body .tr-caption-container {

 

padding: 8px;

 

width:600px;

 

height:auto;

 

}

 

 

 

  где 600 меняете на нужный размер, либо его ставите на авто и задаете нижний параметр.

Комментариев: 0

Пт

24

янв

2014

Алгоритм решения проблем в блоггере

Алгоритм действий при возникновении проблем с блоггером (запишу на память )

Всегда периодически сохраняйте резервную копию шаблона!

Если заблокировали аккаунт - восстанавливаем через СМС (появляется окно для ввода телефона).

 Форумы по продуктам гугл обращаемся, если:

Если удалены блоги или заблокированы (за спам) и вам пришло письмо-уведомление об этом, то нужно написать объяснительное письмо.

Если не помогло (на восстановление блога нужны сутки) или вы не получили письмо-нужно сообщить о своей проблеме на форум. Если возникли какие-то вопросы - идем в Общие вопросы, Коды Ошибок, Известные проблемы,Сообщения о проблемах.

 

Комментариев: 2

Пт

24

янв

2014

Как сделать свой дизайн вкладки страниц

Для этого нужно ввести в страничку код

 

<a href="url сайта"><img src="url картинки" alt="" width="число в пикселях" height="число в пикселях" border="0" /></a>

 

 

Ширину и высоту в коде можно не указывать, если вставлять уже готовые картинки заранее выверенных размеров.

Эти параметры нужны для того, чтобы потом подкорректировать размеры картинки прямо в коде.

 

Как сделать вкладки страничек блога.

1. Определиться с количеством страниц блога. Создать эти страницы. Открыть каждую страницу в новой вкладке для удобства копирования адреса.

2. В Фотошопе нарисовать нужные картинки с названиями страниц. Картинки должны быть одинаковые по высоте. Вообще-то, могут быть и неодинаковые, если вы так специально задумываете. Суммарная ширина картинок не должна превышать ширину блога. Ширину блога можно узнать и изменить во вкладке "Шаблон" на панели управления блогом. Перед этим сделайте на всякий случай резервную копию вашего имеющегося шаблона. Вдруг что-то наменяете не то... А так всегда можно вернуть как было.

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

3. Загрузить каждую картинку в веб-альбом и открыть в отдельных вкладках для удобства копирования адреса.

 

4. Для каждой картинки создать отдельный код. 

URL сайта - это адрес вашей странички блога. Сколько страниц, столько и разных адресов.

5. Перейти во вкладку "Дизайн" на панели управления и прямо под заголовком блога вставить гаджет "HTML/JavaScript". Поле "Название" оставляем пустым, а в "Содержание" вставляем друг за дружкой коды, сделанные в п.4. Сохранить.

6. Открыть вкладку "Страницы" на панели управления блогом и выбрать "Не показывать страницы блога"

 

 Источник: 

http://www.olinohobby.com/2012/12/blog-post_21.html

Комментариев: 4

Пт

24

янв

2014

Скрыть текст в блоггере

Вот интересный способ скрыть дополнительную информацию в кнопочку на блоггере. 

 

<div style="margin: 5px 5px 5px;">

<div class="smallfont" style="margin-bottom: 2px; text-align: center;">

<span style="color: red;"><b>ПРАВИЛА КЛУБА ДРУЗЕЙ :</b></span> <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Прочитать'; }" style="font-size: 14px; margin: 0px; padding: 0px; width: 100px;" type="button" value="Прочитать" /> </div>

 

<div class="alt2" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: white; background-image: none; background-position: 0% 50%; background-repeat: repeat; border: 0px inset; line-height: 1.5em; margin: 0px; padding: 6px;">

<div style="display: none;">

СКРЫТЫЙ ТЕКСТ

<br/>

</div>

</div>

</div>

Код нужно вставлять в запись/страницу в режиме HTML

Комментариев: 2
 
Какая красивая картинка, не хочеться удалять :)