Создание рамочек без знаний html всего за пару минут |
![]() ![]() ![]() ![]() |
Серия сообщений "Шпаргалки":
Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 19 - Рамочки с флагом своей страны.
Часть 20 - Справочник по основным тегам HTML.
Часть 21 - Создание рамочек без знаний html всего за пару минут
Метки: Создание рамочек без знаний html |
Рамка для видео |
Ваш код видео с ЮтУба |
Метки: рамки |
и снова рамки! |
Метки: рамки |
Рамка |
Шумит, звенит ручей лесной, Лиясь блистающим стеклом Вокруг ветвей сосны сухой, Давно, как гать, лежащей в нем. Вкруг темен лес и воздух сыр; Иду я, страх едва тая... Нет! Здесь свой мир, живущий мир, И жизнь его нарушил я... Вдруг всё свершавшееся тут Остановилося при мне, И все следят за мной и ждут, И злое мыслят в тишине; И точно любопытный взор Ко мне отвсюду устремлен, И слышу я немой укор, И дух мой сдавлен и смущен. 1821-1897 Аполлон Майков |
Метки: рамки |
День смеха! Код повёрнутой рамки |
Метки: Код повёрнутой рамки |
Рамки + код |
Дневник |
Метки: рамки |
CssRound.com-генератор рамочек |
CssRound.com-генератор рамочек.
Код рамки на 2 контейнера
<center> <div style="box-shadow:1px 2px 7px black,-2px -2px 1px white,-2px -2px 7px white;border:2px inset #00000;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:1em;padding:10px;background-image:url('АДРЕС КАРТИНКИ');width:80%;"> <div style="box-shadow:2px 2px 7px black,-2px -2px 7px black,-2px -2px 7px black;border:2px inset #000000;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:1em;padding:15px;background-image:url('АДРЕС КАРТИНКИ');width:96%;"> <center> <br /> <div align="center"> <span style="font-family:Monotype Corsiva;color:#EFB600;font-weight:Extra-Bold;font-size:42px;text-shadow: 5px -2px 2px #000000,6px -3px 3px #000000;"> Ваш текст </span></span><br /> <br /> ВАША ПОДПИСЬ </center> </center> </div> </center> </div> </center> </div> </center>
Метки: генератор рамочек |
Рамки для видео |
Для того, что в рамках красиво смотрелся любой видеоклип, его размер нужно установить не больше рамки.
В любом коде соответствующего видео есть размер указывающий ширину и высоту видео.
Например вот так- flash=600,450,http......
Вот эти размеры и надо регулировать.
Желаю Вам успехов! Спасибо за комментарии.
|
|
|
|
|
|
Метки: рамки для видео |
РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА |
Дневник |
Многие спрашивают, как сделать рамочку с круглыми углами?
ЕгороваТатьяна уже разьясняла,как это делается: тут
Немного дополню её, в своём маленьком уроке
По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.
Рассотрим,из чего же состоит наша формула
Это часть нашей формулы, один "контейнер" (их может быть несколько)
<div style="box-shadow:12px 8px 7px #FF533E,18px -3px 2px #2D20FF,-2px -2px 17px #00D80F;border:5px inset #3F1D00;border-radius:50px;padding:10px;background-image:url('АДРЕС ВАШЕЙ КАРТИНКИ');width:50%;"><center><br />ВАШ ТЕКСТ<br /><br />
Контейнер состоит из атрибутов:
"div style" - блочный элемент стилей
"box shadow" - эффект тени (красная, синяя, зелёная...ставить на Ваше усмотрение)
"border" - эффект бордюра : inset - цвет эффекта бордюра(чёрно серый)
"border-radius" - радиус скругления углов
Радиус скругления углов,можно задавать как 1 значением (для всех улов),
2 значениями (для 2 углов по диагонали), так и 4 углов (для каждого угла)
"padding" - внутренний отступ в элементе
"background-image" - фоновая картинка (адрес фоновой картинки)
"width" - ширина рамки (может быть выражена в % или же в px)
могут встречаться атрибуты:
"-webkit-box-shadow" - для отображения в старых версиях браузера Chrome,
"-moz-box-shadow" - для отображения в старых версиях браузера Mozilla Firefox,
"box-shadow" - для отображения во всех остальных браузерах.
Метки: РАМКИ С КРУГЛЫМИ УГЛАМИ |
Рамочка с прокруткой " Пернатые друзья." |
Дневник |
Метки: рамки |