Jump to content

mistadrumma

Newbie
  • Posts

    20
  • Joined

  • Last visited

Everything posted by mistadrumma

  1. День добрый подскажите как реализовать. Есть карусель из картинок , у каждой свой айди. Над активной должно быть название, при перелистывании название меняется ( присвоенное каждой картинке) http://impulslkm.ru/docs.html# вот наглядно
  2. Перейти на конкретный слайд из слайдера по ссылке Суть проблемы: По ссылке из меню навигации "Контакты" необходимо показывать конкретный слайд в слайдере и при переходе с других страниц загружать страничку контактов со слайдом из ссылки.ТОесть если я жму на "Приемная" на страничке со слайдером показывает слайд "приемная" Подскажите как это реализовать? Код слайдера http://heavenweb.ru/...yder-na-jquery., моя страничка http://impulslkm.ru/contacts.html Есть функция animSlide(), которая в качестве аргумента может принимать значения "следующий слайд", "предыдущий слайд", либо номер слайда. Но при её вызове в ссылке <a href="#" onclick="animSlide('1')">Приемная</a> Google Developer Tools выдает ошибку, что функция не определена: Uncaught ReferenceError: animSlide is not defined. Как это исправить?
  3. Подскажите как убрать нижнее подчеркивание в выпадающем списке меню навигации. Почему то :lastchild не помогает http://impulslkm.ru
  4. Постараюсь своими словами. Я навожу мышь допустим на "о предприятии" оно подсвечивается тенью, перевожу мышь на торговые марки, слайдер закрывается с тенью , а на "о предприятии" тень убралась, так как сработал ховер , хотел бы что бы тень оставалась до закрытия слайдера. Этот эффект сглаживает ситуацию! Спасибо большое!!
  5. День добрый! Помогите справиться. При наведении на пункт меню навигации, он подсвечивается и выпадает слайдер, при отводе мыши слайдер сворачивается 200 милисек, а ховер уже выключает тень и получается очень не красиво http://impulslkm.ru/index.html кто нибудь может что посоветовать?
  6. Не пойму почему не переходит по ссылке, только если правой кнопкой " открыть в ....", href прописан. Посмотрите пожалуйста http://impulslkm.ru/ Меню навигации -> Контакт -> Приемная
  7. Все получается через hover, осталось только одно, подскажите как убрать тень которая падает на список, тоесть на картинке выше получается фигура с тенью, а в реале вот так http://www.impulslkm.ru/
  8. На данный момент осталось исправить слайд, как сделать что бы он не с угла выпадал?
  9. я имею конкретно выпадающий список навигации он в форме рубашки на картинке, а у меня как контентное окно, я вырезал из макета не могу правильный скрипт написать(( Вот то что получается http://www.impulslkm.ru/
  10. Нужна тень и обрамление как на картинке , тоесть надпись о предприятии выделяется блоком. спасибо за подсказку с разделением
  11. Доброго времени суток! Есть не большая задачка, по поводу навигации. Как это должно выглядеть И как это выглядит сейчас http://www.impulslkm.ru/ , я пробывал бордерами но что то запутался. Помогите пожалуйста реализовать.Спасибо
  12. Совершенно верно! Спасибо буду пробовать
  13. Ребята подскажите пожалуйста. Есть див контент со своим набором стилей в том числе опасити 0.5, в него грузится .load карусель, и принимает стили этого контейнера, помогите исправить http://kseniarain.ru/about.html# раздел личные фото спасибо
  14. Николя223, Огромное спасибо вам, что помогли разобраться! оказывается все так просто!))
  15. Ну вот с формами там z-index большой, а поля инпут не активны(((
  16. Ту проблему решил,ну как бы через зад , через pointer-events:none. Сейчас проблема в другом, ну они похожи, при нажатие на "войти" вылетает форма, и ее поля тоже чем то перекрываются , вот ссылка http://kseniarain.ru/ Помогите пожалуйста.
  17. Ребят подскажите пожалуйста. У меня центральная картинка и ее же блок перекрывает нижние эконки с ссылками, так же слева макета есть ховер на текст , также слегка перекрываемый картинкой, следовательно та часть которая перекрыта не срабатывает вот стили блока и изображения #main { width: 600px; min-width: 600px; height: 100%; min-height: 600px; position: absolute; z-index: 0; left: 0; right: 0; margin: auto; top: 20px; } .centerpic { position: absolute; left: -50px; right: 0; bottom: 10px; margin: auto; top: 0; z-index: 1; } стиль эконок в подвале .block { width: 30px; height: 30px; position:relative; float:left; margin-left:-2px; left: 565px; bottom: -35px; z-index: 13; }
  18. Помогите решить проблему в блочной верстке, после того как в левой колонке сделал выпадающее меню не могу вставить центральный див и подвал. Задаю размеры , в результате эти блоки не появляются вообще <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" type="text/css" href="style.css" /> <script type="text/javascript" src="scripts/cufon-yui.js"></script> <script type="text/javascript" src="scripts/konkord.font.js"></script> <script type="text/javascript"> Cufon.replace("li"); </script> </head> <body> <div id="background"></div> <div id="maket"> <div id="header"> <img class="logo" src="img/logo.png" width="380" height="120"> <div id="regmenu"> <ul> <li class="level1">ВОЙТИ</li> <li class="level1">КОНТАКТЫ</li> <li class="level1">ОТЗЫВЫ</li> </ul> </div> </div> <div id="lCol" > <ul id="nav" > <li class="level3a"> <a href="#" title="">МАЛЕНЬКАЯ <span class="level4">ХУДОЖНИЦА</span></a> <ul> <li class="level2"><a href="#">О ХУДОЖНИКЕ</a></li> <li class="level2"><a href="#">ГАЛЕРЕЯ</a></li> <li class="level2"><a href="#">ВЫСТАВКИ</a></li> <li class="level2"><a href="#">БЛОГ</a></li> <li class="level2"><br></li> <li class="level2"><a href="#">ЗАКАЗ КАРТИН</a></li> <li class="level2"><a href="#">СОТРУДНИЧЕСТВО</a></li> </ul> </li> </ul> </div> <div class="mainpic"> </div> <div id="rCol"><ul> <li class="level3">ЛИНИЯ</li> <li class="level4">ОДЕЖДЫ</li> </ul> </div> <div class="footer"> </div> </div> </body> </html> </body> </html> css html, body, ul { margin: 0px; height: 100%; } #background { position: absolute; width: 100%; height: 100%; min-width: 1024px; min-height: 600px; background-image: url("img/bkg.png"); background-size: cover; z-index: 0; } #maket { width: 1024px; min-width: 1024px; height: 100%; overflow: hidden; margin: 0 auto; color: #ffffff; position: relative; } #header { width: 1024px; min-width: 1024px; height: 170px; position: relative; } .logo { min-width: 380px; position:absolute; margin:auto; top:20px;/* bottom:0;*/ left:0; right:0 } #regmenu { float: right; width: 250px; height: 170px; position: relative; text-align: right; top: 20px; padding-right: 5px; } #mainpic { width: 200px; height: 100%; position: relative; } li { list-style-type: none; font-weight: bold; } .level1 { font-size: 20px; } .level2 { font-size: 30px; } .level3 { font-size: 35px; } .level3a { font-size: 35px; padding: 120px 0; padding-bottom: 5px; } .level3a:hover { padding: 0px; } .level4 { font-size: 45px; } #rCol { float: right; width: 300px; height: 100%; position: relative; text-align: right; padding: 120px 0 ; } .level1:hover { -webkit-transition:0.25s linear opacity; -moz-transform:scale(1.05); -webkit-transform:scale(1.05); } #lCol { float: left; width: 300px; height: 100%; position: relative; text-align: left; } #footer { width: 100%; height: 100px; bottom: 0; } /*————————————*\ НАВИГАЦИЯ \*————————————*/ #nav{ float:left; width:100%; list-style:none; font-weight:bold; margin-bottom:0px; } #nav li{ float:left; margin-right:10px; position:relative; display:block; } #nav li a{ display:block; padding:0px; color:#fff; text-decoration:none; text-shadow:1px 1px 1px rgba(0,0,0,0.75); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } #nav li a:hover{ color:#fff; text-decoration:underline; } /*— ВЫПАДАЮЩИЕ ПУНКТЫ —*/ #nav ul{ list-style:none; position:absolute; left:-9999px; opacity:0; / -webkit-transition:0.25s linear opacity; } #nav ul li{ padding-top:1px; float:none; } #nav ul a{ white-space:nowrap; display:block; } #nav li:hover ul{ left:0; opacity:1; } #nav li:hover a{ text-decoration:underline; } #nav li:hover ul a{ text-decoration:none; -webkit-transition:-webkit-transform 0.075s linear; } #nav li:hover ul li a:hover{ text-decoration:underline; -moz-transform:scale(1.05); -webkit-transform:scale(1.05); } не судите строго я еще учусь, может быть очень криво на взгляд профи....
×
×
  • 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