Всё для днева и не только, html !!! |
New: Добавлена страница On-line сервисы
Метки: шрифты цвета коды |
Как вставить код любого изображения в аккуратную рамку |
|
Метки: коды |
Оформляем текст и картинки |
Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу. |
Код обтекания картинки текстом <img src="httр:адрес картинки" align="left" vspace="10" hspace="30" alt=>"здесь нет картинки, хотя должно быть изображение. Какое оно будет, решать вам" |
|||
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх. |
Код картинки слева <img src="URL адрес картинки" align="left" border="0"> И снова пишем свой текст, или стихотворение, или.... придумали? молодцы! |
|||
Картинка справа от текста: Все правила написания для правой стороны такие же , как и для левой. |
Код для картинки с права: <img src="URL адрес картинки" align="right" border="0">Пишем свой текст, что напишем, то и увидим |
|||
Картинка в центре текста: Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект. |
Код для картинки в центре текста: Первая часть текста <img src="URL адрес картинки" align="middle" border="0"> Вторая часть текста. |
|||
Текст между двух картинок
|
Код для текста между двух картинок <table align=center border=0> <tr> <td><img src="URL адрес КАРТИНКИ"></td> <td>Текст, который красиво расположится между картинками.</td> <td><img src="URL адрес КАРТИНКИ"></td> </tr> </table> |
|||
Картинка между текстом
|
Код для картинки между текстом <table align=center border=0> <tr> <td>ТЕКСТ</td> <td><img src="URL адрес КАРТИНКИ"></td> <td>ТЕКСТ</td> </tr> </table> |
Метки: коды |
ДЕЛАЕМ НАДПИСЬ НА КАРТИНКЕ |
Я всегда рада видеть Вас в моем блоге! |
ПРИВЕТИК! |
ЖЕЛАЮ УДАЧИ! |
Серия сообщений "МОИ УРОКИ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 7 - Урок 5. Делаем вместе рамку с уголками.
Часть 8 - ДЕЛАЕМ ОКОШКО ДЛЯ КОДА.
Часть 9 - ДЕЛАЕМ НАДПИСЬ НА КАРТИНКЕ.
Часть 10 - Делаем сами музыкальную открытку.
Часть 11 - Как сделать самому баннер.
...
Часть 20 - УРОК. РАМКА В РАМКЕ...
Часть 21 - LiveInternet – Отношения
Часть 22 - Уменьшаем большую картинку.
Метки: коды |
ФОРМУЛА БРОДИЛКИ с накопителем ссылок |
Серия сообщений "БРОДИЛКИ":
Часть 1 - Блокнот Blogger*a
Часть 2 - *4 РАДИКАЛА и САЙТЫ,где можно вставить Ваши фото в рамочки и сделать аватарки*
...
Часть 8 - комплект из 4 рамок для оформления блога
Часть 9 - рамочки для Вас
Часть 10 - ФОРМУЛА БРОДИЛКИ с накопителем ссылок
Серия сообщений "с "ДЕПО" - НАКОПИТЕЛЕМ ссылок":
Часть 1 - сайты в помощь для дизайна
Часть 2 - *4 РАДИКАЛА и САЙТЫ,где можно вставить Ваши фото в рамочки и сделать аватарки*
Часть 3 - рамочка с "выпадающим МЕНЮ"
Часть 4 - ФОРМУЛА БРОДИЛКИ с накопителем ссылок
Метки: Бродилка |
ДЕЛАЕМ НАДПИСЬ НА КАРТИНКЕ |
ПРИВЕТИК! |
ЖЕЛАЮ УДАЧИ! |
Серия сообщений "МОИ УРОКИ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 7 - Урок 5. Делаем вместе рамку с уголками.
Часть 8 - ДЕЛАЕМ ОКОШКО ДЛЯ КОДА.
Часть 9 - ДЕЛАЕМ НАДПИСЬ НА КАРТИНКЕ.
Часть 10 - Делаем сами музыкальную открытку.
Часть 11 - Как сделать самому баннер.
...
Часть 20 - УРОК. РАМКА В РАМКЕ...
Часть 21 - LiveInternet – Отношения
Часть 22 - Уменьшаем большую картинку.
Метки: коды |
Делаем кнопки |
Покажу как сделать самые распространенные кнопки,для переходов на другие страницы.
Если Вы нажмете на эту кнопочку,то попадете в мой дневник на Li.ru.Такую кнопку можно использовать для переходов на любую страницу в интернете,а так же в бродилках-путеводителях по блогу.
Делается она очень просто.
Копируете код из окошечка ниже
Вместо моего слова АДРЕС ставите http-адрес нужной страницы.Вместо НАДПИСЬ пишите то,что должно быть написано на кнопке.Всё!
Метки: блоги |
Как сделать самую простую кликабельную кнопку с надписью |
Как сделать самую простую кликабельную кнопку с надписью! Для этого воспользуемся вот такой формулой А теперь поподробнее. Формула выглядит вот так Здесь надо заменить слова АДРЕС СТРАНИЦЫ, на тот адрес, куда вы хотите попасть с помощью этой кнопки. Для примера берем сайт мелких анимашек, и делаем на него кнопочку- посылалочку.. Вот адрес этого сайта, http://fantasyflash.ru/index.php?&kontent=anime который я взяла в адресной строке сайта Теперь переносим его на нашу кнопочку. Стираем слова АДРЕС СТРАНИЦЫ, а вместо этих слов подставляем адрес http://fantasyflash.ru/index.php?&kontent=anime Запись тогда будет выглядеть вот так А теперь пишем слова, которые хотим видеть на кнопочке, стерев слова НАЗВАНИЕ КНОПКИ. Например ИДЕМ СЮДА, или, САЙТ ЗДЕСЬ, вообщем все, что вы хотите. Я сейчас напишу САЙТ С КАРТИНКАМИ ЗДЕСЬ. Выглядеть теперь наша запись будет вот так Вот и все. Теперь наша кнопочка будет выглядеть вот так, и нажав на нее, вы попадете на сайт с анимашками. Таким образом вы можете делать простейшие кнопочки для любых сайтов и блогов, использовав эту формулу. Можно вместо слов на кнопочку вставить мелкую картинку. Вот код этой кнопочки. Вместо слов АДРЕС КАРТИНКИ, вновь подставляем адрес, а в место слов АДРЕС КАРТИНКИ, ставим ее адрес. Я взяла звездочку, с того же сайта, на который мы и делали кнопочку. Картинки там мелкие и очень удобные для того что бы делать такие кнопочки. Адрес картинки берете так- ВСТАЕТЕ МЫШКОЙ НА КАРТИНКУ, ЖМЕТЕ ПРАВУЮ КНОПКУ МЫШИ И ВЫБИРАЕТЕ "КОПИРОВАТЬ ССЫЛКУ НА ИЗОБРАЖЕНИЕ" или выбираете свойства, а в них находите адрес картинки и копируете его. Теперь наша кнопочка выглядит вот так. Можно сделать кнопочку, где будет и картинка и текст. Вот этот код Здесь все аналогично, заменяем слова на АДРЕС СТРАНИЧКИ, затем АДРЕС КАРТИНКИ и СЛОВА ДЛЯ КНОПКИ. Тогда наша кнопочка будет выглядеть вот так Можно так же такую кнопочку сделать на любом фоне. Вот этот код. Все аналогично, вместо слов вставляете адреса. Тогда наша кнопочка будет выглядеть так! ВНИМАНИЕ, ТЕКСТ НА КНОПОЧКЕ, можете спокойно редактировать- размер шрифта, цвет и прочее. Вот и все. Для вашего удобства, все выше приведенные коды кнопочек я сейчас сделаю табличкой, что бы удобнее было пользоваться. Текст на кнопке - Картинка на кнопке - Текст и картинка на кнопке - Кнопка на фоне - Кому хочется делать кнопочки покрасивее и посложнее, уже готовые, то посмотрите ВОТ ЗДЕСЬ. Здесь ссылка на сайт с красивыми кнопочками, и описание как ими пользоваться! Успехов! Надеюсь у всех все получится! Из блога ГАЛИНЫ ШАДРИНОЙ |
Метки: Кнопки |
Кнопочки ,и как подписать кнопку или картинку без фотошопа |
Метки: подпись без фотошопа |
Пишем красиво! Мигающим текстом |
|
Метки: Шрифты |
Урок.Обрамляем текст в рамку.Быстро. |
Вот так будет выглядеть текст в рамке
Всем привет! |
Метки: коды |
Как делать ссылки |
Спецкоды -это слова. заключенные в квадратные или угловые скобки, которые помогают менять вид текста. Спецкоды в угловых скобках <> называются HTML кодами. Их можно вводить "от руки" только в простом редакторе, в расширенном редакторе вместо них нужно пользоваться кнопками над текстом(как в Word). Если очень нужно использовать еще и в расширенном - нажимайте кнопку "Источник" в левом верхнем углу.
Ссылка с названием:
Как сделать ник ссылкой:
Получилось: nelyasha или к примеру вот так: Любознательная
Как сделать баннер или любую картину ссылкой:
Внимание! Не пытайтесь копировать коды! Это скриншоты! Просто впишите их вручную в блокнот и используйте при необходимости! В отличии от продвинутых пользователей ЛИ.РУ все манипуляции с кодами я делаю в блокноте,потом вставляю их в нужное место.
А как сделать вот такую кнопку - указатель читайте Здесь
Серия сообщений " Оформление дневника на ЛИ.РУ":
Часть 1 - Учебник ЛиРу.
Часть 2 - Как сделать ник ссылкой
...
Часть 33 - Как вставить код любого изображения в аккуратную рамку (урок)
Часть 34 - Как я вставляю музыку в дневник
Часть 35 - Как я делаю ссылки
Часть 36 - Как вставить текстовую рамочку в ваш дневник.Подробный урок от Pannamusic
Часть 37 - Про кнопки Яндекса и другие приложения от LiluMi
...
Часть 45 - Отдельный домен для дневника на Лиру.
Часть 46 - Вставляем текст и картинку в рамку с кодом
Часть 47 - Урок для новичков.Как найти пользователя и ответить на его симпочку
Серия сообщений "Для новичков ЛИ.РУ.":
Часть 1 - С чего начинать дневник?
Часть 2 - Кража постов
...
Часть 10 - Как я делаю скриншот без применения программ
Часть 11 - Как я вставляю музыку в дневник
Часть 12 - Как я делаю ссылки
Часть 13 - Лирушное...для новичков и не только!!!
Часть 14 - Как создавать рубрики и подрубрики в дневнике?
...
Часть 33 - Урок для новичков.Как найти пользователя и ответить на его симпочку
Часть 34 - Сервис дневников. Правила игры и что такое отношения(симпатии) на ЛИ.ру
Часть 35 - Для новых ПЧ!!! Наводим порядок в дневнике!Как разложить все сообщения в дневнике по полочкам и другие самые важные рекомендации для новичков.
Метки: коды |
FAQ для начинающего лирушника |
Что такое "блог"?
Правила пользования сервисом дневников
"Официальный" FAQ (не все разделы заполненны, дополнение от 27.05.2008)
Краткий словарь Ли.рушника
Как вставить картинку в эпиграф?
Как сделать эпиграф посредине?
Все специальные коды
Звездный статус на Li.Ru или Все звёзды
Как убрать удалившихся из списков ПЧ и друзей?
Бегущая строка и как её настроить
Картинка вместо сплошного фона
Как пользоваться простым и расширеным редакторами?
Что делать, если не меняется дизайн?
Как создать рубрики?
Как создать голосование?
Как убрать уведомления ЛиРу на почту?
Как закрыть дневник от посторонних?
Как удалять свои записи?
Как оформить ссылку? и Как оформить ссылку-2?
Как сделать картинку, рисунок или фотографию ссылкой?
Как создать свое сообщество?
Всё про симпатии и антипатии (ссылка обновлена!)
Программа-клиент для работы с ЛиРу. Как уменьшить размер базы данных?
Как читать более 500 человек?
Как повернуть фотографию?
Как избавиться от красных глаз на фото?
Как избавиться от ненужных приглашений?
Как сделать ЛиРушную подпись? Как написать на странице много ников?
Как сделать ссылку на ЖЖ-юзера?
Как избавиться от всей рекламы на ЛиРу?
Как избавиться от всей рекламы в ЖЖ? (3 способа для всех браузеров)
Как сохранить видео с ЛиРу? (Новая версия! Теперь работает!)
Скачка музыки и видео с ЛиРу по нику
Как отключить микроблоги?
Как создать пост только с картинкой?
Самый простой способ вставки в дневник видео с YouTube и аналогичных сервисов
Как разместить видео на ЛиРу и добиться наилучшего результата?
Как разместить видео на ЛиРу и добиться наилучшего результата? (Версия 2.0)
Как скачать музыку и/или видео с last.fm, imeem.com, myspace.com и прочих подобных сайтов? (Как сохранить музыку и видео с ЛиРу. Ещё один способ)
Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'?
Как сделать текстовые кнопки? Как их размещать?
Как определить старый ник пользователя ЛиРу?
Как сделать форму для почтовой подписки на ваш дневник?
Ссылка, которую должен знать каждый ЛиРушник (Как сохранить музыку и видео с ЛиРу. Ещё один способ)
Как добавить музыку в сообщение?
Как вставить в сообщение проигрыватель с музыкой? (ещё один способ)
Как создать сообщение с большим количеством картинок?
Всё про LiRu-Talk от dandr.
Виды комментариев на ЛиРу.
Зачем нужны ссылки под заголовком сообщения в дневнике?
Добавление в дневник сообщений по почте. Как это делать и зачем это нужно? (Часть1, текстовый формат)
Как сделать так, чтобы пост больше не комментировали?
Как удалить анкету для знакомства?
Как сделать так, чтобы при заходе на ЛиРу не играла музыка?
Все способы добавить сообщение в дневник.
ДЛЯ ТОГО ЧТОБЫ СОХРАНИТЬ ЭТОТ ПОСТ СЕБЕ -НАЖМИ СЛОВО "В ЦИТАТНИК" В САМОМ ВВЕРХУ СООБЩЕНИЯ!
(С) Rost
ОБНОВЛЕНИЯЗДЕСЬ
Метки: коды |
Золотые буквы |
Метки: коды |
ШРИФТЫ С КОДАМИ |
ШРИФТЫ С КОДАМИ
Собирала шрифты для себя, но решила поделиться со своими друзьями, может кому пригодятся. Все составляющие можно менять: название шрифта, номер или название цвета, высоту текста на ваше усмотрение.
Белая береза
Под моим окном
Принакрылась снегом
Точно серебром
ПОЗДРАВЛЯЮ!
СпАсИбО!
Приятного вечера!
С Добрым утром!
Спокойной ночи.
ПОЗДРАВЛЯЮ!
Благодарю!
Спокойной ночи.
Спокойной ночи.
Спокойной ночи.
Спокойной ночи.
Спокойной ночи.
Привет подружка!
Прекрасного утра!
Благодарю!
МОЛОДЕЦ!
С началом лета!
Какая красота!
Просто прелесть!
Чудесный пост!
Доброй ночи!
Метки: коды |
Оформление постов. Теги. Ответы на вопросы. |
Находясь на таком сайте, как ЛиРу, надо время от времени напоминать о кодах html. Без них здесь нельзя и шагу ступить - т.е. и строчки нормальной не написать. Кстати, интересно: самое популярное сообщение на лиру, набравшее более 10 тысяч цитат, посвящено именно этим кодам или по-другому - тегам. Тег - это элемент разметки гипертекста, иначе - дескриптор. Например, слово "тег" выше заключен между начальным тегом [b] и конечным тегом [/b] и предписывает отображать его жирным шрифтом. Вот она Таблица основных тегов HTML
Писать про абсолютно все теги, которые можно использовать - бессмысленно: не хватит места, времени и желания. И, главное, мало кому нужно абсолютно всё.
Что ж, поехали. Пост написан LexIncorp. Процитирован уже более 1000 раз, так что цитировать и ссылаться не запрещено:).
Метки: коды |
Делаем Таблицу с Картинками(ссылками) |
|
Метки: коды |
Делаем ссылочку на Вас с Иконкой |
Для тех кто ещё не знает как делать вот такую ссылочку с иконкой.SvetlanaT Эта ссылочка ведёт на мой дневник. Здесь на Лиру есть специальные коды. Коды, заключенные в квадратные скобки, называются BB-кодами. Что такое Спец. коды на Лиру? Поподробней можно посмотреть ЗДЕСЬ. Так же пользуясь специальным кодом можно сделать ссылочку на конкретного пользователя сайта с иконкой. Выглядить это будет очень забавно например вот так:SvetlanaT для девочек. Или Александрушек для мальчиков. КОД... [user=SvetlanaT] Вместо моего ника ставьте свой. Когда НИК написан правильно , в зависимости от пола пользователя. Иконка ставится автоматически. Можно конечно и подурачится написать например так: В данном коде ссылочка будет вести на мой дневник, |
Метки: коды |
Как сделать кнопку-баннер для эпиграфа и/или графы «О себе»? |
Метки: коды |
Урок по таблицам...полезный |
Сегодня я расскажу Вам, о таблицах. Много говорят и пишут о них но мало кто понимает для чего они нужны..Мы обычно отмахиваемся от того что нам непонятно...мол Да ладно...Оно мне надо??!! |
Метки: коды |