Записи Друзья Комментарии
Tanyusha100
Аватар Tanyusha100

 -Рубрики

 -Цитатник

Красивые надписи онлайн. Сервис для творчества. - (0)

Красивые надписи онлайн. Сервис для творчества. ОнЛайн создание красивых надписей. ОнЛай...

Легко и просто размещаем видео RuTube в своём блоге на Лиру. - (0)

Легко и просто размещаем видео RuTube в своём блоге на Лиру. Как выложить видео из Рутубе на ЛиРу...

Научите свою дочь этому! - (0)

Научите свою дочь этому! 50 вещей, которым нужно научить свою дочь Американка Gina Majors &...

С благодарностью к Богу. Текстовая рамочка от R-Оксаны. - (0)

С благодарностью к Богу. Текстовая рамочка от R-Оксаны Рамочка религиозная. Пока горят пред о...

Три зимних рамочки от Beauti_Flash - (0)

Три зимних рамочки от Beauti_Flash Бордюрные рамочки для текста № 104. Зима Понравился пост,...

 -Приложения

  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Photoshop online Photoshop onlineДля того чтоб отредактировать картинку совсем не обязательно иметь фотошоп на комьпьютере. Это можно сделать с помощью приложения online photoshop =)
  • Перейти к приложению Скачать музыку с LiveInternet.ru Скачать музыку с LiveInternet.ruПростая скачивалка песен по заданным урлам
  • Перейти к приложению Создание аватар Создание аватарСервис для создания аватар в режиме онлайн. Позволяет вырезать из большой фотографии свою мордочку и сделать из неё аватару :) Есть возможность сразу же установить аватару в качестве своей основной.

 -Помощь новичкам

Всего опекалось новичков: 51
Проверено анкет за неделю: 0
За неделю набрано баллов: 0 (88217 место)
За все время набрано баллов: 122 (6923 место)

 -

Радио в блоге
[Этот ролик находится на заблокированном домене]

Добавить плеер в свой журнал
© Накукрыскин

 -Метки

photoshop shaman авторская песня анимации анимация анимированные фоны библиотеки вебдизайн вера видео-клипы всё для блога всё для дома вторую жизнь вещам вышивка вяжем детям вязание вязание для детей вязание для женщин вязание крючком вязание на спицах вязание спицами вязаные воротники вязаные шапки гитара города десерт дети детские сайты дизайн достопримечательности досуг живопись жития святых журналы по вязанию закуски здоровье земля зима зимняя текстовая рамочка игровой онлайн портал игровые автоматы бесплатно без регистрации игровые автоматы онлайн интересное интернет для детей интерьер искусство история руси кайма календари картинки киево печерская лавра клипарт книги коллекции консервирование космос красивая рамочка для текста красивые музыкальные клипы красивые песни красивые песни о любви красивые стихи красота кружево крылатые выражения кулинария кулинарные рамочки кулинарные рецепты лекарственные растения лица любовь люди мода моделирование одежды мой дневник молитвы музыка музыка mp3 музыкальные архивы мысли мудрецов народная медицина наука не проходите мимо новости новый год о жизни осенняя текстовая рамочка открытки отношения оформление дневника песни о любви песни под гитару печём пироги плtйкасты платье плейкасты плэйкасты позитив полезные мелочи православие православная христианская вера праздники психология путешествия пэчворк развлечения рамки рамки для текста рамочка рамочка для стихов рамочка для текста рамочка кулинарная рамочка осенняя рамочка цветочная рамочки рамочки для текста редакторы релакс религии религия рецепты народной медицины россия рукоделие салаты самосовершенствование своими руками семья слово смотреть on-line спорт стиль страны схемы тайны языка текстовая рамочка текстовая рамочка от beautiflash текстовые рамочки темы узоры узоры спицами уроки фотошоп уроки шитья фоны фотоальбомы фотошоп футажи футажи gif цветы цитаты человек шаман шитьё школа школа шитья шьём платье шьём сами это интересно

 -Фотоальбом

Посмотреть все фотографии серии Весенняя палитра
Весенняя палитра
01:03 13.05.2015
Фотографий: 21

 -Я - фотограф

Замок коварства и любви

Любовь бывает порой коварна… Из уст – в уста передавалась известная и живущая по сей день история одной большой любви, граничащая с безумием… Такое порой случается и в наше время, поэтому история, давным-давно ставшая легендой, актуальна и сейчас, как среди молодёжи, так и среди видавших виды местных жителей КавМинВод… Кто знает как было дело?.. Однако, реальность нынешних дней - созерцание воочию тех мест, где родилась легенда, позволяет предположить, что так всё и случилось… Отправляясь в небольшое путешествие сюда, каждый раз вглядываешься в необычного вида природный ландшафт затерявшихся здесь среди холмов и скал… Дорога к Замку...Дорога к Замку...Пологие части склонов густо поросли лесным орешником… Причудливые пласты скал из древних крепких ещё плит нависают отовсюду вдоль дороги и это напоминает какое-то древнее разрушенное временем грандиозное строение, похожее на стены замка. ...Воображение мгновенно дорисовывает, придумывает… , как и во многих других местах Кавказских Минеральных Вод, природа дарит нам приятный нарзанный источник.. . Преклоняешься в душе перед такой её щедростью и величием…За источником ущелье поворачивает влево, где открывается вид на замок, созданный природой.

 -Поиск по дневнику

Поиск сообщений в Tanyusha100

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 04.04.2012
Записей:
Комментариев:
Написано: 22408


Разбираем код таблиц css для рамочки с картинками.

Суббота, 25 Февраля 2023 г. 10:27 + в цитатник
Цитата сообщения Юлия_Гурбер
Прочитать целикомВ свой цитатник или сообщество!
Разбираем код таблиц css для рамочки с картинками.
Рамки, украшенные картинкой.

С помощью CSS можно сделать вот такие лёгкие симпатичные рамки с картинкой слева, либо справа от текста.
Не буду вдаваться в подробности, как их собрать с нуля, а поясню самое необходимое. Под каждой рамкой стоит готовый код шаблона.

Ваша картинка будет располагаться слева от текста. При заполнении рамки текстом последний будет обтекать картинку. Если картинка большого размера, то и запись должна быть объёмной, иначе часть изображения выпадет за границы рамки, поскольку за разворот рамки отвечает именно текст.

Ваша подпись


Ваш текст будет располагаться слева направо. При заполнении им рамки текст будет обтекать картинку. Если картинка большого размера, то и запись должна быть объёмной, иначе часть изображения выпадет за границы рамки, поскольку за разворот рамки отвечает именно текст.

Ваша подпись


Рассмотрим, что можно менять внутри рамки.

Итак, ищем строку "img src="ВАША КАРТИНКА" style="float: right; margin: 0px 0px 15px 15px" и аккуратно вставляем адрес изображения.
Атрибут margin: 0px 0px 15px 15px в этой строке — это 4 отступа вокруг изображения в пикселях:
Первая цифра — верхний отступ,
Вторая цифра — правый отступ,
Третья цифра — нижний отступ,
Четвёртая цифра — левый отступ.

За ним в следующей строке видим настройку самого текста:
font-family: Georgia; — это стиль шрифта,
color:#000000; — цвет шрифта,
font-size: 18px; — размер шрифта.

Теперь рассмотрим рамку. Нас интересует самая верхняя строка. Всё по-порядку:

background-color: #F4FC03; — это цвет внутри рамки,
border: 3px #00B344 ridge; — это ширина (3px) бордюра и его цвет (#00B344),
width: 650px; — это ширина нашей рамки, и, наконец,
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
Это четыре внутренних отступа от края рамки (бордюра) до текста.

Подготовила для вас Юлия Гурбер
Рубрики:  оформление дневника,/рамки,
Метки:  
Нравится

Комментировать — К дневнику — Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку


О проекте