mistadrumma
Newbie-
Posts
20 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by mistadrumma
-
День добрый подскажите как реализовать. Есть карусель из картинок , у каждой свой айди. Над активной должно быть название, при перелистывании название меняется ( присвоенное каждой картинке) http://impulslkm.ru/docs.html# вот наглядно
-
Перейти на конкретный слайд из слайдера по ссылке Суть проблемы: По ссылке из меню навигации "Контакты" необходимо показывать конкретный слайд в слайдере и при переходе с других страниц загружать страничку контактов со слайдом из ссылки.ТОесть если я жму на "Приемная" на страничке со слайдером показывает слайд "приемная" Подскажите как это реализовать? Код слайдера 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. Как это исправить?
-
Спасибо большое!
-
Подскажите как убрать нижнее подчеркивание в выпадающем списке меню навигации. Почему то :lastchild не помогает http://impulslkm.ru
-
Постараюсь своими словами. Я навожу мышь допустим на "о предприятии" оно подсвечивается тенью, перевожу мышь на торговые марки, слайдер закрывается с тенью , а на "о предприятии" тень убралась, так как сработал ховер , хотел бы что бы тень оставалась до закрытия слайдера. Этот эффект сглаживает ситуацию! Спасибо большое!!
-
День добрый! Помогите справиться. При наведении на пункт меню навигации, он подсвечивается и выпадает слайдер, при отводе мыши слайдер сворачивается 200 милисек, а ховер уже выключает тень и получается очень не красиво http://impulslkm.ru/index.html кто нибудь может что посоветовать?
-
Спасибо большое!
-
Не пойму почему не переходит по ссылке, только если правой кнопкой " открыть в ....", href прописан. Посмотрите пожалуйста http://impulslkm.ru/ Меню навигации -> Контакт -> Приемная
-
Все получается через hover, осталось только одно, подскажите как убрать тень которая падает на список, тоесть на картинке выше получается фигура с тенью, а в реале вот так http://www.impulslkm.ru/
-
На данный момент осталось исправить слайд, как сделать что бы он не с угла выпадал?
-
я имею конкретно выпадающий список навигации он в форме рубашки на картинке, а у меня как контентное окно, я вырезал из макета не могу правильный скрипт написать(( Вот то что получается http://www.impulslkm.ru/
-
Нужна тень и обрамление как на картинке , тоесть надпись о предприятии выделяется блоком. спасибо за подсказку с разделением
-
Доброго времени суток! Есть не большая задачка, по поводу навигации. Как это должно выглядеть И как это выглядит сейчас http://www.impulslkm.ru/ , я пробывал бордерами но что то запутался. Помогите пожалуйста реализовать.Спасибо
-
Совершенно верно! Спасибо буду пробовать
-
Ребята подскажите пожалуйста. Есть див контент со своим набором стилей в том числе опасити 0.5, в него грузится .load карусель, и принимает стили этого контейнера, помогите исправить http://kseniarain.ru/about.html# раздел личные фото спасибо
-
Николя223, Огромное спасибо вам, что помогли разобраться! оказывается все так просто!))
-
Ну вот с формами там z-index большой, а поля инпут не активны(((
-
Ту проблему решил,ну как бы через зад , через pointer-events:none. Сейчас проблема в другом, ну они похожи, при нажатие на "войти" вылетает форма, и ее поля тоже чем то перекрываются , вот ссылка http://kseniarain.ru/ Помогите пожалуйста.
-
Ребят подскажите пожалуйста. У меня центральная картинка и ее же блок перекрывает нижние эконки с ссылками, так же слева макета есть ховер на текст , также слегка перекрываемый картинкой, следовательно та часть которая перекрыта не срабатывает вот стили блока и изображения #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; }
-
Помогите решить проблему в блочной верстке, после того как в левой колонке сделал выпадающее меню не могу вставить центральный див и подвал. Задаю размеры , в результате эти блоки не появляются вообще <!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); } не судите строго я еще учусь, может быть очень криво на взгляд профи....