-Рубрики

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 12.04.2008
Записей: 11990
Комментариев: 5347
Написано: 18110

Серия сообщений "LiRu: хитрости и секреты":
Часть 1 - Про «Симпатии» и «Антипатии»
Часть 2 - Как пользоваться кнопками-переходами «ДАЛЕЕ»
Часть 3 - Как выложить в пост картинки с кодом
Часть 4 - Как добавить цитату к себе в дневник?
Часть 5 - Как добавлять рубрики в свой дневник и как ими пользоваться
Часть 6 - Урок по созданию рамочек с разрывом
Часть 7 - Убираем стандартную схему оформления дневника
Часть 8 - Делаем пост (эпиграф) с прокруткой
Часть 9 - А вы прописываете альты (alt)?
Часть 10 - Сжать на 2/3 вес картинок формата PNG и JPG без потери прозрачности и качества
Часть 11 - Учимся делать фон для схемы оформления
Часть 12 - Новичкам. Для чего есть кнопочка «Нравится»?

Выбрана рубрика LiRu: хитрости и секреты.


Соседние рубрики: Фотошоп для начинающих(4)

Другие рубрики в этом дневнике: Эпиграфы, приветствия, приглашения(181), Фоны, текстуры, обои(71), СХЕМЫ и ТЕМЫ для дневника(10709), Советы и уроки(17), РАМКИ(860), Разделители, линии(22), Открытки, поздравления(37), О сообществе, ЧАстые ВОпросы(49), Настроение(129), Муз. плейеры, playcast(1), Коллажи(56), Кнопки-переходы «ДАЛЕЕ»(15), Клипарт и скрап-наборы(22), Картинки комментарии(11), ВИДЕО ФУТАЖИ(3), Анимация гиф (или иная)(44), АВАТАРКИ: сборники(1365)

Как пользоваться кнопками-переходами «ДАЛЕЕ»

Четверг, 26 Декабря 2013 г. 16:58 + в цитатник
san_san_ku все записи автора Это цитата сообщения nina-kir [Прочитать целиком + В свой цитатник или сообщество!]

Как пользоваться кнопками-переходами «ДАЛЕЕ»

После публикации кнопок–переходов «ДАЛЕЕ» у меня часто спрашивают, как ими пользоваться.

Попробую объяснить здесь, потому что отвечать каждому в письме не очень удобно, да и не совсем понятно, так как там коды HTML не отправишь.

Итак, нам потребуется формула Кода для оформления части текста «под кат». Эту формулу нужно сохранить, потому что она требуется часто — всегда, когда текст большой.

Вот эта формула:

<p>[more=КОД Вашей картинки Далее]</p>

Пишете текст поста. Затем отделяете часть поста и вставляете эту формулу. Весь текст после формулы (кнопки) будет после перехода на другую страницу.

В формулу можно вставить просто слово «ДАЛЕЕ», или картинку-кнопку. Если картинку ДАЛЕЕ берете у меня, то вот эту часть кода картинки:

<img src="//img1.liveinternet.ru/images/attach/c/6/92/617/92617245_0_9d576_2e23add8_orig.jpg" alt="Далее" />

Ее можно взять из кода картинки на Яндекс.Фотки (картинки кликабельны), или, если Вы процитировали пост, то — при редактировании поста.

Если Вы просто скопировали все картинки-кнопки, то можно загрузить в свой черновик такую картинку-кнопку:


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

Как выложить в пост картинки с кодом

Пятница, 27 Декабря 2013 г. 18:51 + в цитатник
Super-Avatara все записи автора Это цитата сообщения -Яна- [Прочитать целиком + В свой цитатник или сообщество!]

Урок для «чайников»: Как выложить картинки с кодом в сообщение.

уроки лиру
уроки лиру
уроки лиру


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

Как добавить цитату к себе в дневник?

Пятница, 27 Декабря 2013 г. 20:03 + в цитатник
Super-Avatara все записи автора Это цитата сообщения -Яна- [Прочитать целиком + В свой цитатник или сообщество!]

Как добавить цитату к себе в дневник.

Для начала нажмите на ссылку «В цитатник», что находится прямо под заголовком сообщения, которое Вы хотите перенести в цитатник своего дневника (посмотрите на картинку ниже).

добавление цитаты

добавление цитаты


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

Как добавлять рубрики в свой дневник и как ими пользоваться

Пятница, 27 Декабря 2013 г. 20:23 + в цитатник
Super-Avatara все записи автора Это цитата сообщения -Яна- [Прочитать целиком + В свой цитатник или сообщество!]

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

Для начала: создадим новую рубрику в своем дневнике. Для этого переходим в режим «Настройка». В самом начале (вверху) любой страницы ЛиРу находим иконку Шестеренка и жмем на него (см. рисунок ниже).

добавление рубрики

Откроется вкладка настроек Вашего дневника. В правой стороне страницы находим ссылку Рубрики и жмем на нее.

добавление рубрики

добавление рубрики


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

Урок по созданию рамочек с разрывом

Воскресенье, 29 Декабря 2013 г. 10:13 + в цитатник
Super-Avatara все записи автора Это цитата сообщения MissKcu [Прочитать целиком + В свой цитатник или сообщество!]

Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!




1 (650x500, 184Kb)

читать дальше...

 

Коды для рамочек

 

1. Рамочка с разрывом (картинка или текст) и с фоном

2. Рамочка с разрывом (картинка или текст) без фона

3. Просто рамочка, без разрыва и без фона, вокруг вашего текста


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

Убираем стандартную схему оформления дневника

Воскресенье, 29 Декабря 2013 г. 10:34 + в цитатник
Super-Avatara все записи автора Это цитата сообщения MissKcu [Прочитать целиком + В свой цитатник или сообщество!]

Убираем белый фон в дневниках ЛиРу (стандартная тема оформления).

В самой начале любой страницы ЛиРу (вверху страницы дневника) находим иконку Глазик — «Выбрать стиль оформления». Нажимаем на нее. В выпадающем меню находим пункт «Авторский» и нажимаем на него. Это всё! Теперь все дневники ЛиРу будут отображаться у Вас на компьютере в оригинальном дизайнерском исполнении. Как было раньше.

стандартная схема оформления дневника

Пост «О возобладавшей везде „Стандартной“ схеме оформления» читаем по ссылке.


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

Делаем пост (эпиграф) с прокруткой

Воскресенье, 29 Декабря 2013 г. 11:18 + в цитатник
Super-Avatara все записи автора Это цитата сообщения Legionary [Прочитать целиком + В свой цитатник или сообщество!]

Не ново это для многих, но для кого-то... будет открытием, возможно.

Бывает так, что тот же эпиграф (или пост) занимает слишком много места (сверху вниз). Не очень удобно. Но эту проблему можно решить: «запихать» наш эпиграф в рамку с прокруткой. (Рамки тут конечно нет, но так понятнее.)

Вот что получится в результате:

Вот примерно так будет выглядеть такая конструкция. Удобно? Это вариант мини, размер 300 (ширина) на 100 (высота). Естественно размер вы можете менять как вам удобно (нужно). Обычно, ширина страницы дневника равна 600–700 px и лучше не делать ее значение большего размера. А высота это вопрос удобства просмотра, наверно 300–400.

Видите, справа у текстового окошка появилась полоса вертикальной прокрутки? Код такой «рамочки» очень простой:

<div style="overflow-y: scroll; width: 300px; height: 100px;">Ваш текст</div>

Соответственно вместо слов Ваш текст надо вставить либо текст вашего поста, либо код вашего эпиграфа и пр. Можно вставлять и картинки. Т. е. можно полностью ваш код эпиграфа (со всеми кодами цветов текста, размерами шрифта и пр. «непонятные» значки — прописать вместо Ваш текст, — и весь ваш эпиграф будет в этой «прокручивающейся рамочке».

Числа 300 и 100: width:300px; height:100px; обозначают размер «рамки»: ширина и высота. Поменяйте их на свое усмотрение. (Именно ширину лучше делать не больше 600–700.)

Как-то так. Очень просто. Но очень полезно!


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

А вы прописываете альты (alt)?

Воскресенье, 29 Декабря 2013 г. 11:42 + в цитатник
Super-Avatara все записи автора Это цитата сообщения Legionary [Прочитать целиком + В свой цитатник или сообщество!]

Или ленитесь? Признавайтесь!

А что это: алты (alt)?

Alt (альт) — это альтернативный текст изображения. Атрибут тега img (тега вставки изображения, картинки).

Зачем мне «это» прописывать?

Ну для начала, любой html валидатор будет ругаться если у вас не прописаны альты (валидатор — программа проверяющая правильность html) — уже не очень-то хорошо!

Гуляя про просторам Интернет, любой пользователь может отключить показ изображений на сайтах (отключается в браузере, например, для экономии трафика) — и что он увидит в этом случае вместо ваших картинок?.. Ничего хорошего не увидит!

А вот если алт прописан, то пользователь хотя бы увидит некий текст. Какой придумаете. Например: «Тут клевая картинка, зря не посмотрел».

Ну, шутки — шутками. А вечная история не отображения в посте картинок? Или когда картинка пропала с файлообменника? Пустое место не воодушевляет… так бы хоть альты почитали.

Кроме этого (по секрету): релевантные alt влияют на индексацию страницы в лучшую сторону. (Хотя это уже совсем другая история.)

Как и где прописать alt?

Пишется элементарно:

<img src="сама ссылка на картинку" alt="тут прописываем этот самый альтернативный текст">

Если вы загружаете картинку на ЛиРу, то нам альты (alt) пропишут автоматически:

альтернативный текст

Но в качестве альтернативного текста будет размер и вес картинки, что абсолютно не информативно! И не отражает никак содержимое изображения.

Поэтому советую переписывать такие альты (alt) на свои, более логичные! И правильные, нужные для посетителей вашего дневника.


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

Сжать на 2/3 вес картинок формата PNG и JPG без потери прозрачности и качества

Пятница, 03 Января 2014 г. 15:39 + в цитатник
reklama-no все записи автора Это цитата сообщения Alina_RU_ [Прочитать целиком + В свой цитатник или сообщество!]

Сжать на 2/3 вес картинок формата PNG и JPG без потери прозрачности и качества. Полезные сервисы онлайн.

Если вы любите использовать картинки и понимаете, что вес картинок замедляет загрузку странички, то этот сервис станет вашим помощником. Уменьшить вес любой картинки можно до известного предела. Любой формат, но тут работают с PNG и я довольна.
1панда (700x259, 124Kb)

Перейти на сервис ТУТ

Превью 0_7b3d8_b22b3ed6_L (1) (470x500, 98Kb)Превью 0_7b3d8_b22b3ed6_L (470x500, 345Kb)Превью 0_77b5d_809aa8e_L (1) (371x500, 95Kb)Превью 0_77b5d_809aa8e_L (371x500, 343Kb)
Если навести курсор на картинку, вы увидите параметры, и можно сравнить, что вес картинки справа и слева сильно разнится. Ведьмочка была 31 кб, стала 8 кб. Но это и была маленькая картинка. А вот у колокольчиков уже разница 343/95. Как говорится, решайте сами. Сервис работает отменно, как часы. подробнее

Оптимизировать картинки в интересах хозяина блога или сайта, он становится более мобильным, быстрее загружается и для посетителей с невысокой скоростью интернета это спасение. Особенно хочу отметить для тех, кто начал делать схемы для дневника самостоятельно и использует полупрозрачные фоны и картинки PNG. Уменьшая вес составляющих схему, вы делаете ее легко загружаемой. Картинки формата JPG тоже можно сжимать TУТ:http://www.holla.ru/
подробнее


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