Это интересно и нужно знать |
Метки: для начинающих |
Путеводитель по сайту, блогу своими руками! |
Метки: для начинающих |
Генератор кодов |
Метки: для начинающих |
Список уроков.Как ОФОРМИТЬ ДНЕВНИК. |
Метки: для начинающих |
Как поздравить с Днем Рождения на Лиру!_2. Как изменить размер картинки в комментарии _уроки от Olia2010 |
Часто мы видим, что у пользователя появилась надпись рядом с аватаром:
"День Рождения через 3 дня. Поздравить?"
Конечно поздравить,
но не надо это делать заранее.
Поздравлять следует в день рождения. А как это сделать лучше, чтобы ваше поздравление обязательно прочитали.
Есть несколько способов
Если вы считаете эти уроки полезными для себя,
своих друзей и Постоянных Читателей,
то пожалуйста нажмите кнопку ПОНРАВИЛОСЬ!
И они увидят их в ленте друзей.
Метки: для начинающих |
СПИСОК ВСЕХ МОИХ УРОКОВ |
Метки: для начинающих |
ValeZ |
Метки: для начинающих |
ВСЕ ФОРМУЛЫ ПОД РУКОЙ |
Фон для записи |
Метки: все для блога, памятка начинающим
Метки: для начинающих |
Все настройки ЛиРу в картинках |
Часть 3. Подписки на обновления.
Часть 4. Почтовые уведомления.
Часть 7. Меняем mail, пароль или ник.
Часть 10. Настройки дизайна.
• Глава 3. Цвет текста и рамок.
• Глава 5. Управление схемами оформления.
Часть 12. Управление аватарами.
Часть 14. Настройки личной переписки.
Серия сообщений "чайнику от чайника":
Часть 1 - Компьютерные курсы для начинающих.
Часть 2 - HTML Шпаргалка.
...
Часть 16 - Создаём индивидуальный баннер для блога (дневника).
Часть 17 - Компьютерные курсы on-line. Подробные уроки для начинающих и не только...
Часть 18 - Все настройки ЛиРу в картинках.
Метки: для начинающих |
Всё для дизайна вашего дневника. |
|
Метки: для начинающих |
HTML Шпаргалка. |
Серия сообщений "чайнику от чайника":
Часть 1 - Компьютерные курсы для начинающих.
Часть 2 - HTML Шпаргалка.
Часть 3 - Шпаргалочка по тегам.
Часть 4 - Подробное описание клавиш клавиатуры.
...
Часть 15 - Почему стоит выбрать Windows 7 и навсегда забыть про Windows 8.
Часть 16 - Создаём индивидуальный баннер для блога (дневника).
Часть 17 - Компьютерные курсы on-line. Подробные уроки для начинающих и не только...
Метки: для начинающих |
Как разместить картинку с всплывающим текстом |
Метки: для начинающих |
Шпаргалка по HTML № 2 |
Оформление текста
(рекомендую спец. страничку TEXT):
Перечёркнутый текст: ТЕКСТ
Подчёркнутый текст: ТЕКСТ
Полужирный текст: ТЕКСТ
Полужирный крупный: ТЕКСТ
Курсивный текст: ТЕКСТ
Маленький текст: текст
Неразрывный пробел:
Центрирование:
Сноска вверху: ТЕКСТсноска
Сноска внизу: ТЕКСТсноска
Линия:
Я Пешу Лесинкой!!!
РАЗМЕР ШРИФТА:
Уменьшить текст: текст - 2
Увеличить текст на 1 пункт: текст
Увеличить текст на 2 пункта: текст
Увеличить текст на 3 пункта: текст
Увеличить текст на 4 пункта: текст
ЦВЕТ ШРИФТА:
КРАСНЫЙ: красный текст
ЖЕЛТЫЙ: желтый текст
ФИОЛЕТОВЫЙ: фиолетовый текст
ЗЕЛЕНЫЙ: зеленый текст
СИНИЙ: синий текст
ФУКСИЯ: фуксия текст
Таблица “базовых” цветов (вводим “Имя” или “Код”):
Имя | Код | Имя | Код | Имя | Код | Имя | Код |
---|---|---|---|---|---|---|---|
aqua | #00FFFF | green | #008000 | navy | #000080 | silver | #C0C0C0 |
black | #000000 | gray | #808080 | olive | #808000 | teal | #008080 |
blue | #0000FF | lime | #00FF00 | purple | #800080 | white | #FFFFFF |
fuchsia | #FF00FF | maroon | #800000 | red | #FF0000 | yellow | #FFFF00 |
ВИД ШРИФТА:
Шрифт этого текста “Monotype Corsiva”
Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
Шрифт этого текста “Monotype Corsiva”
код этого текста:
Оформление ссылок (рекомендую спец. страницу Ссылки):
Как вставить ссылку на веб-страницу:
Как сделать, чтобы картинка была ссылкой на веб-страницу:
Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:
Спец. теги ЖЖ:
Элементарный жж-кат (с “Read more”):
жж-кат с ВАШИМ ПОДЗАГОЛОВКОМ:
Работу ката не видно в режиме “ПРОСМОТР”
Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так: wildmale
Сссылка на сообщество, например: aforism
делается точно так же:
Если надо так:
или так:
Вместо wildmale пишем Дикий самец:
Ежели надо с “человечком”: Дикий самец:
Скопировав код, не забудьте поменять реквизиты.
Вставка МЕДИА-файлов:
Видео, флеш и проч. в ЖЖ вставляются так:
Публикация картинок:
Код любой картинки в сети в простом варианте выглядит так:<img src="http://.../...jpg">
Уникальный URL (http://.../...jpg
) выдает картинке хостинг, куда ее необходимо закачать с компа.
Совсем “чайникам” рекомендую (для ЖЖ):
1.Открываешь ljplus.ru
2. Регистрируешься
3. Жмешь: КАРТИНКИ-ЗАГРУЗИТЬ-ОБЗОР-ЖМИ УЖЕ!
4.Смотришь на HTML-коды и копируешь нужный в поле поста или каммента
5. Постишь. Становишься знаменитым.
В каменты картинки ставятся аналогично, кат не работает.
Как сделать, чтобы текст «обтекал» картинку?
Легко - картинка слева, текст справа:
добавляем в код картинки:
align=left hspace=20
Код картинки примет вид:
<img src="http:…" align=left hspace=20>
Помни:
align=left – картинка слева, текст справа
align=right - картинка справа, текст слева
hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали
vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали
Код картинки с плавным обтеканием текстом справа и снизу (или сверху):
<img src="http:…" align=left hspace=20 vspace=15>
Прекратить обтекание и вернуть текст под картинку можно тэгом <br>
Закрывать не надо, он работает один. <br> выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.
<br><br><br> - три пустые строки.
Вставить две и более картинки горизонтально:
- все, заключенное в этот контейнер будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.
Регулируем расстояние меж картинками по-горизонтали:
С помощью “неразрывного пробела”:
Расстояние, равное 8 пробелам будет выглядеть так:
Вставляется меж кодов картинок, есс-но
Если надо всплывающую подсказку при наведении курсора на картинку, как здесь: - введите в код картинки title="ТЕКСТ"
Если надо цветную рамку , добавьте в код картинки: - задана красная рамка толщиной 5 пикселей
Чтоб быстро вставить картинку с другого сайта, вставьте в пост:
затем войдите в “Свойства” картинки на этом сайте, скопируйте ее URL и вставьте в код меж кавычек
Изменить размер картинки можно с помощью атрибутов width (ширина) и height (высота). Вставьте в код картинки, например, width=300 и ваша картинка будет шириной 300 пикселов, высота подгонится пропорционально. Браузер при этом все равно подгружает изначальную картинку, и если та весила 3МБ, то меньше не станет:)
Как запостить галерею? Узнай ЗДЕСЬ
Как запостить слайдшоу? Узнай ЗДЕСЬ
Можно сделать покрасивше:
Кнопка-ссылка на веб-страничку
Например, на эту:
Метки: для начинающих |
ШТМЛка для начинающих пользователей. |
Перед вами популярный справочник по HTML - языку гипертекстовой размётки документов.
Он часто используется как учебник по HTML, а иногда — как самоучитель.
Нажимаем, выбираем, учимся...
Метки: для начинающих |
Основы html — бесплатный обучающий видеокурс по html |
Основы html должен знать каждый, как начинающий, так и опытный вебмастер. Не смотря на то, что html постепенно уходит на второй план, данный язык программирования до сих пор является основой для создания подавляющего числа сайтов. Сегодня я хочу вам порекомендовать отличнейший видеокурс по основам html, который будет полезен как начинающим вебмастерам, так и тем, кто уже имеет свои сайты в Интернет.
Почему я рекомендую вам скачать именно этот видеокурс по html?
Автор данного курса - Евгений Попов, человек разбирающийся в сайтостроении как никто другой, ведущий сразу несколько проектов, автор и создатель целой серии обучающих видеокурсов по сайтостроению. Качество обучающих материалов Евгения всегда на высоте, а его умение разжевать тему, поможет разобраться даже самым задеревенелым чайникам.
Базовый видеокурс по html от Евгения Попова - это 33 последовательных и взаимодополняющих друг друга видеоурока, по основам html, после изучения которых вы будете на профессиональном уровне разбираться в языке html.
Помимо этого, вы забудете навсегда о всяких html-справочниках, так как у вас всегда под рукой будут все необходимые знания по языку html, да к тому же еще и в видеоформате.
Смело скачивайте базовый обучащий видеокурс по html от Евгения Попова:
Метки: для начинающих |
Шпаргалки кодов... |
width="200" height="30" border="0">... |
Метки: для начинающих |
Что такое HTML. Видео-уроки: HTML с нуля |
Метки: для начинающих |
HTML с нуля. Видео-уроки |
Метки: для начинающих |
HTML коды для сайта |
|
|
Your text | |
Your text | |
Your text | |
Your text | |
Your text | |
Your text | |
Your text | |
Your text | |
TEXTsup | |
TEXTsub |
Your text
Your text
Your text
Your text
Your text
Метки: для начинающих |
Учебник HTML для начинающих |
Метки: для начинающих |