olechic
-
Posts
140 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by olechic
-
))))))))))))))))))))я хочу с помощью jquery, сделать так что бы при наведении на ссылку фону ссылки добавлялся градиент за 2 секунды с помощью функции анимэйт!! не пугайтесь так))) jquery использую первый раз
-
как сделать код работоспособным? $(document).ready(function(){ $(“ul li”).click(function(){ $("#li").animate({ -webkit-border-radius: #08aeeepx; -moz-border-radius: #08aeeepx; border-radius: #08aeeepx; background: #08aeee; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#08aeee), to(#038FE5)); background: -webkit-linear-gradient(#08aeee, #038FE5); background: -moz-linear-gradient(#08aeee, #038FE5); background: -ms-linear-gradient(#08aeee, #038FE5); background: -o-linear-gradient(#08aeee, #038FE5); background: linear-gradient(#08aeee, #038FE5); }, 2000); });
-
СУУУУПЕР!!!!Спасибо огромное!!!!!!!!!
-
вообще запутался как это делается? http://pixs.ru/showi...932_4514410.png
-
я уже совсем запутался. как мне сделать такую навигацию?????????????????????? http://pixs.ru/showimage/about03png_2873932_4514410.png
-
почему то padding-и не действуют? Фон меняется только на ссылке, а вокруг нет(
-
есть список <div id="nav> <ul id="menu"> <li class="active">About</li> <li><a href="">Our Teachers</a></li> <li><a href="">Schedule</a></li> <li><a href="">Prices</a></li> <li><a href="">Contact Us</a></li> </ul> </div> вот стили: li { list-style-type: none; padding-left: 50px; padding-bottom: 15px; padding-right: 0px; padding-top: 15px; margin-top: 2px; margin-right: 0px; background-color: #fff; color: #FFF; font-size: 21pt; font-family: Questrial ; } #nav{ width: 270px; height: 369px; } #menu{ float: left; } как сделать чтобы у каждого пункта списка была разная длинна фона в зависимости от длинны текста?
-
КАК СДЕЛАТЬ что бы при прокрутке страницы бэкграунд оставался на месте?
-
а как с помощью jquery?
-
как сделать чтобы картинка при наведении менялась плавно с черно-белой на цветную?
-
как сделать чтобы картинка при наведении менялась плавно с черно-белой на цветную?
-
что может значить вопрос : itransition32? это задача по программированию
-
может кто знает что такое client side и что такое API? Спасибо!
-
может кто нибудь подскажет, какие можно порешать жизненные задачи или задания на javascript, а то теория есть - а практики нет(
-
а почему свойства не инициализируются через прототип?
-
я так понял что прототип служит для создания методов объектов , но почему нельзя сразу создать метод в функции конструкторе через this?или я что-то не так понял?
-
Объясните пожалуйста на пальцах про прототипы в JS. Уже несколько дней пытаюсь разобраться ,но никак не получается.\ Спасибо!
-
Экзотики пади захотелось... ммм... ну В общем да))))хочу хоть один баг найти)))
-
подскажите как установить ие6 на комп , всегда ошибка (имеется новая версия)
-
не могу понять в чем дело ,нижнее закругление навигации немного обрезано.Может подскажете в чем дело? HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <link href="css/style.css" media="screen" rel="stylesheet" type="text/css" /> <!--[if IE 7]><link href="css/ie7.css" rel="stylesheet" type="text/css" /><![endif]--> <!--[if IE 8]><link href="css/ie8.css" rel="stylesheet" type="text/css" /><![endif]--> <!--[if IE 9]><link href="css/ie9.css" rel="stylesheet" type="text/css" /><![endif]--> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script> <script src="js/project.js" type="text/javascript"></script> </head> <body><div id="site"> <div id="polosa"> </div> <div id="header"> <div id="inhead"> <div id="logonav"> <div id="logo"> </div> <div id="nav"> <ul> <li class="active"><a href="">Home</a></li> <li><a href="">Products</a></li> <li><a href="">Technology</a></li> <li><a href="">Pricing</a></li> <li><a href="">Contact</a></li> </ul> </div> </div> </div> </div> <div id="con1"> </div> <div id="con2"> </div> <div id="footer"> </div> </div></body> </html> CSS /*start reset css*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font: inherit; font-size: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*end reset css*/ ul{ } ul li{ float:left; visibility: visible; margin-left: 1px; } ul li a{ text-align: center; //font-size:inherit; padding-top: 10px; padding-right: 19px; padding-bottom: 10px; padding-left: 19px; color: #130C04; text-decoration: none; font-size: 19px; font-family: Trebuchet MS; line-height: 0.5; } ul li a:hover{ padding-top: 10px; padding-right: 19px; padding-bottom: 10px; padding-left: 19px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: url(../img/button.gif) repeat-x; color: white; text-decoration: none; font-family: Trebuchet MS; } #site{ width: 100%; height: 100%; } #polosa{ margin: auto; padding: 0px; width: 100%; height: 10px; background-color :#1c160d; } #header{ position: relative; margin: auto; padding: 0px; width: 100%; height: 518px; background-color :#fefefe; } #inhead{ margin: auto; padding:0; width: 960px; height: 518px; } #logonav{ margin: auto; padding: 0px; width: 960px; height: 528px; } #logo{ float: left; margin-top: 23px; margin-right: 0px; margin-bottom: 0px; margin-left: 13px; padding: 0px; width: 298px; height: 79px; background: url(../img/logo.png) no-repeat; } #nav{ position: relative; top: 73px; left: 101px; float: left; width: 590px; height: 79px; } #con1{ margin: auto; padding: 0px; width: 100%; height: 384px; background-color :#0e0b06; } #con2{ margin: auto; padding: 0px; width: 100%; height: 438px; background-color :#1c160d; } #footer{ margin: auto; padding: 0px; width: 100%; height: 316px; background-color :#000000; } .active{ } .active :hover{ } .active a{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: url(../img/button.gif) repeat-x; color: white; text-decoration: none; } .active a:hover{ }
-
<li><a href="...">Ссылка</a></li> a { display: block; width:... height:... background: url('путь к картинке'); } чтобы выстроить меню в ряд можно использовать li { display: inline-block; } Но ведь нужно задавать изображение для каждой ссылки , а здесь наверно получится для всех ссылок одинаковое?или нет? Здесь одинаковые изображения, просто по :hover оно меняется на другое. Я это не расписывал, думал что очевидно. Описал в общем, в конкретно этом случае даже можно обойтись без указания фикс ширины\высоты. да , но здесь ширина последней картинки меньше , чем остальные
-
<li><a href="...">Ссылка</a></li> a { display: block; width:... height:... background: url('путь к картинке'); } чтобы выстроить меню в ряд можно использовать li { display: inline-block; } Но ведь нужно задавать изображение для каждой ссылки , а здесь наверно получится для всех ссылок одинаковое?или нет?
-
а как для ли задать фоновое изображение в виде ссылки?
-
http://divhack.com/downloads/study/1/ может кто подскажет как сделать такое же меню (фикс) без таблиц?
-
спасибо!!!!!!!!!!!все работает!!!!!!