Ищу скрипт или он лайн-генератор

Mila · July 26, 2009

Очень нужен скрипт или он лайн-генератор создающий эффект закругленных уголков и тени для блока.

Если кому-то встречалось такое чудо, подскажите, пожалуйста, где его можно найти.

Три дня убила на поиски, так и не нашла ничего похожего.

Встречаются скрипты либо круглых уголков либо тени, но такие, чтобы делали то и другое не видела.

Буду благодарна за помощь в поиске.

AMD · July 27, 2009

это называется jquery.

rus · July 27, 2009

Бегом в гугл!

Mila · July 27, 2009

Rus, а вы сами смотрели то, что выдал Гугл по этому запросу?

Там нет никакого генератора, а только ссылки на то, как сделать это все вручную с километровым кодом.

Riim · July 27, 2009

http://javascript.ru/forum/dom-window/3436...div'ov.html

Veseloff · July 27, 2009

Я вот этой штуковиной как-то пользовался - достаточно удобно

rus · July 27, 2009

Rus, а вы сами смотрели то, что выдал Гугл по этому запросу?
Там нет никакого генератора, а только ссылки на то, как сделать это все вручную с километровым кодом.

Вот километровый код как раз таки будет у фреймворков, который будет подгружаться в браузер в теге head.

Вобщем то дело ваше...

Mila · July 27, 2009

Вот этот - http://www.netzgesta.de/corner/, как я ноняла, только для фото, а не для div.

И, к сожалению, я не смогла его настроить.

Great Rash · July 28, 2009

Хреново гуглите...

http://www.ruzee.com/files/shadedborder/test.html

http://techmeat.net/example/rounded-corners/

Mila · July 28, 2009

Great Rash, спасибо за ссылки - было интересно почитать.

К сожалению, это мне не пргодилось.

По 2й ссылке - только уголки без теней, а по 1й - html-код в примерах просто устрашающий.

С таким количеством кода и скриптов не нужно - можно одним CSS обойтись.

Great Rash · July 30, 2009

Где тут устрашающий код?

<!doctype html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 
<title></title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

<script type="text/javascript" src="shadedborder.js"></script> 

<style type="text/css"> 
/* <![CDATA[ */

/* One simple border definition */
#my-border { padding:20px; width:30%; margin:200px auto; color:#fff; }
#my-border, #my-border .sb-inner { background:#444 url(grad.png) repeat-x; }


/* The following is just for making the page look "cool" - simply ignore it */
html { font-family:sans-serif; background:#444; color:#ddd; }
html, body { margin:0; padding:0; }
p { margin:5px 0; }
.headfoot { text-align:right; padding:10px; margin:0; }
.headfoot h1 { font-size:1.3em; padding:0; margin:0; }
.headfoot a { color:#fff; }
#content { background:url(back.jpg); padding:10px 0; }

/* ]]> */
</style> 

</head> 
<body> 
  <div class="headfoot"> 
	<h1><a href="http://www.ruzee.com/blog/shadedborder"> 
	  RUZEE.ShadedBorder</a> Simple Example</h1> 
  </div> 

  <div id="content"> 
	<div id="my-border"> 
	  <p>That's a simple border example.</p> 
	  <p>And from version 0.4 on it even supports gracefull degradation - try to disable JavaScript and see what happens.</p> 
	</div> 
  </div> 

  <script language="javascript" type="text/javascript"> 
	var myBorder = RUZEE.ShadedBorder.create({ corner:8, shadow:16 });
	myBorder.render('my-border');
  </script> 

</body> 
</html>

Mila · July 30, 2009

Great Rash, вы правы. Я не разобралась, скрипт неплохой.

К сожалению, в IE7 он дает черную тень.

Увы... Нет в мире совершенства.

Sign In

Ищу скрипт или он лайн-генератор

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information