Всем, всем, всем и особенно новичкам нашей любимой Лирушечки ВНИМАНИЕ !!!
Хочу представить вам самые лучшие схемы для блогов и дневников на Li.ru. Их изготавливает Владимир Афанасьевич.
Хоть я давно уже пользуюсь своими дизайнами, а в последнее время перешла на менее емкий и быстрый для загрузки с обозначением цвета, этими схемами от Владимира Архипова я любуюсь каждый день. Очень часто именно его схемы задают тон всех моих постов! Многие иногда спрашивают: "Татьяна, ты вчера была такой лиричной в постах. Что повлияло?" А мой ответ прост! Я просто подписана на дневник ХОРОШЕГО человека.
Все... более не смею вас томить. Щелкнув по кнопочке, вы сразу перейдете в нужный раздел его дневника. Зачем я сделала кнопу? А вот помещу ее в пост приветствия для новичков...
Для тех, кто хочет кнопу себе...
А да... коллаж в посте он как раз из дизайна... А я тихонько стырила. Правда для поста о нем. Так-то, я без спроса не поступлю никогда. Однажды уже правда разрешали мне такое действие. Для оформления моего блога "".
Все мы с вами знаем, что пост, проиллюстрированный какой-либо картинкой привлечет гораздо больше внимания, чем просто текст - увы, таковы законы человеческого внимания. Поэтому многие из нас подсознательно это понимают и прикрепляют к своим постам разные картинки по теме - просто вбив запрос в яндекс или гугл, и выбрав нужное. Однако они забывают об авторском праве, и, не спрашивая фотографа, берут его работу в качестве иллюстрации. Это нехорошо.
Для тех же, кто хочет иллюстрировать свои посты, не нарушая ничьих авторских прав, и иметь чистую совесть, могу предложить небольшую подборку бесплатных банков изображений, так называемых фотобанков. Подборка будет полезна тем, кто занимается дизайном, кто делает аватары, кто ищет красивые фотографии, фоны для дневника, фотографии для эпиграфа, и так далее. Итак, поехали:
Для того чтобы скачать бесплатные качественные фотографии с высоким разрешением и различные текстуры вам понадобится зарегистрироваться в этом фотостоке. Это не так сложно, тем более, что взамен получите изображения размером как минимум 2400 x 1600 пикселей, которые могут быть использовании как для личных, так и коммерческих проектов. Для обоев тоже подойдет.
Решил, что хватит лениться и обновил своё старое сообщение про верхнюю панель ЛиРу. Из рубрики "Как устроен ЛиРу?" в
Верхняя панель - это роскошь, которую видят пользователи блогосервиса ЛиРу, когда находятся в блогах ЛиРу на некоторых доменах.
Левая часть панели выглядит примерно так:
Правая часть верхней панели выглядит примерно так:
Если же вы не вошли в свой аккаунт на ЛиРу, левая часть верхней панели выглядит примерно так:
В этом сообщении постараюсь объяснить, для чего нужна эта верхняя панель и как ею пользоваться. Кому интересно
Лично я - питаю слабость к красивым надписям.
На мой взгляд, эффектный, красивый заголовок,
лучше всяких картинок привлекает внимание и вызывает
интерес к самому содержанию поста.
Хочу поделится с читателями несложным приёмом по
созданию вот такой надписи.
За последние дни и недели, как можно было заметить, на сайте сделано очень много изменений. Большинство из них говорят сами за себя и не требуют каких-то пояснений (если требуют - спрашивайте в комментариях или в техподдержку, поясним).
С тем, что схеме оформления дневника не хватает заглавной картинки, тоже, мне кажется, не стоит долго знакомить, все разработчики дизайнов практически с первых дней такие картинки "прикладывали" к разработанным дизайнам, только приходилось их как-то вручную, кто умеет, прикреплять в эпиграфе.
Теперь проблема снята, можно в настройках также подгрузить и распространять свою схему оформления уже с картинкой. Ну или не распространять. Чтобы не тратили время в поисках - вот скриншот моих настроек дизайна, там внизу видно где закреплена картинка.
Многие новички, пробежав первый раз по настройкам, забывают где и как снова можно отредактировать "рассылку полного текста сообщений и комментариев на почту подписчикам". На Ли ру сей пункт хитро спрятан. вернее он отнесен не в "основные настройки", а в "подписки". По логике срабатывает следующее - я же не собираюсь подписываться, зачем мне в тот раздел настроек?
Я решила опубликовать этот урок, как подсказку-напоминалочку вам, мои дорогие читатели. Ну на всякий случай! Еще хочу отметить, что на картинках "старые настройки". Читать далее...
<img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1"title="ВАШ ТЕКСТ">
При наведении на картинку появляется Окошко-подсказка
TITLE - Определяет заголовок картинки, т.е. при наведении на картинку высветится надпись с текстом из атрибута title
Картинка кликабельна и появляется Окошко-Подсказка
Что еще за border="0" спросите Вы, а дело в том, что когда делаешь изображение ссылкой, вокруг него появляется некрасивая рамка(border) и чтобы ее убрать пишут дополнительный атрибут border .
HSPACE и VSPACE - отступы в пикселях по горизонтали и по вертикали от картинки до других обьектов документа. Легко запомнить название если взять и просто перевести с английского.
HSPACE - Horizontal Space - горизонтальный отступ и
VSPACE - Vertical Space - вертикальный отступ.
Эти значения можете изменять .
Картинка с отступами и выравниванием по левому краю
Атрибут align="left" - значит с лева
Атрибут align="justify" - значит выравнивать
HSPACE и VSPACE - отступы в пикселях по горизонтали и по вертикали от картинки до других обьектов документа. Легко запомнить название если взять и просто перевести с английского.
HSPACE - Horizontal Space - горизонтальный отступ и
VSPACE - Vertical Space - вертикальный отступ.
Эти значения можете изменять .
Картинка с отступами и выравниванием по правому краю
Атрибут align="right" - значит с права
Атрибут align="justify" - значит выравнивать
Жаль, что мы не рисуем прямо глазами. Как много пропадает на длинном пути от глаз через руку к кисти.
/Г. Лессинг/
Произведение, которое читают, имеет настоящее. Произведение, которое перечитывают, имеет будущее.
/А. Дюма-сын/
<p align="justify"><img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1" align="left">ВАШ ТЕКСТ</p>
Картинка без отступов , с выравниванием по левому краю
Если поменять атрибут align="left" на align="right" - то получите Картинку без отступов , с выравниванием по правому краю .
Обратите внимание , что ваш текст должен быть поделен на две части Первая часть пишется -- перед кодом , Вторая -- после .
Первая часть текста <img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1" align="middle" border="0"> Вторая часть текста
Картинка в середине Текста
Атрибут align="middle" - значит середина
Стихи писать я не умею,
Но мысли изложить могу…
Я просто от тебя балдею
И не во сне, а наяву.
… Десяток тополей качают стан,
чаруя городок провинциальный.
Осенний парк, с площадкой танцевальной,
роняет листья в выцветший фонтан.
На площади, какой то музыкант,
играл на скрипке полонез забытый,
Да так, что дождь холодный и сердитый,
Почти притих, признав его талант.
Прохожие поднявшие зонты
толпились, подступали ближе робко.
Бросали пятаки ему в коробку,
благодаря за звуки красоты.
И таял город в свете фонарей,
Под звуками мелодии пьянящей
И плыл мотив по тишине звенящей,
И стали все от музыки добрей…
<fieldset><legend><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"></legend>ВАША КАРТИНКА</fieldset>
Рамка с разрывом Картинки
<fieldset><legend>Запись в разрыве</legend>Основная запись</fieldset>
Рамка с разрывом Текста
Таблица в 2 ряда и 2 столбца
СМАЙЛИК
СМАЙЛИК
TABLE - Элемент для создания html таблицы. Обязательно должен иметь начальный и конечный теги.
TR (Table Row) - Создает новый ряд таблицы. Закрывающий тег обязателен.
TD (Table Data) - Начинает и заканчивает каждую ячейку ряда html таблицы. Обязателен закрывающий тег.
Т.е. таблица начинается с <table>, затем идёт <tr>, указывающий на начало нового ряда. В ряду вставлены две ячейки: <td>Ряд 1 Ячейка1</td> и <td>Ряд1 Ячейка2</td>. Ряд закрывается </tr>, и сразу начинается новый ряд <tr>. В новом ряду также две ячейки. Таблица закрывается </table>. Все довольно логично
Атрибут BORDER - задает толщину рамки таблицы в пикселах.
Объединяем верхнии ячейки
ШПАРГАЛОЧКИ
Используя эту Формулу можно строить и другие таблицы
ALIGN – определяет способ горизонтального выравнивания html таблицы или содержимого ячеек.
Возможные значения: left , center , right . Значение по умолчанию – left .
Добавляем атрибут cellspacing и так же таблица по центру
Ряд 1 Ячейка1
Ряд1 Ячейка2
Ряд 2 Ячейка 1
Ряд 2 Ячейка 2
CELLSPACING – определяет расстояние (в пикселах) между границами соседних ячеек таблицы html.
WIDTH – определяет ширину таблицы html. Ширина задается либо в пикселах, либо в процентном отношении к ширине окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в таблице материала.
HEIGHT – определяет высоту таблицы. Высота задается либо в пикселах, либо в процентном отношении к высоте окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в html таблице материала.
Так же можно изменить цвет таблицы - Фон
Ряд 1 Ячейка 1
Ряд 1 Ячейка 2
Ряд 2 Ячейка 1
Ряд 2 Ячейка 2
Ряд 1 Ячейка 1
Ряд 1 Ячейка 2
Ряд 2 Ячейка 1
Ряд 2 Ячейка 2
Если картинка большая , то будет отображаться та её часть , которая влезет . Как вы могли уже заметить у меня фон таблицы просто белый .
Дорогие мои друзья и читатели всем большой привет!
Делаю сама рамочки и выставляю их в своей любимой галерее
а сегодня я наткнулась на отличный сервис с помощью которого можно легко создавать буквально за несколько минут свою неповторимую рамочку!Теперь это подвластно всем и новичкам и ''лентяям'' профессионалам!!!Сервис называется ''Рамочник'',заходите по этому адресу http://4maf.ru/ramochnik.php и вы не пожалеете!Включайте свою фантазию и создавайте личные шедевры!Прочитать инструкцию вы можете здесь http://4maf.ru/help/ramochnik.php#p33
Желаю всем творческих успехов и неповторимых рамочек!С любовью ваша Татьяна.
Всем, всем, всем и особенно новичкам нашей любимой Лирушечки ВНИМАНИЕ !!!
Это более полный вариант УРОКОВ с новыми добавлениями. 
HSPACE и VSPACE - отступы в пикселях по горизонтали и по вертикали от картинки до других обьектов документа. Легко запомнить название если взять и просто перевести с английского.
Первая часть пишется -- перед кодом , Вторая -- после .
