-Цитатник

Сочетание цвета в нашей жизни.. - (4)

Сочетание цвета в нашей жизни... Цвет в нашей жизни играет огромную рол...

Corel PhotoMirage - программа для анимации картинок - (1)

Corel PhotoMirage - программа для анимации картинок Всем Здравствуйте... Вчера я выст...

Музыкальные альбомы для скачивания - (2)

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

Про плеер, прямые ссылки и другое - (1)

Про плеер, прямые ссылки и другое Всем Здравствуйте... Я не зря сегодня выставила Небольш...

Урок. Как сделать простую рамочку для текста. - (6)

Урок. Как сделать простую рамочку для текста ...

 -Рубрики

 -Фотоальбом

Посмотреть все фотографии серии роза
роза
13:38 27.12.2016
Фотографий: 1
Посмотреть все фотографии серии лилия
лилия
12:38 27.12.2016
Фотографий: 1
Посмотреть все фотографии серии
12:27 27.12.2016
Фотографий: 1

 -Стена

вера_шубина вера_шубина написал 21.05.2017 18:00:45:
<a href="http://calendar.yuretz.ru" title="Календари на любой год - Календарь.Юрец.Ру"><img border="0" src="http://i.calendar.yuretz.ru/informer/red.png" title="Календари на любой год - Календарь.Юрец.Ру" alt="Календари на любой год - Календарь.Юрец.Ру"></a>
<a href="http://calendar.yuretz.ru" title="Календари на любой год - Календарь.Юрец.Ру"><img border="0" src="http://i.calendar.yuretz.ru/informer/red.png" title="Календари на любой год - Календарь.Юрец.Ру" alt="Календари на любой год - Календарь.Юрец.Ру"></a>
вера_шубина вера_шубина написал 21.03.2017 08:51:27:
https://yadi.sk/a/vcDH44iA3GC8Wc
вера_шубина вера_шубина написал 13.03.2017 13:19:07:
<a target=_blank href="http://www.liveinternet.ru/users/4841424/"><img src="//img-fotki.yandex.ru/get/9812/181892198.c0/0
<a target=_blank href="http://www.liveinternet.ru/users/4841424/"><img src="//img-fotki.yandex.ru/get/9812/181892198.c0/0
вера_шубина вера_шубина написал 06.03.2017 17:50:25:
<iframe id="airpano_frame" width="700" height="450" src="http://www.airpano.ru/files/Kamchatka-Geyser-Valley/1-3-2" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" framespacing="0"> </iframe> <br><div style="float:right">Источник: <a href="http://www.airpano.ru/" target="_blank">www.AirPano.ru</a></div>
вера_шубина вера_шубина написал 06.03.2017 14:19:23:
http://www.liveinternet.ru/users/6017752/profile/

 -Поиск по дневнику

Поиск сообщений в вера_шубина

 -Подписка по e-mail

 

 -Интересы

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 21.03.2016
Записей: 12519
Комментариев: 5089
Написано: 30273

Серия сообщений "*** Энциклопедия бесплатных программ.":
*** Энциклопедия бесплатных программ.
Часть 1 - Энциклопедия бесплатных программ.
Часть 2 - Показ виджетов на выбранных страницах в блоге на Blogger
Часть 3 - На главной странице блога располагаем первым выбранное сообщение
Часть 4 - Описание и ключевые слова в блоге на Blogger
Часть 5 - Закруглить углы изображения в блоге на Blogger

Выбрана рубрика *** Энциклопедия бесплатных программ..


Соседние рубрики: Эффектные надписи, заголовки, тексты и два...(2), Эпиграф(4), цветы(12), ЦВЕТОЧНЫЙ клипарт от MarijaKes(1), Цветочный клипарт от MarijaKes(0), ФОТОШОП(3), ФОТОИСКУССТВО(169), ФОНЫ(98), Фильмы(66), УЧИМСЯ ШИТЬ ...(0), УРОКИ от Tane4k777(13), уроки для всего(156), Универсальные рамочки для текста и ВИДЕО(0), Универсальные рамочки для текста и ВИДЕО (1), УДИВИТЕЛЬНОЕ(10), УГОЛКИ(0), уборка и чистота(4), ТУБЫ ОТ HEIDI(1), ТУБЫ НА Wampi.ru.(1), Тематические новости(8), схемы(281), Ссылки, клипарт, девушки и др.(4), ССЫЛКА НА КЛИПАРТ ДЛЯ ТВОРЧЕСТВА ОТ mimozochka (1), Советы по созданию собственных рамочек.(1), САД И ОГОРОД(12), Рамочки из кожи - Заготовки для творчества от Flas(1), Рамочка ФШ(0), Рамочка ФШ(2), РАМОЧКА ОТ Iskuschenie =1833=...=1836=(2), рамочка(624), разное(13), Разделители для текста Efachka(1), Огромная коллекция цветочных и романтических рамоч(1), НАУКА И ТЕХНИКА(0), НАУКА И ТЕХНИКА(5), НАУКА И ЖИЗНЬ(5), Мои коллажи(1), Красочно-иллюстрированные персонажи(1), Красивые надписи от моих друзей(3), Кнопочки-переходы *Далее* от R-Oksana(11), Кнопочки-переходы *Далее* от R-Oksana(1), КНИГИ(16), Клипарт на прозрачном фоне "Розы"(1), КЛИПАРТ ДУХИ(1), КЛИПАРТ PNG *разное*(8), КЛИПАРТ 3 д.(1), КЛИПАРТ "CIUSTER"(1), календарь 2017г.(5), КАК СДЕЛАТЬ ОКОШКО С КОДОМ ПОД КАРТИНКОЙ(1), история(45), исторические факты(14), ИСКУССТВО(22), здоровье(109), здоровье(238), Заготовки для баннеров и открыток от Flash Magic.(3), ЗАБЫЛИ ПАРОЛЬ?(1), жизнь, сообщение, схемки, разное, природа, путешес(96), животные(2), ЖЗЛ(68), Делайте собственные фоны(1), Делаем рамочку для текста без ФШ...(1), Декоративные элементы(6), девушки png(3), Гифики(4), вязание спицами и крючком(125), Все под рукой. Начинающему блокеру.(49), ВОТ...(148), Бродилка по клипарту(4), Благодарки моих друзей(8), Анимированные рамочки для фото(3), Анимация картинок без фотошопа (в эдиторе)(1), IQ - Интеликтуальный журнал(8), Flesh заготовки(0), ==ЗОЛОТЫЕ РАЗДЕЛИТЕЛИ ОТ Schamada===(1), ==ЗОЛОТЫЕ РАЗДЕЛИТЕЛИ ОТ Schamada==(0), ==BLlINGS==(1), ===ФОНЫ, ТЕКСТУРЫ, БЛИНГИ, ГРАДИЕНТЫ, РАЗДЕЛИТЕЛИ,(1), ===ФОНЫ ТЕКСТУРА ОТ Arnusha===(2), ===Стильные рамки (блоки)===(1), ===РАМОЧКИ ОТ Flash_Magic===(1), ===Рамочка с разрывом.===(1), ===Разделяем текст линиями===(1), ===Радиоплеер===(2), ===МТС - вопросы и ответы===(1), ===КРАСИВЫЕ кнопочки-переходы+код!Подарок от Panna(1), ===КОЛЛЕКЦИЯ АНИМИРОВАННЫХ ФОНОВ ОТ Flash_Magic ==(2), ===Волшебная шняжка===(1), ===БАЛЕТ===(2), ===Анимация воды в фотошопе. Круги на воде===(1), === УЧИМСЯ ДЕЛАТЬ РАМКУ В ДВА СЛОЯ ===(2), === РАМОЧКА ОБВОДКА ===.(2), === Делаем рамочку в Рамочнике ===(1), === БРОДИЛКА по ДНЕВНИКУ ===(1), === МОЯ ЛЮБИМАЯ МУЗЫКА===(4), == ШРИФТЫ, HTML-коды / примеры с кодами(0), 1941-1945 года(17), ...ОСЕНЬ(10), ... Анимированные рамочки с прокруткой от Schamada(1), ***УРОКИ ОТ Schamada (1), ***СЕРДЦА В ПНГ***(2), ***Простые текстовые рамочки(разные).(2), ***ЗИМА(12), **** РАМОЧКИ ОТ KLAVDIA-FRANCE(9), **** ПИШЕМ КРАСИВО(9), **** МОЙ АДРЕС В ЯНДЕКС ФОТКАХ(1), *** Цветовая палитра на Лиру.(5), *** Уроки от Иннушка (4), *** ССЫЛОЧКИ на нужные посты ...(1), *** РМАОЧКА ОТ MIROSSLAVA (6), *** РМАОЧКА ОТ Sauly(4), *** РАМОЧКИ С РАЗНЫМИ КРАЯМИ ОТ ka82(1), *** РАМОЧКИ ОТ ЛЮБА-ЛЮБУШКА(47), *** РАМОЧКИ ОТ ЛИДАНА(23), *** РАМОЧКИ ОТ Schamada(15), *** РАМОЧКИ ОТ Infinity_I (15), *** РАМОЧКИ ОТ Brright Sun(6), *** РАМОЧКИ ОТ Sauly(2), *** РАМОЧКИ ОТ mimozochka (17), *** РАМОЧКИ ОТ Litizija (17), *** Рамочки для текста*Диогональка*(1), *** Рамочка с разрывом.(1), *** РАМОЧКА ОТ Selesta_L (2), *** РАМОЧКА ОТ Lkis (12), *** РАМОЧКА ОТ Iskuschenie =1833=...=1836=(4), *** РАМОЧКА ОТ GALZI простые(2), *** РАМОЧКА ОТ E-Ledi (26), *** РАМОЧКА ОТ Beauti Flash(16), *** РАМОЧКА ОТ Люба47 ***(1), *** РАМОЧКА ОТ Зиновия (2), *** РАМОЧКА ОТ R-Oksana(19), *** РАМОЧКА ОТ Kantemirova_Irina(10), *** РАМОЧКА ОТ geniavegas ***(8), *** РАМОЧКА ОТ Crystal_Si (2), *** РАМОЧКА ОТ Arnusha (109), *** ОСЕННИЕ КЛАСТЕРЫ(2), *** НАБОР цветных окошек для кодов(2), *** МУЗЕИ (9), *** Мои открытки(1), *** ЛЕТО(7), *** КОМПЬЮТЕРНАЯ ГРАМОТНОСТЬ(7), *** Кнопки переходы от Arnucha(5), *** КЛИПАРТ ДЕВУШКИ от Vera Larionova Vera Larion(2), *** КАРТИНКИ-КОММЕНТАРИИ ОТ SCHAMADA(1), *** Инструмент перо в фотошопе. Pen tool Photoshop(0), *** ДЕНЬ КОСМОНАВТИКИ(1), *** Глиттеры всех цветов ...(1), *** ГЛИТЕРЫ(2), *** Галерея_Дефне Рамочки(7), *** ВСЕ О БЕГУЩЕМ ТЕКСТЕ .***(1), *** ВЕСНА(13), *** *** КНОПКИ ПЕРЕХДЫ ОТ Pannamusic***.(1), *** &#10046;Flash открыточки для комментариев&(1), * РАМКИ С ОБЪЁМНЫМ ФОНОМ БЕЗ ФОТО ШОПА *(1), &#9830;&#9830;&#9830;&#8252;&#(1), ВИДЕО (14), === Мои фото манипуляции.+материал от mimozochka (1), ... УЧИМСЯ ШИТЬ ...(2), *** ХОРОШИЙ музыкальный портал, где много интере(1), *** ПОРТАЛ "НАША ПРЯЖА" ( Всё о вязании(1), *** Баннеры друзей и сообществ (обновление)(1), "Почему не отображаются картинки?"(2), == ШРИФТЫ, HTML-коды / примеры с кодами(0)

Другие рубрики в этом дневнике: юмор(52), цитаты(54), фотографии(64), фитнес и красота.здоровье(11), схемки объёмные(6), строительство(24), спорт(22), СООБЩЕНИЕ(4685), рукоделие(99), разделители(70), путешествия(160), природа(208), поэзия(49), НОВОСТИ(172), музыка(103), музыка(202), Мотивация .Дальше-Больше(2), мода(54), кулинария(299), коллажи(39), кнопки переходы(15), жизнь(1170), животные(100), живопись(138), живопись(131), все о золоте(14), белье(3), аватар(54), ===КНОПОЧКИ перехода от Schamada===(1), *** Коды для Мейла и ЛиРу(4), (0), (8)
Комментарии (0)

Энциклопедия бесплатных программ.

Пятница, 13 Апреля 2018 г. 14:00 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Рубрики:  СООБЩЕНИЕ
СООБЩЕНИЕ

Метки:  
Комментарии (0)

Показ виджетов на выбранных страницах в блоге на Blogger

Понедельник, 16 Апреля 2018 г. 15:10 + в цитатник
Это цитата сообщения Иннушка [Прочитать целиком + В свой цитатник или сообщество!]

Показ виджетов на выбранных страницах в блоге на Blogger

















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





Изменения придётся делать в самом шаблоне блога. Поэтому нужно будет сделать его резервную копию.

После всех приготовлений приступим к “готовке”. Первым делом наметим цель и определим тот гаджет, показ которого собираемся регулировать. Чтобы легче ориентироваться в шаблоне, обязательно зададим ему название, если таковое у него отсутствует. В нашем случае будем рассматривать пример виджета “Архив”. Озаглавливаем его, допустим, как “Календарь” в настройках элемента. В дальнейшем, после переделок, название можно будет убрать, при отсутствии необходимости в нем. Далее переходим во вкладку “Изменить шаблон”. Так как потребуется содержание виджетов, отметим галочкой “Расширить шаблоны виджетов”.



Теперь полностью обратимся к HTML-шаблону. Как правило, все виджеты в шаблоне Blogger заключены в теги:



view plainprint?



    <b:widget [id, название и тип виджета] /> 

    <b:includable id='main'> 

        [содержимое виджета] 

    </b:includable> 

    </b:widget>
 


С помощью комбинации клавиш "CTRL+F" находим название нашего элемента. Продолжая взятый выше пример, название архива, а именно “Календарь”, будет находиться примерно вот в такой строке (для чего мы и давали ему название):

view plainprint?



    <b:widget id='BlogArchive1' locked='false' title='Календарь' type='BlogArchive'> 




  Эта строка является началом архива. Чтобы виджет отображался на нужной странице, в его код достаточно добавить теги:



view plainprint?



    <b:widget [id, название и тип виджета] /> 

    <b:includable id='main'> 

     

    <b:if cond='data:blog.pageType == "тип страницы"'> 

     

        [содержимое виджета] 

     

    </b:if> 

     

    </b:includable> 

    </b:widget> 




В случае с гаджетом  “Календарь” это будет выглядеть так:



view plainprint?

    <b:widget id='BlogArchive1' locked='false' title=Календарь' type='BlogArchive'>  

    <b:includable id='main'>

    <b:if cond='data:blog.pageType == "тип страницы"'>

    <b:if cond='data:title'>  

    <h2><data:title/></h2>  

    </b:if>  

    <div class='widget-content'>  

    <div id='ArchiveList'>  

    <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>  

    <b:if cond='data:style == &quot;HIERARCHY&quot;'>  

    <b:include data='data' name='interval'/>  

    </b:if>  

    <b:if cond='data:style == &quot;FLAT&quot;'>  

    <b:include data='data' name='flat'/>  

    </b:if>  

    <b:if cond='data:style == &quot;MENU&quot;'>  

    <b:include data='data' name='menu'/>  

    </b:if>  

    </div>  

    </div>  

    <b:include name='quickedit'/>  

    </div>

    </b:if>

    </b:includable> 

    </b:widget> 


  Все символы кода, заключенные между указанными тегами, являются содержанием виджета.



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



  Сам по себе тег <b:if cond='data:blog.pageType == "тип страницы"'> не имеет функциональности, в данном контексте это условие, обозначающее тип страниц, на которых должен показываться гаджет или не показываться и обозначено для примера.



В Blogger существуют следующие типы страниц:



    homepageUrl – главная страница


    static_page – статичные страницы, например, страница Контактов и Содержания блога


    item – страницы сообщений


    index – страницы ярлыков


    archive – страницы архива




  Чтобы вывести или наоборот скрыть виджет на определенной странице вместо открывающего тега <b:if cond='data:blog.pageType == "тип страницы"'>, служащего образцом, воспользуйтесь строкой кода из таблицы ниже:















































Условие для определенных страниц

Обозначение

1

<b:if cond='data:blog.url == data:blog.homepageUrl'>

показ только для главной страницы

2

<b:if cond='data:blog.pageType == &quot;item&quot;'>

показ только для страниц сообщений

3

<b:if cond='data:blog.pageType == "archive"'>

показ только для страниц архива

4

<b:if cond='data:blog.url != data:blog.homepageUrl'>

показ для всех страниц, кроме главной

5

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

показ только для статичных страниц

6

<b:if cond='data:blog.pageType == "index"'>

показ только для главной и для страниц ярлыков

7

<b:if cond='data:blog.url == "http://адрес страницы/"'>

показ только для определенной пользователем страницы


Если в теге условие равно (==) типу страницы, тогда виджет будет показываться, если не равно (!=), виджет запрещен к показу. На основе этого вы можете регулировать показ виджета на любом типе страниц.








 



Серия сообщений "***УРОКИ по BLOGGER и ЖЖ":

Часть 1 - Полезные советы и подсказки по работе в Живом интернете
Часть 2 - Все гаджеты для Blogger
...
Часть 36 - Используем PHP-скрипт в блоге на Blogger
Часть 37 - На главной странице блога располагаем первым выбранное сообщение
Часть 38 - Показ виджетов на выбранных страницах в блоге на Blogger


Рубрики:  СООБЩЕНИЕ
СООБЩЕНИЕ

Метки:  
Комментарии (0)

На главной странице блога располагаем первым выбранное сообщение

Понедельник, 16 Апреля 2018 г. 15:13 + в цитатник
Это цитата сообщения Иннушка [Прочитать целиком + В свой цитатник или сообщество!]

На главной странице блога располагаем первым выбранное сообщение






















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




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

  Что же надо сделать? Для этого нужно выполнить следующие действия по-порядку:

1. Заходим в аккаунт сайта на Blogger.

2. В левой колонке выбираем "Сообщения"

3. Среди появившихся сообщений выбираем то, которое хотим поставить первым на главной странице.

4. Под названием сообщения в строчке выбираем "Исправить".

5. На мониторе появляется редактор сообщения, а справа колонка "Настройки собщения". Нажимаем на них и раскрываем.

6. В колонке выбираем "Опубликовано" и ставим дату из будущего, к примеру, 2018 год.

7. Под календарём нажимем "Готово".

8. В верхней строке нажимаем "Обновить".

  Сделано. Теперь выбранное сообщение на главной странице будет первым до той даты, которая указана. Для примера, допустим, можно поставить какое-либо объявление, чтоб оно было первым какое-то время.

  Если есть желание расставить сообщения в определенном порядке. Тогда каждому сообщению надо присвоить соответствующее время опубликования. Для каждого сообщения действия выполняем по вышеизложенному порядку.








 



Серия сообщений "***УРОКИ по BLOGGER и ЖЖ":

Часть 1 - Полезные советы и подсказки по работе в Живом интернете
Часть 2 - Все гаджеты для Blogger
...
Часть 35 - Вставляем музыку в блог
Часть 36 - Используем PHP-скрипт в блоге на Blogger
Часть 37 - На главной странице блога располагаем первым выбранное сообщение
Часть 38 - Показ виджетов на выбранных страницах в блоге на Blogger
Часть 39 - Описание и ключевые слова в блоге на Blogger
Часть 40 - Горизонтальное меню навигации в блоге на Blogger.


Рубрики:  СООБЩЕНИЕ
СООБЩЕНИЕ

Метки:  
Комментарии (0)

Описание и ключевые слова в блоге на Blogger

Понедельник, 16 Апреля 2018 г. 15:18 + в цитатник
Это цитата сообщения Иннушка [Прочитать целиком + В свой цитатник или сообщество!]

Описание и ключевые слова в блоге на Blogger

















Метатеги description (описание) и keywords (ключевые слова) не являются обязательными. Поисковик Google, к примеру, берет description, указанный на сайте, и использует его как сниппет. Поисковик же Яндекса чаще всего не берет description страницы, а сам составляет сниппет из отрывков контента страницы. Но всё-таки лучше не пренебрегать этими метатегами.



  Если вообще не заполнять описания к страницам, то будет повторение описания (метатег name='description') по всем страницам блога, а это один из серьёзных минусов во внутренней сео оптимизации. Поисковикам такое совсем не нравится.


  В Blogger метатег description редактировать можно для каждой страницы, именно на самой странице, клинув справа от окна редактирования "Описание для поисковых систем". Нужно только не забывать и не лениться.

  Если же к каждой странице описание делать лень, то можно настроить генерирование метатега description централизованно в шаблоне, заставив выводить в него название поста. Тоже самое касается и метатега keywords.

В начальном, анти-сеошном виде, метатег description в шаблоне выглядит следующим образом (увидеть это можно в FireFox, щёлкнув правой кнопкой мыши по телу страницы и выбрав "Исходный код страницы"):

<meta content='Ваше описание блога на Blogger' name='description'/>

  Теперь можно сделать следующее: отключить description везде, исключая главную страницу:

<b:if cond='data:blog.url == data:blog.homepageUrl'><meta content='Ваше описание блога на Blogger' name='description'/></b:if>

  Точно так же с ключевыми словами (мета-тэг keywords):

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<meta content="Ваши ключевые слова для блога на Blogger" name='keywords'/>

</b:if>


  Или же оставить везде, на всех страницах, но сделать псевдо-уникальным, запихнув в него название страницы:

<meta expr:content='data:blog.pageName + &quot; :: &quot; + data:blog.title' name='description'/>

  По крайне мере, теперь description не будет повторяться на страницах.

  Полностью же код метатэга description в готовом виде вместе с подставленным названием поста станет выглядеть таким образом:

<b:if cond='data:blog.pageType == &quot;index&quot;'><meta content='Ваше описание блога на Blogger' name='description'/><b:else/><meta expr:content='data:blog.pageName + &quot; :: &quot; + data:blog.title' name='description'/>

</b:if>


  Это позволяет добиться полностью уникальных описаний для каждой страницы!

  Теперь рассмотрим альтернативу вышеописанному методу.

  Будем делать уникальными мета-тэги keywords и description, указав адрес конкретной их страницы на Blogger:

<b:if cond='data:blog.url == &quot;&;Адрес страницыquot;'>

<meta content="Ваши ключевые слова для страницы блога на Blogger" name="keywords"/>

<meta content="Ваше описание для страницы блога на Blogger" name="description"/>

</b:if>


  Что же у нас получилось?

  Ключевые слова и описание для этой страницы стали уникальными и только на ней будут появляться.

  От предыдущего способа у нас остался метатэг с подставленным названием поста.

  А теперь здесь появились "свои", уникальные, метатеги description и keywords.

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



  Когда постов в блоге ещё не очень много, наверное стоит попробовать тщательно прописать мета-тэги и ключевые слова на каждой странице.






 



Серия сообщений "***УРОКИ по BLOGGER и ЖЖ":

Часть 1 - Полезные советы и подсказки по работе в Живом интернете
Часть 2 - Все гаджеты для Blogger
...
Часть 37 - На главной странице блога располагаем первым выбранное сообщение
Часть 38 - Показ виджетов на выбранных страницах в блоге на Blogger
Часть 39 - Описание и ключевые слова в блоге на Blogger
Часть 40 - Горизонтальное меню навигации в блоге на Blogger.
Часть 41 - Вертикальное меню навигации для блога на Blogger


Рубрики:  СООБЩЕНИЕ
СООБЩЕНИЕ

Метки:  
Комментарии (0)

Закруглить углы изображения в блоге на Blogger

Понедельник, 16 Апреля 2018 г. 15:53 + в цитатник
Это цитата сообщения Иннушка [Прочитать целиком + В свой цитатник или сообщество!]

Закруглить углы изображения в блоге на Blogger




















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






  Для автоматизации процесса есть проверенный скрипт который генерирует код border-radius и позволяет осуществлять округление углов изображения. Закругление углов картинки при этом создаётся кроссбраузерное и будет работать даже в старых версиях Opera, Chrom, IE, Mozila. Для этого вам в коде скрипта необходимо указать число желаемого округления углов картинки в пикселах. Далее в заходим в свой блог "Дизайн" - "Добавить гаджет" - "HTML/JavaScript", вставляем там получившийся код. Чтобы гаджет не "светился" заголовок оставляем пустым. Готово: закругление углов изображения выполнено.




  В любой момент можно удалить гаджет и округление углов изображения вернется к старым настройкам. Так же код можно вставить в шаблон если первый вариант вам не подошёл (только обязательно сохраните перед изменением старый вариант шаблона).


 


Степень закругления углов рамки: 12px


Вставляем в гаджет следующий код:



<!-- Код для закругления углов изображений -->


<style>

.post-body img

{

padding: 8px;

background: #ffffff;

border: 1px solid #b6b5b5;


-webkit-border-radius:12px!important;

-moz-border-radius:12px!important;

 border-radius:12px!important;

}

</style>

<!--/Конец кода для закругления углов изображений -->




   Кодом предусмотрено закругление углов  картинки в 12 пикселов (12px). Заменив на нужное значение все дюжины, выделенные красным цветом, можно сделать округление углов  картинки больше или меньше.

  Дополнительно в коде присутствуют ещё полезные переменные для рамки с бордюром вокруг изображения:

padding: 8px; - ширирина рамки вокруг изображения.

background: #ffffff; - цвет рамки вокруг изображения.

border: 1px solid #b6b5b5; - 1px - ширина, solid - вид (стиль) и #b6b5b5 - цвет границы (бордюра) рамки вокруг изображения.

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










 



Серия сообщений "***УРОКИ по BLOGGER и ЖЖ":

Часть 1 - Полезные советы и подсказки по работе в Живом интернете
Часть 2 - Все гаджеты для Blogger
...
Часть 40 - Горизонтальное меню навигации в блоге на Blogger.
Часть 41 - Вертикальное меню навигации для блога на Blogger
Часть 42 - Закруглить углы изображения в блоге на Blogger
Часть 43 - Мой Красивый Блог - Урок №1
Часть 44 - Мой Красивый Блог - Урок №2
Часть 45 - Мой Красивый Блог - Урок №3
Часть 46 - Мой Красивый Блог - Урок №4


Рубрики:  СООБЩЕНИЕ
СООБЩЕНИЕ

Метки:  

 Страницы: [1]