-÷итатник

Ѕез заголовка - (11)

— Ќовым годом, любимый LiveInternet!!! ѕусть Ќовый год звездой счастливой, ¬ойдет в с...

Ќужны ли нам "улучшени€" на Ћиру?... ќй ой...)) - (43)

ѕремьера ѕесни - наш ответ Valez на ремонт LiveInternet ¬ св€зи с ремонтом Ћиру и посто...

Ѕез заголовка - (7)

—оздай страничку ѕам€ти... ” каждого из нас, € уверена, есть человек, про которого мы го...

Ѕез заголовка - (47)

ѕќ∆јЋ”…—“ј ћј —»ћјЋ№Ќџ… ѕ≈–≈ѕќ—“!  –џћ” Ќ”∆Ќј »Ќ‘ќ–ћј÷»ќЌЌјя ѕќƒƒ≈–∆ ј!ЅќЋ№Ўјя ѕ–ќ—№Ѕј ќ“ ¬—≈√ќ ѕќЋ”...

Ѕез заголовка - (0)

— завтрашнего дн€ номера экстренных служб станут трехзначными ¬ нынешний понедельник, 27 €нвар€, ...

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

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

ѕоиск сообщений в ≈горова_“ан€

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

 

 -—татистика

—татистика LiveInternet.ru: показано количество хитов и посетителей
—оздан: 09.02.2010
«аписей:
 омментариев:
Ќаписано: 32761

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

ѕ€тница, 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

¬от така€ рамочка получилась у мен€ после добавлени€ картинок. ƒумаю их код можно усовершенствовать, а варианты рамок разнообразить. »спытала только на Ћиру. ƒл€ яру и других сайтов нужен другой код. ћожет кто-то сделает. Ѕыла бы рада посмотреть на ваши рамки, которые вы сделаете по этому уроку.

”дачи!
≈горова “ать€на

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

ѕроцитировано 376 раз
ѕонравилось: 178 пользовател€м



ћоисеева_Ќадежда   обратитьс€ по имени ѕ€тница, 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 в ссылку
 ѕодписатьс€ на комментарии
 ѕодписать картинку