Сделаем рамку с заголовком и закругленым уголком.
В лесу родилась елочка, В лесу она росла, Зимой и летом стройная, Зеленая была. Метель ей пела песенку: "Спи, елочка, бай-бай!" Мороз снежком укутывал: "Смотри, не замерзай!" Трусишка зайка серенький Под елочкой скакал. Порою волк, сердитый волк Рысцою пробегал. Чу! Снег по лесу частому Под полозом скрипит; Лошадка мохноногая Торопиться, бежит. Везет лошадка дровенки, А в дровнях старичок, [мужичок] Срубил он нашу елочку Под самый корешок. Теперь она, нарядная, На праздник к нам пришла И много, много радости Детишкам принесла.
Для этого понадобяться 2 рисунка, один для фона заголовка и рисунок уголка
[показать] - Фоновый рисунок заголовка высотой 25 пикселей и шириной в 1 пиксель
[показать] - рисунок уголка ширина и высота по 25 пикселей
Что бы сделать такую рамку понадобится 3 <DIV>. Один общий который задаст ширину рамки, один для заголовка рамки и див в котором разместится текст
Упрощенно это выглядит так
Полный вариант выглядит так. Для удобства я пронумеровал дивы 1,2,3
Первый див задает общую ширину рамка width 600px и добавляет бордер к рамке border: solid 1px #00000f;
Обратите внимание на то что высота второго дива задана явно и составляет height: 25px столько же сколько и высота фонового рисунка который задается в background
Остальные стили задают цвет фона, размер шрифта и тд.
Что бы скруглить уголок нужно поверх угла дива вывести рисунок скругленного уголка. Что бы вывести рисунок в нужном нам месте нужно к рисунку добавить стиль position: relative и параметрами top, left задать нужное нам место
Код с скругленым уголком выглядит вот так
Надеюсь многим он пригодится для творчества в своих дневничках . Удачи Вам друзья ! И так приступим .... Сразу пищу переменные для того чтоб было понятно за что они отвечают . Переменные: border:3px #ff0000 толщина рамки в пикселях и её цвет background-color: #ffff00 цвет фона рамки dashed -пунктир solid- непрерывная margin отступ от текста снаружи (если рамка находится внутри текста) padding -отступ текста от рамки внутри 1.
2 текст в рамке с цветным фоном 3
4
5
Текст можно расположить в любой части рамки Пользуясь таблицами цветов можно менять переменные цвета рамки например #000000 заменить на #33CC66 толщину бордюра тоже можно менять например с 3px на 10px (от 0 до 10 ) Но при переменной" 0 "рамка не видна . Надеюсь что всё понятно , удачи ! Возникнут вопросы задавайте . ссылка на таблицу цветов http://www.artlebedev.ru/tools/colors/ (их в интернете очень большое количество ) |
|
[показать]
[показать] Поскольку нам не нужно будет ждать уйму времени пока скачается программа с интернета, а затем, пока она установится. Как я ранее и сказал, для закачки и установки нашей программки для записи дисков понадобится парочка минут. Это только один и множества плюсов программки под названием BurnAware - именно о ней мы сегодня и говорим. Она умеет записывать как различные форматы CD и DVD дисков, так и ставшие мега популярными в последнее время Blu-ray диски. Для тех, кто не знает что такое Blu-ray диски - это специальный формат оптического носителя, который используется для записи с повышенной плотностью и хранения различных цифровых данных, в том числе и видео высокой чёткости. Минимальная ёмкость такого диска составляет 25 Гб. Помимо этого, программа с лёгкостью сможет создать для Вас практически любой ISO-образ. Итак, перейдём к самой установке и разберёмся как пользоваться этой полезной программкой.Вы когда нибудь задумывались, сколько процессов происходит в вашем компьютере во время его работы? Сколько он решает задач, сколько приложений и программ одновременно выполняется? Очень много! И не всегда выполняемые процессы нужны для задач, решаемых вами на компьютере в настоящее время. Но они выполняются и расходуют ресурсы, занимают память и как следствие — тормозят весь процесс, снижая эффективность работы. Для того, что бы этого не происходило, ненужные процессы нужно отключать. Но это очень кропотливый процесс, требующий еще и определенных знаний. Неопытному пользователю достаточно тяжело разобраться во всех технических сложностях. Если отключить какую-нибудь системную службу, то это может привести к нестабильной работе системы. Существует множество специальных, призванных оптимизировать работу компьютера. Но я хочу разогнать комп в один клик и бесплатно.
[450x220]
[500x300]
[показать]
[показать]
|
|
[показать]Слева - новый баннер женского клуба. Вот код этого баннера, будем благодарны, если установите у себя в дневнике (например, в приложении "Всегда по рукой", как у нас в блоге):
|