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

 -Интересы

 -Статистика

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

Выбрана рубрика делаем рамки.


Соседние рубрики: эпиграфы(14), Части ФШ рамок(2), часики(108), фракталы(39), фотоальбомы(7), фоны, уроки(1), фоны, ссылки(2), фоны цветочные(18), фоны футажи(31), фоны прозрачные(14), фоны пасхальные(11), фоны однотонные(27), фоны новогодние(41), фоны картинки(19), фоны глиттеры (67), фоны валентинки(4), фоны бесшовные(116), фоны(54), таблица цветов(10), схемы(109), ссылки(8), слайд-шоу(9), рамки-скетчи(13), Рамки для фото(5), рамки для текста(735), Рамки " С днём рождения"(200), рамки(74), работа с картинками(43), прокрутки(8), подписываем картинку(15), плееры (182), пишем красиво(81), переводчик(4), оформляем пост(68), окошки(5), обрезаем видео.(7), мои закладки(14), курсоры(5), захват с экрана(4), для ЖЖ(17), делаем таблицу(10), делаем клипарт(1), Гостевая в блог(3), вставляем музыку(127), всё для "мой мир"(3), видео рамки(62), бродилки(18), баннеры, кнопочки(51)

Другие рубрики в этом дневнике: юбилеи, праздники(521), фотошоп(522), программы(200), полезности(225), плэйкасты(78), мой мир(1620), мои работы(988), мир вокруг нас(1359), клипарты(2926), все для днева(2515), (0), (0)
Нравится

Набор рамочек с разрывом (можно вставлять фон)
Воскресенье, 05 Сентября 2021 г. 16:48 + в цитатник
Это цитата сообщения Lyusya-Spring [Прочитать целиком + В свой цитатник или сообщество!]

Набор рамочек с разрывом (можно вставлять фон)

Рамочка с внешней тенью
***Картинка в разрыве***
***Здесь будет Ваш текст***





Рамочка без тени
***Картинка в разрыве***
***Здесь будет Ваш текст***





Рамочка с внутренней тенью
***Картинка в разрыве***
***Здесь будет Ваш текст***



Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

Рамки, украшенные картинкой от Юлия_Гурбер
Среда, 29 Мая 2019 г. 17:13 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Рамки, украшенные картинкой

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

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

Ваша подпись


Смотрим дальше
Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

Стильные рамки (блоки) от Юлия_Гурбер
Среда, 29 Мая 2019 г. 17:10 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Стильные рамки (блоки)

Недавно заинтересовалась CSS (Cascading Style Sheets) — каскадные таблицы стилей.
Можно ли, не будучи веб-дизайнером, научиться разбираться в этом сложном наборе
параметров? Для чего? Ну, хотя бы для того, чтобы с помощью языка CSS создавать
блоки (рамочки), где будут размещаться текст, картинки или что нашей душе угодно.
Поэкспериментировала с кодами и получила вот такие стильные, лёгкие блоки.

Под каждым стоит его код. Можно менять размер (атрибут width: 650px), цвет фона,
обводок, чтобы получить разные по цветовому исполнению блоки.
Обозначение цвета: #ABEDF7, просто оставляем решётку #, убираем ABEDF7,
и ставим свой цвет.

Здесь будет ваш текст

Ваша подпись


Смотрим дальше

Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

Фоновое изображение в рамке. Ч. 1 от Юлия_Гурбер
Среда, 29 Мая 2019 г. 16:28 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Фоновое изображение в рамке. Часть 1

На этот раз хочу поделиться более сложными шаблонами, в которых можно не только менять цвет фона, но и сделать фоном изображение.
В представленной рамке фон-изображение вставляется в верхний слой снаружи.

Здесь будет ваш текст

Ваша подпись


Объяснительная часть
Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

КАК СДЕЛАТЬ БОРДЮРНУЮ РАМКУ от Violetta_Leblan
Понедельник, 13 Мая 2019 г. 18:46 + в цитатник
Это цитата сообщения Violetta_Leblan [Прочитать целиком + В свой цитатник или сообщество!]

КАК СДЕЛАТЬ БОРДЮРНУЮ РАМКУ

 

 

 

 

 

 

 

Сделать такую рамку совсем не сложно. В окошке копируем код рамки

Вставляем код в окно добавления записи в HTML-формате


Теперь идём за фонами. Выбираем понравившийся фон-бордюр вертикальный
и копируем его к себе на компьютер 
 
 
Идём на ФОТОХОСТИНГ и загружаем фон, копируем код №1

ФОТОХОСТИНГ

Какой куда фон вставлять в формуле, вы поймёте, так как в формуле всё указано 
 
 

С.Мизильской

 

Letta_Leblan
Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

Рамка в 3 слоя с бордюром. Делаем сами.
Четверг, 01 Ноября 2018 г. 11:48 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Делаем Рамку в 3 слоя фона с бордюром.

Продолжаем учится делать рамочки.
Вот так она будет выглядеть.Это рамочка в три слоя фона.
Два однотонных и один красивый цветочный слой фона.
А первый слой рамки это бордюрчик.
Внизу я даю КОД "СКЕЛЕТИКА" чтобы вы сделали рамку САМИ.
Делаем рамку ,на свой вкус, так:
Можно фоны взять у меня на Я.ру.Вот ЗДЕСЬ.
Заходим и выбираем фон.НАШЛИ—НАЖАЛИ на него.
Затем находим надпись—Код для вставки на сайт или в блог.
нажали и скопировали где написано— Ссылка на фотографию.
В коде "СКЕЛЕТИКА" где написано 1,2,3СЛОЙ ФОНА.
Внутрь кавычек.Кавычки не трогаем.Вставляете эту ССЫЛКУ.
Если хотите с компа через Лиру-тогда ОБЗОР...
И дальше помотреть можно ЗДЕСЬ.
После 1СЛОЯ фона нашли тег... style="padding:50px"...
"padding:50px"—Это ШИРИНА ЛЮБОГО СЛОЯ ФОНА
—Цифры можно менять по своему вкусу..
Где написано ВАШ ТЕКСТ— Пишите свой текст.
Где написано ССЫЛКА НА ВАШ ДНЕВНИК
и ВАШ НИК—Пишите свой НИК.
Посмотреть как сделать ССЫЛКУ на ваш дневник
и НИК можно ЗДЕСЬ.
Ещё в этом коде можно поменять цвет и размер края рамки её БОРДЮР.
Находим в начале кода тег...="border:10px solid #660000"...
border:10px—Это размер бордюра его ШИРИНА.
Цифру меняйте на свой вкус.
solid #660000"—Это СТИЛЬ БОРДЮРА.
У меня он сплошной.Найти нужный стиль вам можно ЗДЕСЬ.
А цифры—его ЦВЕТ.Названия цвета можно выбрать ЗДЕСЬ.
Вот и всё ВАША рамочка готова.
Пробуйте,экспериментируйте на здоровье.
SvetlanaT

КОД "СКЕЛЕТИКА" РАМКИ.
Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

Рамочки - линии для выделения текста
Четверг, 01 Ноября 2018 г. 11:18 + в цитатник
Это цитата сообщения Шадрина_Галина [Прочитать целиком + В свой цитатник или сообщество!]

Рамочки - линии для выделения текста

0_987c4_60480c65_orig.png
Рамочки линии. Такие простые рамочки можно ставить, если просто хочется как-то выделить весь пост, или только самую важную часть его, при этом фон останется ваш.
1200490775671443952 (1).jpg В рамочку можно вставлять все, что вам захочется, то есть весь ваш пост. Коды каждой такой рамочки внутри конкретной рамки.
Копируйте их, и ставьте в свои записи в Простом редакторе..
Там где написано ВАШ ТЕКСТ- Вставляете свой текст.


0_987c4_60480c65_orig.png



Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
Часть 3 - Рамочки - линии для выделения текста
Часть 4 - БРОДИЛКА ПО САЙТАМ одноразовая e-mail электронная почта
Часть 5 - Разлиновка — шаблоны разлинованных листов всех форматов.
...
Часть 28 - Вставляем картинки в свои сообщения
Часть 29 - Справочник html по изображениям
Часть 30 - Как сохранить гифку из Одноклассников


Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

Рамка КАРТИНКА как ФОН
Среда, 31 Октября 2018 г. 16:29 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Рамка КАРТИНКА как ФОН.


Пример такой рамочки,как она будет выглядеть.
Можно брать любую КАРТИНКУ -jpg или gif-(блестящую).
Взять картинку или фон можно ЗДЕСЬ.
Внизу я даю КОД "СКЕЛЕТИКА" и вы делаете рамку САМИ.
Делаем рамку ,на свой вкус, так:
Заходим и выбираем картинку.НАШЛИ—НАЖАЛИ на неё.
Дальше внизу В ДРУГОМ РАЗМЕРЕ
-выбрали нужный размер картинки.
Потом эти размеры поменяете в КОДЕ РАМКИ на свои.
..."WIDTH: 780px;ШИРИНА картинки HEIGHT: 600px"ВЫСОТА...
Затем находим надпись—Код для вставки на сайт или в блог.
нажали и скопировали где написано— Ссылка на фотографию.
В коде "СКЕЛЕТИКА" где написано КАРТИНКА— ФОН.
Внутрь кавычек.Кавычки не трогаем.Вставляете эту ССЫЛКУ.
Если хотите с компа через Лиру-тогда ОБЗОР...
И дальше помотреть можно ЗДЕСЬ.
Где написано ВАШ ТЕКСТ— Пишите свой текст.
Где написано ССЫЛКА НА ВАШ ДНЕВНИК
и ВАШ НИК—Пишите свой НИК.
Посмотреть как сделать ССЫЛКУ на ваш дневник
и НИК можно ЗДЕСЬ.
Вот и всё ВАША рамочка готова.
Пробуйте,экспериментируйте на здоровье.

SvetlanaT


Код "СКЕЛЕТИКА" к этой рамке.
Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

Простые рамочки.Делаем сами
Вторник, 30 Октября 2018 г. 12:32 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Простые рамочки.Делаем сами.

Самые простые рамки для дневничка.
Один нюанс в разных браузерах она выглядит по разному.
1.ВАРИАНТ РАМКИ БЕЗ ФОНА.
Эта рамочка просто красивая обводка вокруг текста.
Правда в разных браузерах она выглядит по разному.
В коде ,где написано ВАШ ТЕКСТ—Пишите свой текст.
Копируйте код и вставляйте к себе в дневник в Простом редакторе.

КОД ПРОСТОЙ РАМКИ.
ЗДЕСЬ ЕЩЁ РАМОЧКИ...
SvetlanaT
Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

Фигурная рамка в 1 слой
Вторник, 30 Октября 2018 г. 12:31 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Рамка в ОДИН слой.





Это простая,но оригинальная рамка
состоит всего из одного слоя.
Нужно только подобрать необычный
фон для неё.
Делаем рамку,на свой вкус, так:
Если через Я.ру.
Заходим и выбираем картинку-фон.
НАШЛИ—НАЖАЛИ на неё.
Дальше внизу В ДРУГОМ РАЗМЕРЕ
-выбрали нужный размер картинки.
Потом эти размеры поменяете в
КОДЕ РАМКИ на свои.
..."WIDTH: 600px;ШИРИНА картинки
HEIGHT: 300px"ВЫСОТА...
Затем находим надпись—
Код для вставки на сайт или в блог.
нажали и скопировали где написано—
Ссылка на фотографию.
В коде "СКЕЛЕТИКА" где написано
КАРТИНКА— ФОН.
Внутрь кавычек.Кавычки не трогаем.
Вставляете эту ССЫЛКУ.
ЗДЕСЬ далее...


SvetlanaT


КОД "СКЕЛЕТИКА"рамки.
Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

Как вставить ПРОКРУТКУ в пост
Вторник, 30 Октября 2018 г. 12:16 + в цитатник
Это цитата сообщения M_i_K_a_z_Z_z [Прочитать целиком + В свой цитатник или сообщество!]

Как вставить ПРОКРУТКУ в пост

Как вставить ПРОКРУТКУ в пост.


Если Вы хотите добавить в свой пост много текста.Есть один вариант как это сделать, чтобы пост не занимал много места и его не нужно было убирать под КАТ.
Например как у меня в данном случае.Нужно просто вставить в пост прокрутку.

А теперь посмотрим из чего состоит прокрутка.
1.scrollbar-face-color - это цвет передней стороны панели прокрутки
2.scrollbar-shadow-color - это цвет нижней и правой граней панели прокрутки.
3.scrollbar-highlight-color - это цвет верхней и левой граней панели прокрутки
4.scrollbar-3dlight-color - это цвет отсвета.
5.scrollbar-track-color - это цвет полосы, по которой "ходит" панель прокрутки.
6.scrollbar-arrow-color - это цвет треугольника на верхнем и нижнем квадратах.
7.#FFFFFF - это коды цвета, которые можно менять.
Не обязательно использовать все теги.
Я использую только те при помощи которых можно поменять цвет прокрутки.

Чуть ниже можно скопировать код ПОСТА С ПРОКРУТКОЙ,
который Вы потом будете вставлять в свой пост.
В коде где написано. КОД КАРТИНКИ.
Загружаете картинку через Радикал фото.Код берёте под №1.
Меняете только размеры картинки width="480" height="280"
Если вставляете через Лиру тогда вам нужна только та часть кода,
что находится внутри кавычек.
(696x43, 11Kb)

Дальше! Там где написано РАЗМЕР ПРОКРУТКИ.
Меняем эту надпись на цифры размера КАРТИНКИ.
В моём случае height="280".
Тоесть вместо слов РАЗМЕР ПРОКРУТКИ я ставлю"280"
Это нужно для того чтобы прокрутка не вылезала за размеры картинки или не была меньше её.Хотя размер прокрутки можете делать любой.Так просто красивее.

Идём дальше.Где написано ФОН ДЛЯ ТЕКСТА.
можно поставить фон.
Так же через радикал фото код под №1.
Или через Лиру так же как мы вставляли код картинки.
В моём случае я не стала добавлять Фон для текста.

И самое основное.
Где написано ВАШ ТЕКСТ.
Пишите свой текст.
Но ПРОКРУТКА начинает появлятся тогда,когда написано много текста.
Вот и всё удачи вам в оформлении.

Код ПОСТ С ПРОКРУТКОЙ.

Серия сообщений "Разное":
Часть 1 - Коды оформления блога
Часть 2 - Как вставить ПРОКРУТКУ в пост
Часть 3 - Делаем баннер
Часть 4 - Ассорти новогодних ссылок
...
Часть 17 - Кнопочки-переходы для кулинарных постов. ►1◄
Часть 18 - Музыка ветра для сайта
Часть 19 - У щоденник
Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

Рамка с движущимся текстом
Вторник, 30 Октября 2018 г. 12:08 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Делаем простую Рамку с двигающимся текстом.

Я объясню вам, как можно сделать вот такую рамочку просто как фон к вашему посту.
Причём текст в вашей рамочке будет двигаться.
1. Скопировали код из окошка внизу под рамкой.
2.Вставляете код к себе в дневник в Простом текстовом редакторе.
рамка светланат (300x73, 12Kb)
Картинку перед текстом не ставьте иначе рамка будет глючить.
Сейчас я объясню поподробней обо всех тегах которые есть в этой рамке.
1.Находим в рамке тег: ...style="background:#FFCCFF;...—Это ФОН рамки.
А цифры—его ЦВЕТ. Названия цвета можно выбрать ЗДЕСЬ.
2.Теперь будем задавать
ЦВЕТ,ШИРИНУ И СТИЛЬ БОРДЮРА РАМКИ.
Находим теги,отвечающие за это:
...border-right:#CC00CC 20px solid;....
...border-right:...—Бордюр справа.
...border-top:...—Бордюр вверху.
...border-left:...—Бордюр слева.
...border-bottom:...—Бордюр внизу.
...#CC00CC...—Цвет бордюра—Цифры меняем на нужный вам цвет.
...20px...—Ширина бордюра—Цифры меняем на нужные вам.
...solid...—Стиль бордюра.Так же можно поменять по желанию.
Найти нужный стиль вам можно ЗДЕСЬ.
3.Идём дальше.Находим в коде тег:
...scrollamount="1" ...—По простому это СКОРОСТЬ с которой будет двигаться ваш текст.Чем ЦИФРА БОЛЬШЕ тем скорость быстрее.
4.Находим тег:
...scrolldelay="180"...—Этот атрибут задаёт временной интервал между шагами бегущей строки.
Чем ЦИФРА БОЛЬШЕ тем медленней будет двигаться ваш текст.
5.Теперь главное.
Размеры всей рамки. У меня она...width="600" height="300"...
...width="600"...—Ширина рамки.
...height="300"...—Высота рамки.
Решаете по вашему желания,какую захотите,можно сделать как у меня большую,
а можно и совсем маленькую.
ДОБРО ПОЖАЛОВАТЬ В ГОСТИ!

SvetlanaT

6.Идём дальше.
...font color="000000"...—ЦВЕТ ТЕКСТА.
Меняете цифры нанужный вам цвет.Взять цифровой код (смотим выше).
7.Теперь с какой стороны вы хотите чтобы стоял текст.
Тег:...div align="center"...—Текст по центру.
...left...—Текст слева.
...right...—Текст справа.
Где написано ВАШ ТЕКСТ— Пишите свой текст.
Где написано ССЫЛКА НА ВАШ ДНЕВНИК
и ВАШ НИК—Пишите свой НИК.
Посмотреть как сделать ССЫЛКУ на ваш дневник
и НИК можно ЗДЕСЬ.
Вот и всё ВАША рамочка готова.
Успехов вам в оформлении.

SvetlanaT

КОД РАМКИ.
Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

Два шаблона рамок
Воскресенье, 28 Октября 2018 г. 23:17 + в цитатник
Это цитата сообщения Nayada-vera [Прочитать целиком + В свой цитатник или сообщество!]

m.luba-7
 






Доброе время суток друзья!
Сегодня мы рассмотрим с вами
два шаблона рамок (посложнее).
читаем дальше здесь:
Пишите если будут затруднения.
Вместе разберемся.
С НАСТУПАЮЩИМ ВСЕХ РОЖДЕСТВОМ!!!!

 

 

Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

шаблон вот такой простой рамки вокруг картинки и текста, рамка с заголовком.
Воскресенье, 28 Октября 2018 г. 23:14 + в цитатник
Это цитата сообщения Nayada-vera [Прочитать целиком + В свой цитатник или сообщество!]

m.luba-7




Здравствуйте, сегодня я выставлю шаблон вот такой простой рамки вокруг картинки и текста, рамка с заголовком.
Я тут на обум написала и поставила первую попавшуюся картинку,
чтоб вы имели представление о чем идет речь:ЧИТАТЬ ДАЛЬШЕ
Когда ставите свои данные - НЕ должно
образовываться лишних пробелов,
особенно между ковчками и вашими
вставленными данными.
Вот и все!
Дерзайте.
Удачи вам!!!


Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

шаблоны кодов фона и рамок.
Воскресенье, 28 Октября 2018 г. 23:06 + в цитатник
Это цитата сообщения Nayada-vera [Прочитать целиком + В свой цитатник или сообщество!]

m.luba-7





Здравствуйте друзья, знакомые и просто мимо проходящие!

Сегодня выкладываю вам код КАРТИНКА МЕЖДУ ДВУМЯ ТЕКСТАМИ.
Делаете так:
продолжение тут:
Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

Делаем рамки
Воскресенье, 28 Октября 2018 г. 22:32 + в цитатник
Это цитата сообщения Nayada-vera [Прочитать целиком + В свой цитатник или сообщество!]

m_luba-7



Привет!!
сегодня, по просьбе друзей выставляю шаблон
рамки, которую недавно придумала
(и на которой сейчас пишу).
Суть здесь состоит вот в чем:
читай дальше...
Вот и все!!!
Удачи!!!



рамки от m.luba-7
Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

Рамка с КАРТИНКАМИ-ЛИНЕЕЧКАМИ.
Воскресенье, 28 Октября 2018 г. 21:32 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Рамка с КАРТИНКАМИ-ЛИНЕЕЧКАМИ.

Я сделала вот такую рамочку.
Кому она нравится могу научить вас её делать.
Рамочка оригинальная, так как мы берём вместо фона ЛИНЕЕЧКУ.
Взять ЛИНЕЕЧКИ можно ЗДЕСЬ.
Внизу я даю КОД "СКЕЛЕТИКА" и вы делаете рамку САМИ.
Делаем рамку ,на свой вкус, так:
ЗДЕСЬ далее...

SvetlanaT

КОД "СКЕЛЕТИКА" РАМКИ.
Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

Рамочки с закруглёнными углами
Воскресенье, 14 Октября 2018 г. 21:15 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Рамочки с закруглёнными углами


Хотите за 5 минут собрать простенькую, но очень симпатичную рамку
для текста? Например, такую:

Здесь будет ваш текст
-------

Или такую:

Здесь будет ваш текст
-------

Тогда смотрим и берём на заметку.
Смотрим дальше

Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

Стильные рамки (блоки)
Воскресенье, 14 Октября 2018 г. 21:08 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Стильные рамки (блоки)

Недавно заинтересовалась CSS (Cascading Style Sheets) — каскадные таблицы стилей.
Можно ли, не будучи веб-дизайнером, научиться разбираться в этом сложном наборе
параметров? Для чего? Ну, хотя бы для того, чтобы с помощью языка CSS создавать
блоки (рамочки), где будут размещаться текст, картинки или что нашей душе угодно.
Поэкспериментировала с кодами и получила вот такие стильные, лёгкие блоки.

Под каждым стоит его код. Можно менять размер (атрибут width: 650px), цвет фона,
обводок, чтобы получить разные по цветовому исполнению блоки.
Обозначение цвета: #ABEDF7, просто оставляем решётку #, убираем ABEDF7,
и ставим свой цвет.

Здесь будет ваш текст

Ваша подпись


Смотрим дальше

Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

Фоновое изображение в рамке. Часть 1
Воскресенье, 14 Октября 2018 г. 21:07 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Фоновое изображение в рамке. Часть 1

На этот раз хочу поделиться более сложными шаблонами, в которых можно не только менять цвет фона, но и сделать фоном изображение.
В представленной рамке фон-изображение вставляется в верхний слой снаружи.

Здесь будет ваш текст

Ваша подпись


Объяснительная часть
Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

Рамки оригинальные
Воскресенье, 14 Октября 2018 г. 21:05 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Рамки оригинальные

Такие вот оригинальные рамки (блоки) увидела на одном сайте.

Здесь будет ваш текст

Ваша подпись



Смотрим дальше
Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

Обводка внутри рамки
Воскресенье, 14 Октября 2018 г. 21:00 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Обводка внутри рамки (блока)

Хочу представить вам вот такую симпатичную рамку с пунктирной обводкой внутри.
Не правда ли, похоже на прошивку? Этим можно играть, подбирая тканевые цвета. Например, голубой (чем не джинс?)



Смотрим дальше
Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

Рамочки с разными краями
Среда, 10 Октября 2018 г. 17:33 + в цитатник
Это цитата сообщения ka82 [Прочитать целиком + В свой цитатник или сообщество!]

Рамочки с разными краями

Чтобы видеть как получается сразу: https://ida-freewares.ru/see-html.html
Цветовая палитра https://www.liveinternet.ru/users/ka82/post98160799/



ВАШ ТЕКСТ 1
1

ВАШ ТЕКСТ 2
Смотрим и выбираем
>>>>>>>
Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

Учимся делать рамки. Урок 3
Четверг, 04 Октября 2018 г. 17:55 + в цитатник
Это цитата сообщения bloginja [Прочитать целиком + В свой цитатник или сообщество!]

Учимся делать рамки. Урок 3



Рамка с картинкой сверху.












ЗАГОЛОВОК


ТЕКСТ
Bloginja



В предыдущих уроках для создание рамки мы использовали тег table и его стилевые значения. Но здесь мы его заменим. Вместо table будем использовать элемент div.


Открываем редактор и начинаем писать

Читать дальше...

А так она будет выглядеть







ТЕКСТ




Урок 1
Урок 2
Урок 3

bloginja



Серия сообщений "рамки":

Часть 1 - Рамка к Пасхе.
Часть 2 - Душевная музыка. Светлана Копылова.
...
Часть 7 - Музыкальный альбом Горячий шоколад
Часть 8 - Учимся делать рамки. Урок 2.
Часть 9 - Учимся делать рамки. Урок 3
Часть 10 - Рамки для постов
Часть 11 - Вставить рамку в пост
Часть 12 - Рамка "Светлой пасхи"


Рубрики:  все для днева/делаем рамки

Метки:  
Нравится

Учимся делать рамки.
Четверг, 04 Октября 2018 г. 17:53 + в цитатник
Это цитата сообщения bloginja [Прочитать целиком + В свой цитатник или сообщество!]

Учимся делать рамки. Урок 2.




Учимся делать рамки. Урок 2.
Сегодня хочу рассказать, как сделать рамки с закруглёнными углами.

С помощью атрибута

border-radius

можно делать рамки разных форм.



К примеру, такую:




или такую:




или такую:



Читать дальше...
Ну вот как-то так... Здесь ещё много нюансов можно описывать, но для начинающих и этого пока хватит.
Что не понятно или что-то хотелось бы узнать, пишите в комменты.

bloginja





Серия сообщений "рамки":

Часть 1 - Рамка к Пасхе.
Часть 2 - Душевная музыка. Светлана Копылова.
...
Часть 6 - Учимся делать рамочки
Часть 7 - Музыкальный альбом Горячий шоколад
Часть 8 - Учимся делать рамки. Урок 2.
Часть 9 - Учимся делать рамки. Урок 3
Часть 10 - Рамки для постов
Часть 11 - Вставить рамку в пост
Часть 12 - Рамка "Светлой пасхи"


Рубрики:  все для днева/делаем рамки

Метки:  
Комментарии (13)
Нравится

Обещанный урок по рамке.

Дневник
Четверг, 24 Ноября 2016 г. 00:05 + в цитатник

   Дорогие друзья, как я  обещала пишу урок по составлению формулы рамочек, не фотошопных разрезных, а рамочек по формулам.

Много просмотрела в инете материала и нашла кое-что

А)  Формулы состоят из слоёв.

Б)  Нашла как их правильно соединять в формулу.

В)  Пока делала сама и вам расскажу о формуле с начальным тегом  <div>  и закрывающим тегом  </div >

      Итак:

3537344__1_ (611x70, 4Kb)Р 

3537344_Snimok_2_ (663x267, 42Kb)

Рабочие формулы в окошке

 

А ТЕПЕРЬ НАЧИНАЕМ ТВОРИТЬ.

   Например, сделаем рамочку из 3-х слоев с картинкой и текстом Первые два слоя будут бордюры, третий слой – фон под картинку  и текст.

Шаг %1.  Копируем слой рамки и вставляем к редактор 3 раза (так мы эту рамку делаем), вставлять слой за слоев впритык, не с новой строки каждый сдой,

Шаг №2  Туда же добавляем слой для картинки и текста.   Здесь такие тонкости:

а) удаляем слова «ваш текст» и пишем формулу   <center><pre></pre></center>  и между   preвставляем стих, если это просто текст, то  preне нужен. Если текста на фоне не будет видно, вам надо поменять цвет  (color), вставляем новый цвет во всех слоях, я не знаю почему во всех, но только тогда срабатывает

б)  стираем слово «картинка» и вставляем формулу для вставки изображения

   А теперь надо в конце написать закрывающий тег столько раз, сколько слоёв, если вы забыли сколько их, посмотрите сколько начальных тегов столько же написать в конце всей формулы.

   Заполняем формулу:

В слоях вставляем фоны (между ковычками, ковычски не удалять, я беру ссылку на картинку так: правой на картинку и там «копировать адрес изображения» не ссылку, а адрес

   Если у на 3 слоя до картинки, то третий слой будет под картинку и текст

     Вставляем картинку и текст.

Теперь делаем ширину бордюров, padding   нужно изменять от 15 до 50, редактируйте в черновике, пока будет то, что вы хотите.

 

    Следующий пост будет на более сложную рамочку. 

 

БУДЕТ ТАКАЯ РАМКА

Рубрики:  все для днева/делаем рамки

Метки:  
Комментарии (0)
Нравится

Рамочка с разрывом.
Вторник, 22 Ноября 2016 г. 21:48 + в цитатник
Это цитата сообщения Егорова_Таня [Прочитать целиком + В свой цитатник или сообщество!]

Рамочка с разрывом.

РАМОЧКА С РАЗРЫВОМ


Как то уже давненько не встречала рамок, в которых есть рамочка с разрывом. Но тут мне о них напомнила falconet-n. Благодаря ей и появился этот урок. На фоне показаны несколько примеров таких рамок.


Простая рамочка



Выпуклая рамочка


Рамочка с круглыми углами


Рамочка с тенью


Рамочка с заданной шириной
урок провела Егорова Таня


Читать далее
Рубрики:  все для днева/делаем рамки

Метки:  
Комментарии (0)
Нравится

РЕЦЕПТИКИ из КУРИНОЙ ГРУДКИ
Воскресенье, 20 Ноября 2016 г. 22:00 + в цитатник
Это цитата сообщения Ваша_ТАНЯ_идущая_по_Судьбе [Прочитать целиком + В свой цитатник или сообщество!]

РЕЦЕПТИКИ из КУРИНОЙ ГРУДКИ

Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!

РЕЦЕПТИКИ из КУРИНОЙ ГРУДКИ:

...take_example

Рубрики:  все для днева/делаем рамки

Метки:  
Комментарии (4)
Нравится

Делаем рамочку с картинками
Воскресенье, 20 Ноября 2016 г. 20:25 + в цитатник
Это цитата сообщения MANGIANA [Прочитать целиком + В свой цитатник или сообщество!]

Делаем рамочку с картинками

ИЗГОТОВЛЕНИЕ РАМОЧКИ.
УРОК №8

Ну что ...давно вы не читали моих уроков и не учились новому...То что вы проделываете со своими рамками -похвально...Вижу что я вас многих чему то научила...Умнички..У некоторых даже свой стиль "образовался" И это похвально....потому что узнаваемо))))А сегодня мы поговорим еще о рамочках...Я уже насмотрелась на мигание ...мерцание....блескучести и тому подобное и вот решила вас немного в другое русло "повернуть"..А вдруг вам спокойствие и классика понравится больше чем авангард и анархизм))))Для начала скажу....что при этих формулах не надо искать и подбирать такие разные и многообразные фоны , а надо всего-навсего иметь таблицу цветов под рукой....и формулу =шаблон слоя рамки (как обычно) А все остадльное это ваша фантазия...
Итак.....приступим...

(смотреть здесь)

Серия сообщений "Шаблоны":
Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - Flash-uploader
Часть 3 - Делаем рамочку с картинками
Часть 4 - Делаем 2-х слойную рамочку с применением фона и кода цвета
Часть 5 - Обводка текста рамочкой
...
Часть 36 - ЖЖ-теги: шпаргалка. ( Кат, ссылки, форматирование текста и другое )
Часть 37 - Интересное слайд-шоу в ваш дневник
Часть 38 - Шаблон двухслойной рамочки с фонами // для Милена_Свободова //

Серия сообщений "Создание рамочек":
Часть 1 - Делаем рамочку с картинками
Часть 2 - Делаем 2-х слойную рамочку с применением фона и кода цвета
Часть 3 - Обводка текста рамочкой
...
Часть 11 - Создание различных рамок в Фотошопе
Часть 12 - Генераторы!!! Четыре в одном!
Часть 13 - Шаблон двухслойной рамочки с фонами // для Милена_Свободова //
Рубрики:  все для днева/делаем рамки

Метки:  

 Страницы: [3] 2 1

О проекте