Хотите красиво оформленную важную цитату или эпиграф?
А вот такой блок ссылок на свои посты (мини-оглавление)?Другие полезные советы:
Оформление текста (все коды в окошечках) |
Увеличить текст (+2,3 и т.д.), уменьшить (-2,3 и т.д.) Курсор птичка Окошечко для вставки кода rows и cols определяют площадь окна (ширину и высоту): Вставить флеш в окошко: [Звездочка*flash=500,500,АДРЕС ФЛЕШКИ] ФОН под ЗАПИСЬ (цвет меняем по желанию) Подписываем картинку: Выделение текста Фон для записи: "Закрепитель": текст остается таким, каким вы его пишете *** |
Метки: коды |
СПЕЦКОДЫ для оформления поста -1 |
СПЕЦКОДЫ для оформления поста -1-
|
*1. ВИДЫ БОРДЮРОВ (border) - solid - рамка из сплошной линии; - dotted - точечная линия; - dashed - пунктирная линия; - double - рамка из двойной сплошной линии; - groove - вдавленная линия; - ridge - выпуклая линия; - inset - вся рамка кажется вдавленной; - outset - вся рамка кажется выпуклой. *2. КОВЫЧКИ: «......» |
Серия сообщений "*******ШПРАГАЛКИ":
Часть 1 - Рамочки в 1 слой...
Часть 2 - СПЕЦКОДЫ для оформления поста -1-
Часть 3 - ВСЁ, или почти всё, O ССЫЛКАХ — оформление и коды...
Часть 4 - Коды при оформлении ТЕКСТА (выделение цитаты, эпиграф, расположение текста в столбиках)...- 2 -
...
Часть 19 - Ещё одна находка - ВЕРТИКАЛЬНАЯ ЛИНИЯ в тексте.
Часть 20 - И снова — «Рамочка-книжка»
Часть 21 - ***МОИ маленькие находки...
Метки: коды |
Ставим свой плеер на видео с Ю-Туба... |
Серия сообщений "видео":
Часть 1 - Stive Morgan(Влад Мотков)
Часть 2 - Yakiro- Blue the color of dreams
...
Часть 34 - Несколько видео прошлых лет....исполнение-оригинал!
Часть 35 - С Новым годом...с новым плеером!
Часть 36 - Ставим свой плеер на видео с Ю-Туба...
Часть 37 - На его танец можно смотреть бесконечно...
Часть 38 - Забавный ролик...!
Часть 39 - Фон моей страницы в ВК (сменил)
Часть 40 - Грустное видео..однако,но увидеть себя молодым хоть на секунды хочется..
Серия сообщений "HTML 5":
Часть 1 - Гифка в HTML 5+флеш плеер
Часть 2 - Потоковое Радио популярных радиостанций в HTML5 и не только...
...
Часть 30 - Ставим плеер прямо на видео Одноклассников..
Часть 31 - С Новым годом...с новым плеером!
Часть 32 - Ставим свой плеер на видео с Ю-Туба...
Часть 33 - 30 мелодий рекомендованных мне на яндекс музыке...
Часть 34 - Плеер-часы-картинка!
Метки: уроки музыка коды плеер |
ФОРМУЛА МУЗЫКАЛЬНОЙ ОТКРЫТКИ. |
Метки: коды музыкальная открытка |
htmlka - нужные на Ли.ру коды |
Серия сообщений "** Коды для оформления":
Часть 1 - Написание текстов
Часть 2 - Самые необходимые ТЕГИ для оформления записей
...
Часть 16 - Кнопка понравилось - код
Часть 17 - Как разделить текст на 2 части
Часть 18 - htmlka - нужные на Ли.ру коды
Часть 19 - Написание текста в две колонки
Метки: уроки всегда под рукой коды |
Тэги на ЛИРУ, для оформления своих блогов |
|
Метки: всегда под рукой коды |
Формула кода рамочки. |
 |
|
 |
Метки: коды |
Как правильно вставлять код в окошко для кодов. |
 Напишу несколько вариантов, как это сделать. 1. Код с использованием тэга <input Код баннера можно поставить вот в такое окошечко. Это самый простой вид окошечка, и его используют в основном для небольших кодов.   |
Серия сообщений "Шпаргалки":
Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 16 - Заморские сайты к НОВОМУ ГОДУ
Часть 17 - 100 самых полезных сайтов Интернета
Часть 18 - Как правильно вставлять код в окошко для кодов.
Часть 19 - Рамочки с флагом своей страны.
Часть 20 - Справочник по основным тегам HTML.
...
Часть 28 - Вставляем картинки в свои сообщения
Часть 29 - Справочник html по изображениям
Часть 30 - Как сохранить гифку из Одноклассников
Метки: коды шпаргалка |
HTML. Работа с текстом и картинками. |
HTML. Работа с текстом и картинками.
Продолжаем изучать основы HTML. Сегодня на повестке дня выравнивание текста, работа с ним, а так же вставка картинок. Еще маленькая фишка для придания динамичности - это бегущая строка.
Сноска вверху: ТЕКСТсноска
Сноска внизу: ТЕКСТсноска
Линия:
ее код:
Ударение:
Cтавим после нужной буквы:
Серия сообщений "Правила, коды, подсказки":
Часть 1 - Обойма сервисов по работе с цветом.
Часть 2 - По щучьему велению для веб-мастера.
...
Часть 10 - Огромная коллекция генераторов.Более 500 ссылок.Собрана вся коллекция!Разбирайте!!!
Часть 11 - Оформление текста. HTML.
Часть 12 - HTML. Работа с текстом и картинками.
Часть 13 - Размер, цвет, стиль текста в HTML.
Часть 14 - 5 шагов для успешного развития сайта
...
Часть 23 - Бесплатный контент для блога
Часть 24 - Защити свой сайт!
Часть 25 - Чем опасны партнерки для сайта Информация на продажу
Метки: уроки. |
Оформление текста (все коды в окошечках) |
Оформление текста (все коды в окошечках)
|
Увеличить текст (+2,3 и т.д.), уменьшить (-2,3 и т.д.) Курсор птичка Окошечко для вставки кода rows и cols определяют площадь окна (ширину и высоту): Вставить флеш в окошко: [Звездочка*flash=500,500,АДРЕС ФЛЕШКИ] ФОН под ЗАПИСЬ (цвет меняем по желанию)
Подписываем картинку: Выделение текста Фон для записи: "Закрепитель": текст остается таким, каким вы его пишете *** |
Метки: коды |
ССЫЛКА на свой дневник... |
ССЫЛКА на свой дневник...
Серия сообщений " ШПАРГАЛКИ***** кодов для оформления":
Часть 1 - ССЫЛКА на свой дневник...
Часть 2 - Рамочки в 1 слой...
Часть 3 - СПЕЦКОДЫ для оформления поста -1-
...
Часть 26 - ДЛЯ ТЕКСТА — Мини-генератор кода для текста; Код текста с тенью...
Часть 27 - Всё для Вашего дневника...
Часть 28 - Ещё одна находка - ВЕРТИКАЛЬНАЯ ЛИНИЯ в тексте.
Метки: коды |
Ещё одна находка - ВЕРТИКАЛЬНАЯ ЛИНИЯ в тексте. |
Ещё одна находка - ВЕРТИКАЛЬНАЯ ЛИНИЯ в тексте.
|
padding-left: например 10px; /* Расстояние от линии до текста */ border-left: например 2px solid #ccc /* Параметры линии */, где
solid — Вид линии (- solid — сплошная линия; - dotted — точки; - dashed — пунктир; - double — двойная; - groove — вдавленная линия с имитацией объема; - ridge — выпуклая с имитацией объема; - inset — весь блок кажется вдавленным; - outset — весь блок кажется выпуклым;) #ccc — Цвет линии в разных форматах(#50e024; #6C3; rgb(31%, 88%, 14%); hsl(106, 75%, 51%); и т.д.)
И ещё одна формула вертикальной линии в тексте (чуть-чуть отличается, какую будете использовать — решать Вам!):
Вертикальная линия HTML
С помощью свойства border-left мы задаем границу блока с левой стороны, и задаем следующие параметры границы:
border-left: 3px – толщина линии solid – сплошная линия.Так же можно сделать: пунктирную(dotted), прерывистую (dashed), double (двойную), вогнутую (groove), и выпуклую (ridge). red – это цвет границы. Его вы можете задать названием цвета, #, в шестнадцатеричном формате, с помощью таблицы цветов RGB или RGBA. 1. htmlbook.ru 2. impuls-web.ru |
Серия сообщений " ШПАРГАЛКИ***** кодов для оформления":
Часть 1 - ССЫЛКА на свой дневник...
Часть 2 - Рамочки в 1 слой...
...
Часть 26 - ДЛЯ ТЕКСТА — Мини-генератор кода для текста; Код текста с тенью...
Часть 27 - Всё для Вашего дневника...
Часть 28 - Ещё одна находка - ВЕРТИКАЛЬНАЯ ЛИНИЯ в тексте.
Серия сообщений " *** Пишем красиво - ":
Часть 1 - Коды при оформлении ТЕКСТА (выделение цитаты, эпиграф, расположение текста в столбиках)...- 2 -
Часть 2 - Бегущие строчки...
...
Часть 11 - ШРИФТЫ...
Часть 12 - ДЛЯ ТЕКСТА — Мини-генератор кода для текста; Код текста с тенью...
Часть 13 - Ещё одна находка - ВЕРТИКАЛЬНАЯ ЛИНИЯ в тексте.
Метки: коды |
СПЕЦКОДЫ |
СПЕЦКОДЫ
|
Без спецкодов нам просто не обойтись. Но их так много, все просто невозможно запомнить. Вот я и решила сделать для себя шпаргалку - "всегда под рукой", что бы пользоваться кодами не выходя со страниц дневника. 1. [user=Девочка_из_душа] - позволяет поставить красивую ссылку на пользователя сайта2. [user=Девочка_из_душа]Моя подружка[/user] - позволяет назвать при этом пользователя по-особенному3. [url=ссылка_на_сайт]ТЕКСТ[/url] - ссылка4. <*a href="Адрес ссылки" title="всплывающий текст">текст или картинка<*/a> - ссылка на что-либо 5. <*img src="Адрес картинки" /> - так в текст можно вставить картинку, зная ее адрес.6. <*img src="адрес" alt="описание" title="всплывающий текст" border="граница" /> - вставка картинки, параметры по порядку - адрес картинки, текст описывающий картинку, текст появляющийся при наведении мышки на картинку, ширина границы картинки (ставить=0, если картинка является ссылкой на что-либо) 8. [more=Нажмите, чтобы увидеть картинки] - так можно заменить текст "Читать далее" на свой9. [/more] - а вот так можно обозначить окончание тяжелой части страницы и продолжить текст10. [more=<*img src="Адрес картинки" />] - для кнопочки-перехода к полному тексту поста11. [quote]текст[/quote] - выделение какой-либо цитаты (отдельный блок со сдвигом вправо)12. <*blockquote>...<*/blockquote> - выделение цитаты13. <*p>...<*/p> - выделить абзац14. жирный текст <*b>...<*/b> <*strong>...<*/strong> [b]...[/b] 15. наклонный текст <*i>текст<*/i> <*em>...<*/em> [i]...[/i] - наклонный текст 16. <*u>текст<*/u> - подчеркнутый текст 17. <*s>... <*/s> <*strike>...<*/strike> 18. <*sup>...<*/sup> - приподнять текст вот так19. <*hr /> - увеличение расстояния между строчек20. заголовки разных размеров<*h1>заголовок<*/h1><*h3>заголовок<*/h3><*h6>заголовок<*/h6>21. способ задать ЦВЕТ, РАЗМЕР и ВИД ШРИФТА текста <*span style="font-family:шрифт"><*font color="Цвет" size="Размер">Текст<*/font><*/span> или <*span style="font-family:ШРИФТ;color:#ЦВЕТ;font-size:РАЗМЕР px">Текст<*/font><*/span> формат цвета (#......) - можно получить из графического редактора, или использовать названия цветов (red, green, blue, gray, white, black и т.д.); [color=цвет]текст[/color] - текст заданного цвета (цвета - blue,red, green и т.д.). Очень удобно, если надо заменить цвет в определённом месте текста. [size=размер]текст[/size] - текст заданного размера (-3, +1, 10 - числа или операции изменения) можно задавать как размер, так и изменение его от текущего, например -1 или +3 - меньше или больше обычного на 1 или 3 уровня). 22. [flash=ссылка_на_flash_ролик или муз.плеер] - так можно вставить в страничку flash ролик, если известен его адрес (ссылка на него).23. [flash=500,100,ссылка_на_flash_ролик или муз.плеер] - ролик будет вставлен в поле с размерами 500x100(или любыми другими заданными Вами)24. [mp3=ссылка_на_mp3] - для музыкального файла- [flash=100,25,Адрес плеера?mp3=Адрес муз.файла] [/color][/size] |
Серия сообщений " *** ШПАРГАЛКИ ":
Часть 1 - Моя мини-Бродилочка (делаем рамочки, пишем красиво)
Часть 2 - Часто использую, а запомнить никак не могу...(мини шпаргалка)
Часть 3 - СПЕЦКОДЫ
Часть 4 - Окно для вставки кодов РАМОЧЕК,ОТКРЫТОК, ПЛЕЕРОВ...
Часть 5 - Делаем таблицу.
...
Часть 16 - Сайт "АЗБУКА БЛОГЕРА"
Часть 17 - Полезная клавиша - Win...
Часть 18 - Тайные приемы при работе с мышкой...
Метки: коды |
Формулы и способы эксцентричного ввода текста в пост |
Формулы и способы эксцентричного ввода текста в пост
|
Re.
Примеры эксцентричного ввода текста в пост Написать текст справа налево Текст напечатан слева направо, но отображен справа налево. Перевернуть текст "вверх ногами" ¡ɯǝʚиdu ¡ɯǝʚиdu ¡ɯǝʚиdu перейти по ссылке иwɐɹон хdǝʚʚ ɯɔʞǝɯ qɯʎнdǝʚǝdǝu
В формуле изменить код цвета после *color="код"*, размер *"size="цифра"*, ширину *width="цифра"* и центровку *center (центр), left(левый край), right(правый край)* Формулы в окошках ниже.
Пример вертикальной линии красного цвета слева.
Линия будет увеличиваться в длину вместе с вводом текста
Ещё посты в дневнике с формулами Возможности программы Paint, встроенной в Windows
Фантазируйте, друзья! Удачи и интересных идей в творчестве! |
Метки: коды |
Самоучитель HTML |
|
Метки: коды |
Делаем красивые посты: добавим немного HTML! |
Метки: коды оформление поста |
Html-коды для Ваших постов. |
ВАШ ТЕКСТ
Я
Пишу
как хочу!!!
Метки: коды |
Всё про картинки. |
| НУЖНЫЕ САЙТЫ Нашла вот такой очень удобный сайт Возможность загружать до 16 картинок одновременно. http://ifotki.info/index.php?mode=more Формирует готовый код. Не требует регистрации.  |
Метки: коды |
Полезные теги HTML и редакторы онлайн |
Далее несколько сайтов с редакторами HTML online Выбирайте удобный для вас сервис и пользуйтесь!
|
Метки: коды |
HTML для чайников/подборка уроков |
|
|
Метки: коды |
