Фишки для Блога
Читая дневники разных блоггеров, неожиданно заметил, что они выглядят намного аккуратнее моего собственного. Что натолкнуло на мысль о том, что не мешало бы полистать html для чайников, чтобы восполнить некоторые пробелы. И так, знание следующих полезных тегов может сделать любой блог намного презентабельные.
1. Всем известный под кат, позволяющий убирать часть записи, которая становиться доступна на странице комментариев. Для него есть, как специальная кнопка в визуальном редакторе, так специальный тег.
текст убранный под кат
2. Кнопка Перепостить вставляется тегом.
< lj-repost button="Перепостить" />
- для части текста используется парный тег
текст для репостинга
3. Многие вставляют в свой блог картинки и фото. Обычно это делается с помощью кнопок в редакторе, но я думаю полено будет знать и сам тег для вставки фотографии.
4. Если фото размеры фотографии несуразны по отношению к самому тексту, то их можно подкорректировать. Для этого к предыдущему тегу после адреса фотографии необходимо добавить соответствующие размеры нужной ширины и высоты.
...superfoto.jpg" width=100"> ...superfoto.jpg" height=100">
5. Чтобы фотография была справа или слева от текста добавляем следующий код.
...superfoto.jpg" align=left hspace=10> или ...superfoto.jpg" align=right hspace=10>
- в данном случае hspace=10 - это отступ равный 10 пикселям.
6. Фотографию можно загнать в серебряную рамку.
...superfoto.jpg" style="border:5px solid #C0C0C0;">
- в данном случае случае 5px - толщина рамки #C0C0C0 - ее цвет (полный список цветов здесь)
7. Можно разместить серию фотографий с помощью тега таблицы
фото 1
фото 2
фото 3
фото 4
фото 5
фото 6
8. Установить ссылку на жж-пользователя swetodar можно следующим тегом
swetodar
9. Изменить имя в ссылке на жж-пользователя с swetodar на swetodar можно дополнительным кодом
<em>swetodar</em>>
10. Если вам нужен перечеркнутый текст
ваш текст
11. Если вам нужен маленький текст
ваш текст < /small>
12. Если вам нужна сноска
сноска
13. Если вам нужен цветной текст с цветным фоном в цветной рамке то
текст
- 1 цвет фона 2 цвет текста 3 толщина отступа рамки 4 толщина рамки 5 цвет рамки
14. Если вам нужно отделить часть текста серебряной линией
"#C0C0C0" />
- size=2 - толщина линии #C0C0C0 - цвет линии
15. Если необходимо вставить ссылку , то
название ссылки
16. Чтобы ссылка открылась в новом окне к предыдущему тегу добавляем код
название ссылки
17. Если необходимо сделать скрыть в тексте ссылку то следует сделать ее такой же как и обычный текст
название ссылки
18. Для того чтобы сделать ссылку с выделенным фоном
адрес страницы" style="background:#3399ff; color:black">название ссылки
19. Если вы хотите сделать вашу фотографию кликабельной то советую применить следующий тег
В любой блог модно вставить флеш с расширением .swf . Для этого используется тег
1. Всем известный под кат, позволяющий убирать часть записи, которая становиться доступна на странице комментариев. Для него есть, как специальная кнопка в визуальном редакторе, так специальный тег.
текст убранный под кат
2. Кнопка Перепостить вставляется тегом.
< lj-repost button="Перепостить" />
- для части текста используется парный тег
текст для репостинга
3. Многие вставляют в свой блог картинки и фото. Обычно это делается с помощью кнопок в редакторе, но я думаю полено будет знать и сам тег для вставки фотографии.
4. Если фото размеры фотографии несуразны по отношению к самому тексту, то их можно подкорректировать. Для этого к предыдущему тегу после адреса фотографии необходимо добавить соответствующие размеры нужной ширины и высоты.
...superfoto.jpg" width=100"> ...superfoto.jpg" height=100">
5. Чтобы фотография была справа или слева от текста добавляем следующий код.
...superfoto.jpg" align=left hspace=10> или ...superfoto.jpg" align=right hspace=10>
- в данном случае hspace=10 - это отступ равный 10 пикселям.
6. Фотографию можно загнать в серебряную рамку.
...superfoto.jpg" style="border:5px solid #C0C0C0;">
- в данном случае случае 5px - толщина рамки #C0C0C0 - ее цвет (полный список цветов здесь)
7. Можно разместить серию фотографий с помощью тега таблицы
фото 1
фото 2
фото 3
фото 4
фото 5
фото 6
8. Установить ссылку на жж-пользователя swetodar можно следующим тегом
swetodar
9. Изменить имя в ссылке на жж-пользователя с swetodar на swetodar можно дополнительным кодом
<em>swetodar</em>>
10. Если вам нужен перечеркнутый текст
ваш текст
11. Если вам нужен маленький текст
ваш текст < /small>
12. Если вам нужна сноска
сноска
13. Если вам нужен цветной текст с цветным фоном в цветной рамке то
текст
- 1 цвет фона 2 цвет текста 3 толщина отступа рамки 4 толщина рамки 5 цвет рамки
14. Если вам нужно отделить часть текста серебряной линией
"#C0C0C0" />
- size=2 - толщина линии #C0C0C0 - цвет линии
15. Если необходимо вставить ссылку , то
название ссылки
16. Чтобы ссылка открылась в новом окне к предыдущему тегу добавляем код
название ссылки
17. Если необходимо сделать скрыть в тексте ссылку то следует сделать ее такой же как и обычный текст
название ссылки
18. Для того чтобы сделать ссылку с выделенным фоном
адрес страницы" style="background:#3399ff; color:black">название ссылки
19. Если вы хотите сделать вашу фотографию кликабельной то советую применить следующий тег
В любой блог модно вставить флеш с расширением .swf . Для этого используется тег