• Авторизация


Рамка с круглыми углами. Без фотошопа! 28-02-2014 20:12 к комментариям - к полной версии - понравилось!


РАМКИ С КРУГЛЫМИ УГЛАМИ


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


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

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

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

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

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


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

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

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


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

[700x331]

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

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

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

[700x215]

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

[700x220]

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

Всё!

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


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

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

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

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


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

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

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


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

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

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


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

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

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

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

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


Рамка 5
[310x95]

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

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

Код готовой рамки
вверх^ к полной версии понравилось! в evernote
Комментарии (225): вперёд» последняя»
Танюша, какая красота! Возьмусь за этот урок. Огромное спасибо! Мне почему-то не приходят от тебя теперь уведомления, проверю свои настройки. Очень люблю твои уроки!!!
Lana-Lanochka 28-02-2014-20:24 удалить
Спасибо, забираю с благодарностью!
НАТО70 28-02-2014-20:25 удалить
Очень красивая рамочка!!!!Спасибо,Танюша!
Надюш, может ты не подписана на этот мой дневник на Лиру. Посмотри.
Спасибо большое.Разберёмся.
Nataliy55 28-02-2014-20:27 удалить
Спасибо за урок, хочется попробовать что-нибудь сотворить!
Спасибо за науку,Танюша!!!!
mimozochka 28-02-2014-20:33 удалить
Танюша классно!!беру урок попробую!!
Nella__solneshko 28-02-2014-20:34 удалить
Танечка,спасибо огромное!
спасибо Танюша очень интересно
Miledi1950 28-02-2014-20:35 удалить
Благодарю, Татьяна... понравилось очень, забрала себе кодик!
Afree 28-02-2014-20:43 удалить
Огромное спасибо!
Марина_55 28-02-2014-20:49 удалить
Спасибо, Танечка!
Очень понравились рамочки!
Mari_XXX 28-02-2014-21:00 удалить
Спасибо Танюша!!! очень интересный урок!!! Но у меня Опера и Гугл...правда в гугле углы тоже квадратные....Может что не так делаю...попробую еще раз повнемательнее почитать...вдруг повнзет...
jzayka 28-02-2014-21:05 удалить
Спасибо,Вам,Таьяна!
В моей Опере не видны закругления.
В Хроме посмотрела.Понравилось.
Я в восторге! Попробую. Может и здесь научусь чему - нидь)) Спасибо!
Mari_XXX, в Гугле видно круглые углы))
[700x638]
Ответ на комментарий Ирина_Ченская # Покажи потом что получися
Спасибо Танечка,за полезный и очень интересный урок! Забираю с благодарностью!
Tatiana_Ledneva 28-02-2014-21:28 удалить
Танечка, спасибо за полезный и интересный урок. Беру себе. Буду изучать .
Schamada 28-02-2014-21:28 удалить
Танечка. милая. Потрясающий урок.. Для меня это сокровищница.. я всё не могла понять как можно без фотошопа сделать наподобие твоей.. Забираю с криком УРА! мне и моим девчонкам это незаменимый урок.
Спасибо Танечка за урок, пошла трудиться
Татьяна, спасибо за урок!!! Беру с благодарностью!!!
TatiRoss 28-02-2014-21:44 удалить
Благодарю и цитирую ! Очень понравился урок ,а рамочка в этом варианте неотразима .
DED_c_B9ITKU 28-02-2014-21:46 удалить
...P/S зашёл с оперы, по вашим формулам и в опере все углы квадратные (опера старой версии 12.16)


Комментарии (225): вперёд» последняя» вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Рамка с круглыми углами. Без фотошопа! | Егорова_Таня - Дневник Егорова Таня | Лента друзей Егорова_Таня / Полная версия Добавить в друзья Страницы: раньше»