Jump to content

montana

Newbie
  • Posts

    15
  • Joined

  • Last visited

Everything posted by montana

  1. спасибо, уже нашел решение.сделал вот так <li><a href=""><span class="title">Пять дизайнерских правил применяемых в Web</span><span class="text">01</span></a></li> .menu_news li a:hover span.title{color:#A7D332;} .menu_news li a:hover span.text{color:#A7D332;}
  2. вот файл: html <div id="menu_news" <div class="news"> <img src="img/fon_menu.gif" width="249" height="30" class="news_head" /> <ul class="menu_news"> <li><a href="#">Пять дизайнерских правил применяемых в Web</a><p>01</p></li> <li><a href="#">10 принципов эффективного веб-дизайна</a><p>02</p</li> <li><a href="#">Дизайн пользовательских интерфейсов и юзабилити</a><p>03</p</li> <li><a href="#">Меняем дизайн сайта в зависимости от погодных условий.</a><p>04</p</li> <li><a href="#">Web 2.0 - технологическая ступень или конечный инструмент?</a><p>05</p</li> <li><a href="#">Первое правило веб-дизайнера</a><p>06</p</li> <li><a href="#">51 руководство по графическим эффектам для текста</a><p>07</p</li> <li><a href="#">Японцы создают замену Интернету</a><p>08</p</li> <li><a href="#">Первое правило веб-дизайнера</a><p>09</p</li> </ul> <ul class="bottom"><img src="img/menu_bottom.gif" width="249" height="20" alt="низ"></div> </div><!--news--> </div><!--menu_menu--> ———————————————————————————- css #menu_news{ float:right;margin-top:-205px; margin-right:0px;padding-bottom:15px; } .news{font-family:Tahoma; font-size:12px;} ul, li{ margin-top:0px; padding:0px; list-style-position: outside; list-style:none; } .menu_news {display:none; width:249px;background:#fff;} .menu_news li a{ color: #5A5A5A; text-decoration:none; padding:11px; display:block; border-bottom:#5A5A5A dashed 1px; } ul p { float:right;margin-top:-20px; margin-right:5px;color:#5A5A5A; } .menu_news li a:hover { padding:10px 10px; font-weight:normal; color: #A7D332;background: rgb(23, 23, 23); border-left-color: rgb(A7, D3, 32); border-left-style: solid;border-left-width: 3px; } #bottom{float:right;margin-top:-85px;margin-right:53px;padding-top:15px;} ————————————————————————-- js $(document).ready(function () { $("ul.menu_news li:even").addClass("alt"); $('img.news_head').click(function () { $('ul.menu_news').slideToggle('medium'); }); $('ul.menu_news li a').mouseover(function () { $(this).animate({ fontSize: "12px", paddingLeft: "10px" }, 50 ); }); $('ul.menu_news li a').mouseout(function () { $(this).animate({ fontSize: "12px", paddingLeft: "10px" }, 50 ); }); }); вопрос такой, нужно изменить цвет нумерации в нижнем правом углу при наведении на другой цвет, текст цвет меняет все нормально, а вот с нумерацией ума не приложу как сделать правильно. может просто код корявый, посоветуйте как лучше...
  3. подскажите как сделать вот такое меню, но только с обратной прокруткой, не вверх, а вниз Моя ссылка
  4. подскажите, а как сделать вот такое меню, но только чтоб движение было не вверх, а вниз. Моя ссылка вот ссылка Моя ссылка
  5. montana

    меню

    там при наведении на пункт под строкой появляется выделение оранжевой полосой и увеличивается шрифт. вот как это сделать? http://jsfiddle.net/qAZPU/ А сами-то вообще пробовали что-то сделать? я бы пробовал если б знал как) за ссылку спасибо, думаю для начала подойдет. буду пробовать
  6. montana

    меню

    там при наведении на пункт под строкой появляется выделение оранжевой полосой и увеличивается шрифт. вот как это сделать?
  7. montana

    меню

    помогите разобраться. как сделать вот такое меню: http://ifolder.ru/25273106. можно ли его сделать с помощью css или обязательно нужно использовать скрипт. я в этом деле новичок, так что многое не понятно. может у есть похожий скрипт или кто ссылку кинет на подобные вещи.
  8. montana

    меню

    может быть вопрос конечно не по адресу, но хотелось бы уточнить. возможно ли с помощь css сделать такое меню или без скриптов не обойтись. и вообще как лучше это делать, с помощью чего. http://ifolder.ru/25273106 здесь лежит файл, как сюда закинуть не понял... сильно не пинайте, если что...
  9. montana

    тег <img>

    я уже перечитал кучу, а вот то что мне нужно так и не нашел, я чайник в этом и отделять нужное от ненужного пока не научился. для меня это пока сложно.
  10. montana

    тег <img>

    если не трудно, напиши как в коде указать и в стилях... я ума не приложу, устал уже пробовать
  11. montana

    тег <img>

    да я уже запарился и не знаю как правильно сделать. какие есть варианты. как например можно сделать это с помощью блока div. есть такая структура div id="main"> <div id="header"> </div> <!--header--> </div> <!--main--> вот в блок id header я хочу закинуть фон шапки сайта, он состоит из полосок разного размера. но цельные полосы я не хочу вставлять, а только их фрагмент и потом размножить по горизонтали до определенной координаты. вот как это сделать?
  12. montana

    тег <img>

    вопрос. а можно ли в теге <img> указать id или class, что-бы потом с помощью стиля например размножить линии по заданным координатам
  13. В общем нужно внести ясность. вот есть шапка, на ней располагаются горизонтальные линии в виде изобажений. в коде у меня указана ссылка на кусок этой линии, у каждой линии свои начальные и конечные координаты. данная строка: <div style="background-image: url('line_1.gif'); height: 2px; width: 526px; position: absolute; top: 46px; left: 595px;"></div> просто растягивает линии обведенные красным, а мне хотелось бы их размножить. но как правильно все это записать ума не приложу.
  14. а как ее теперь поставить в определенное место, получается что она начинается от начала координат, а мне нужно задать ей определенное расположение
  15. есть изображение линии с абсолютными координатами, как ее можно размножить до определенной точки. у меня получается вот такой вариант, но тут он ее просто растягивает на заданную длину, а не копирует. <div style="background-image: url('line_1.gif'); height: 2px; width: 550px; position: absolute; top: 46px; left: 585px;"></div>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy