Сохраняем видео и аудио в браузерах семейства «Google Chrome» Сегодня подробно расскажу, как пост...
Без заголовка - (0)Дизайн дневника на liveinternet. По многочисленным вопросам я все же собралась и р...
Без заголовка - (0)Рамочки для текста Попробую дать простой урок как сделать рамочки под текст. Углубляться в тон...
Без заголовка - (0)Как сделать картинку ссылкой в html. Кликабельные картинки. Как отличить "кликабельную&qu...
Без заголовка |
|
Без заголовка |
По многочисленным вопросам я все же собралась и решила выложить ответ. Сегодня буду отвечать на вопрос, как же сделать дизайн странички дневника. Хотя дизайном это назвать сложно. На liveinternet можно лишь поменять настройки.
Разберем все цифры, которые я подписала на картинке выше:
Шаг 1. Войдем в настройки (это слово расположено под вашей аватарой на главной странице вашего дневника. Далее выбираем "оформление" и "Настройки схемы". Сразу даю совет - тут ни чего поломать не возможно и но кто вас не укусит,поэтому можно попробовать изменить каждый пункт! Читать далее...
Серия сообщений "Дизайн и графика":
Часть 1 - Дизайн дневника на liveinternet.
Часть 2 - Рамочки для текста
Часть 3 - Как БЫСТРО сделать дизайн дневника.
Часть 4 - Вставляем картинки в комментарий.
Часть 5 - Уменьшаем картинку (фото) с помощью Microsoft Office Picture Manager
|
Без заголовка |
Попробую дать простой урок как сделать рамочки под текст. Углубляться в тонкости сейчас не стану. Напишу в этом первом уроке только лишь выделенный html-код и те места, в которые вы сможете вписать свои переменные. Желающим упростить данный урок все же посоветую почитать основы html.
|
<table style="border:5px solid #0033ff;background-color:#ffcc33" cellspacing="0" cellpadding="0"><tr><td style="padding:12px">
<table style="border:3px solid #cc0033;background-color:#33ff00" cellspacing="0" cellpadding="0"><tr><td style="padding:9px" align="center"><span style="color:#000000font-size:20px">ТЕКСТ</span></td></tr></table></td></tr></table>
border:5px - ширина внешей рамки (синей)
solid #0033ff; - цвет рамки внешней (синей)
background-color:#ffcc33" - цвет внешнего поля (желтый)
td style="padding:12px - ширина рамки внешней в пикселях
Для внутренней рамки коды аналогичны. (Размер внутренней рамки на примере тоньше и уже)
Теги работы с текстом в этом уроке не описываю. На ли ру текст прекрасно форматируется.
Увеличить внутреннюю рамочку тоже можно в редакторе на ли ру, просто потаскав ее мышкой.
В уроке все переменные выделены черным шрифтом. Еще просьба убрать первую и последнюю кавычки.
Для тех, кому сложно освоить данный урок, на новой неделе заведу рубрику "рамочки" с уроком, если на урок будут ваши пожелания.
(С) 2012 Putniza Strannaja.
Статьи по теме:
1. Как вставлять html-код в пост
2. Убрать текст под КАТ
3. Кликабельные картинки
Подписавшись, вы сможете получать мои статьи на свой е-mail адрес.
Подписку можно осуществить, щелкнув по баннеру мышкой.
Серия сообщений "Дизайн и графика":
Часть 1 - Дизайн дневника на liveinternet.
Часть 2 - Рамочки для текста
Часть 3 - Как БЫСТРО сделать дизайн дневника.
Часть 4 - Вставляем картинки в комментарий.
Часть 5 - Уменьшаем картинку (фото) с помощью Microsoft Office Picture Manager
Серия сообщений "Html для чайника":
Часть 1 - Как сделать картинку ссылкой в html. Кликабельные картинки.
Часть 2 - Окошечко
Часть 3 - Убрать текст под кат
Часть 4 - Рамочки для текста
Часть 5 - Гиперссылка
|
Без заголовка |
Как отличить "кликабельную" картинку от "некликабельной"? Очень просто!
Наведем курсор (стрелку) на картинку и стрелка превратится в пятерню, если нет, то стрелка таковой и останется!
Ну, а теперь сразу к практике!
< *** a href=" адрес, куда ведет ссылка ">
< *** img src=" адрес страницы, где лежит фото "> < *** /a>
Как вы уже успели заметить, все достаточно легко! Только звездочки в html коде уберем!
А теперь рассмотрим, как найти ссылку на саму картинку, ведь с адресом страницы ВСЕ ясно!
Это зависит от места, где ваша картинка лежит:
1. Если она в вашем альбоме (на liveinternet), то щелкаем на картинку мышкой, грузиться, далее смотрим, под картинкой копируем Html код для вставки и заменяем им вторую половину кода (то что во вторых угловых скобочках).
2. Если она в вашем профиле на любом другом ресурсе (соц. сеть, сервис блогов и дневников), то щелкаем правой клавишей мышки и выбираем "копировать ссылку". Затем идем к шаблону и щелкаем правой клавишей мышки "вставить".
3. Если картинка находится на бесплатном хостинге картинок, то либо под картинкой берем Html ссылку, либо пользуемся пунктом номер два с "добыванием" ссылки на картинку.
(С) 2011 Putniza Strannaja.
Подписавшись, вы сможете получать мои статьи на свой е-mail адрес.
Подписку можно осуществить, щелкнув по баннеру мышкой.
Серия сообщений "Html для чайника":
Часть 1 - Как сделать картинку ссылкой в html. Кликабельные картинки.
Часть 2 - Окошечко
Часть 3 - Убрать текст под кат
Часть 4 - Рамочки для текста
Часть 5 - Гиперссылка
|
Страницы: [1] Календарь |