-Цитатник

Без заголовка - (10)

Победа Ивана Грозного, которую запретили на века. Мало кто знает об этой битве. Почему? Победа ...

Поздравление от Любаши К ☺ - (4)

С Новым годом, мои друзья и подписчики! Серия сообщений "Мои коллажи-10": Часть 1 ...

Милоты вам на Лиру! - (20)

Олешек - поёт мой сын Андрей

Без заголовка - (12)

С Новым годом, любимый LiveInternet!!! Пусть Новый год звездой счастливой, Войдет в с...

Нужны ли нам "улучшения" на Лиру?... Ой ой...)) - (43)

Премьера Песни - наш ответ Valez на ремонт LiveInternet В связи с ремонтом Лиру и посто...

 -Всегда под рукой

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

Поиск сообщений в Егорова_Таня

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

 

 -Статистика

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


Рамка с круглыми углами. Без фотошопа!

Пятница, 28 Февраля 2014 г. 20:12 + в цитатник
РАМКИ С КРУГЛЫМИ УГЛАМИ


А здесь урок по таким же рамкам, но объемным (с тенями и разными углами)


Наверно многие, кто сейчас смотрит на рамку ниже, думают, что она сделана в программе Фотошоп...Нет. Она сделана с помощью html-кода, как обычные рамки с прямыми углами. Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю. Я дам "скелетик" кода такой рамки, чтобы подставляя свои фоны и параметры, вы могли без особого труда собрать свою рамочку и объясню как им пользоваться.

ИТАК.
Вот эти 2 заготовки ниже можно использовать в любых вариантах. Их можно использовать как самостоятельную рамку, а можно вставлять в прямоугольные рамки или в такие же рамки с закругленными углами, или в такие круглые рамки вставлять прямоугольные. Короче все зависит от вашей фантазии.

Заготовка 1
Здесь будет Ваш текст
Егорова Татьяна

Код готовой рамки-заготовки

Код "скелетика" рамки-заготовки


Заготовка 2
Здесь будет Ваш текст
Егорова Татьяна

Код готовой рамки-заготовки

Код "скелетика" рамки-заготовки


Кому понравились готовые рамки, можете взять их коды из окошка "Код готовой рамки".
Те, кто давно делает рамки легко разберутся. Для новичков расскажу подробнее.
Копируем код из окошка " Код "скелетика" рамки". Вставляем в свою новую запись. Мы видим вот такой, примерно, код.

1 (700x331, 232Kb)

Если добавить этот код в дневник, то кроме слов "Здесь будет Ваш текст" и "ВАША ПОДПИСЬ" вы больше НИ-ЧЕ-ГО не увидите. В код надо вставить свои изображения и параметры, чтобы стало видно рамку.

Смотрите на скрине ниже ЧТО отражают в рамке слова ОБВОДКА, ФОН 1, ФОН 2, РАЗМЕР УГЛОВ.
Вместо ОБВОДКА, ФОН 1, ФОН 2 вставляем URL своих изображений-фонов. Вместо РАЗМЕР УГЛОВ ставим цифру от 20 до 180. Меньше 20 закругление будет плохо видно. В моих рамках стоит 80.

Заменяете мои слова ЦВЕТ ШРИФТА на код нужного цвета, вместо РАЗМЕР ШРИФТА ставите нужную цифру. У меня стоит 20. Вместо АДРЕС ВАШЕГО БЛОГА вставляете ссылку на ваш блог, вместо ВАША ПОДПИСЬ вписываете свой ник или имя-фамилию.

2 (700x215, 129Kb)

Вы можете изменять, выделенные красным, значения на большие или меньшие для видоизменения рамки.

3 (700x220, 169Kb)

Добавляете вместо слов "Здесь будет Ваш текст" свой текст, видео, аудио, флеш, картинки - всё что захотите. Сохраняете.

Всё!

Примеры рамок.


Рамка 1
Здесь будет Ваш текст

Здесь будет Ваш текст
Егорова Татьяна

Код готовой рамки

Код "скелетика" рамки


Рамка 2
Здесь будет Ваш текст
Егорова Татьяна

Код готовой рамки

Код "скелетика" рамки


Рамка 3
Здесь будет Ваш текст
Егорова Татьяна

Код готовой рамки

Код "скелетика" рамки


Рамка 4
Здесь будет Ваш текст

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

Здесь будет Ваш текст
Егорова Татьяна

Код готовой рамки

Код "скелетика" рамки


Рамка 5

Вот такая рамочка получилась у меня после добавления картинок. Думаю их код можно усовершенствовать, а варианты рамок разнообразить. Испытала только на Лиру. Для Яру и других сайтов нужен другой код. Может кто-то сделает. Была бы рада посмотреть на ваши рамки, которые вы сделаете по этому уроку.

Удачи!
Егорова Татьяна

Код готовой рамки
Метки:  

Процитировано 393 раз
Понравилось: 187 пользователям

Моисеева_Надежда   обратиться по имени Пятница, 28 Февраля 2014 г. 20:20 (ссылка)
Танюша, какая красота! Возьмусь за этот урок. Огромное спасибо! Мне почему-то не приходят от тебя теперь уведомления, проверю свои настройки. Очень люблю твои уроки!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 16 Мая 2014 г. 08:53ссылка
Танечка, Добрый день, пробовала делать рамочки по скелету с одной обводкой, все получилось . разобралась с размерами, а вот сам фон у меня полуается частями , не без шовный ? Это зависит от самого фона или тоже проставлять размеры?спасибо1
Lana-Lanochka   обратиться по имени Пятница, 28 Февраля 2014 г. 20:24 (ссылка)
Спасибо, забираю с благодарностью!
Ответить С цитатой В цитатник
НАТО70   обратиться по имени Пятница, 28 Февраля 2014 г. 20:25 (ссылка)
Очень красивая рамочка!!!!Спасибо,Танюша!
Ответить С цитатой В цитатник
Егорова_Таня   обратиться по имени Пятница, 28 Февраля 2014 г. 20:25 (ссылка)
Надюш, может ты не подписана на этот мой дневник на Лиру. Посмотри.
Ответить С цитатой В цитатник
Надежда_Заломина   обратиться по имени Пятница, 28 Февраля 2014 г. 20:26 (ссылка)
Спасибо большое.Разберёмся.
Ответить С цитатой В цитатник
Nataliy55   обратиться по имени Пятница, 28 Февраля 2014 г. 20:27 (ссылка)
Спасибо за урок, хочется попробовать что-нибудь сотворить!
Ответить С цитатой В цитатник
Людмила_Мамонтова   обратиться по имени Пятница, 28 Февраля 2014 г. 20:27 (ссылка)
Спасибо за науку,Танюша!!!!
Ответить С цитатой В цитатник
Лариса_Виноградова   обратиться по имени Пятница, 28 Февраля 2014 г. 20:29 (ссылка)
Танечка,спасибо огромное!
Ответить С цитатой В цитатник
mimozochka   обратиться по имени Пятница, 28 Февраля 2014 г. 20:33 (ссылка)
Танюша классно!!беру урок попробую!!
Ответить С цитатой В цитатник
Nella__solneshko   обратиться по имени Пятница, 28 Февраля 2014 г. 20:34 (ссылка)
Танечка,спасибо огромное!
Ответить С цитатой В цитатник
Мечтающая_Ирина   обратиться по имени Пятница, 28 Февраля 2014 г. 20:35 (ссылка)
спасибо Танюша очень интересно
Ответить С цитатой В цитатник
Miledi1950   обратиться по имени Пятница, 28 Февраля 2014 г. 20:35 (ссылка)
Благодарю, Татьяна... понравилось очень, забрала себе кодик!
Ответить С цитатой В цитатник
БАБИРУСА   обратиться по имени Пятница, 28 Февраля 2014 г. 20:43 (ссылка)
Спасибо,Танюша!
Ответить С цитатой В цитатник
Afree   обратиться по имени Пятница, 28 Февраля 2014 г. 20:43 (ссылка)
Огромное спасибо!
Ответить С цитатой В цитатник
Svet-A-Lana   обратиться по имени Пятница, 28 Февраля 2014 г. 20:49 (ссылка)
Спасибо,Татьяна!!
Ответить С цитатой В цитатник
Марина_55   обратиться по имени Пятница, 28 Февраля 2014 г. 20:49 (ссылка)
Спасибо, Танечка!
Очень понравились рамочки!
Ответить С цитатой В цитатник
Mari_XXX   обратиться по имени Пятница, 28 Февраля 2014 г. 21:00 (ссылка)
Спасибо Танюша!!! очень интересный урок!!! Но у меня Опера и Гугл...правда в гугле углы тоже квадратные....Может что не так делаю...попробую еще раз повнемательнее почитать...вдруг повнзет...
Ответить С цитатой В цитатник
jzayka   обратиться по имени Пятница, 28 Февраля 2014 г. 21:05 (ссылка)
Спасибо,Вам,Таьяна!
В моей Опере не видны закругления.
В Хроме посмотрела.Понравилось.
Ответить С цитатой В цитатник
Ирина_Ченская   обратиться по имени Пятница, 28 Февраля 2014 г. 21:07 (ссылка)
Я в восторге! Попробую. Может и здесь научусь чему - нидь)) Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 28 Февраля 2014 г. 21:10ссылка
Покажи потом что получися
Егорова_Таня   обратиться по имени Пятница, 28 Февраля 2014 г. 21:08 (ссылка)
Mari_XXX, в Гугле видно круглые углы))
4 (700x638, 109Kb)
Ответить С цитатой В цитатник
Нина_Зобкова   обратиться по имени Пятница, 28 Февраля 2014 г. 21:12 (ссылка)
Спасибо Танечка,за полезный и очень интересный урок! Забираю с благодарностью!
Ответить С цитатой В цитатник
belorusochka-ja   обратиться по имени Пятница, 28 Февраля 2014 г. 21:17 (ссылка)
ТАНЮША,СПАСИБО!
Ответить С цитатой В цитатник
Tatiana_Ledneva   обратиться по имени Пятница, 28 Февраля 2014 г. 21:28 (ссылка)
Танечка, спасибо за полезный и интересный урок. Беру себе. Буду изучать .
Ответить С цитатой В цитатник
Schamada   обратиться по имени Пятница, 28 Февраля 2014 г. 21:28 (ссылка)
Танечка. милая. Потрясающий урок.. Для меня это сокровищница.. я всё не могла понять как можно без фотошопа сделать наподобие твоей.. Забираю с криком УРА! мне и моим девчонкам это незаменимый урок.
Ответить С цитатой В цитатник
Юля_Брагина   обратиться по имени Пятница, 28 Февраля 2014 г. 21:35 (ссылка)
Спасибо Танечка за урок, пошла трудиться
Ответить С цитатой В цитатник
ТБОБЫЛЁВА   обратиться по имени Пятница, 28 Февраля 2014 г. 21:40 (ссылка)
Татьяна, спасибо за урок!!! Беру с благодарностью!!!
Ответить С цитатой В цитатник
TatiRoss   обратиться по имени Пятница, 28 Февраля 2014 г. 21:44 (ссылка)
Благодарю и цитирую ! Очень понравился урок ,а рамочка в этом варианте неотразима .
Ответить С цитатой В цитатник
DED_c_B9ITKU   обратиться по имени Пятница, 28 Февраля 2014 г. 21:46 (ссылка)
...P/S зашёл с оперы, по вашим формулам и в опере все углы квадратные (опера старой версии 12.16)
Ответить С цитатой В цитатник
Перейти к дневнику
Комментировать К дневнику Страницы: [1] 2 3 4 5 6 [Новые]
 

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

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

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

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