McLotos

Вообще-то уже ответили =))) input type="search" заменить на input type="text" и будет вам счастье. css тут не при чем. это html

А в чем проблема взять тот вариант который указан в оригинале? Даже если это картинка, то тоже не проблема Это сейчас даже photoshop может - сгенерировать css код

Забудьте про таблицы =) Это прошлый век. =)))))

1.Топаем сюда 2. Создаем макет черного цвета и расставляем на нём белые палочки (для этого нужно по очереди добавлять по 1 квадратику с нижней части 1 черный 1 белы 1 черный и т.д.) 3. Справа сгенерируется css код. У меня получилось вот так background: #000000; /* Old browsers */background: -moz-linear-gradient(-45deg, #000000 0%, #000000 11%, #ffffff 12%, #ffffff 12%, #ffffff 12%, #000000 13%, #ffffff 14%, #050505 15%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#000000), color-stop(11%,#000000), color-stop(12%,#ffffff), color-stop(12%,#ffffff), color-stop(12%,#ffffff), color-stop(13%,#000000), color-stop(14%,#ffffff), color-stop(15%,#050505)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(-45deg, #000000 0%,#000000 11%,#ffffff 12%,#ffffff 12%,#ffffff 12%,#000000 13%,#ffffff 14%,#050505 15%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(-45deg, #000000 0%,#000000 11%,#ffffff 12%,#ffffff 12%,#ffffff 12%,#000000 13%,#ffffff 14%,#050505 15%); /* Opera 11.10+ */background: -ms-linear-gradient(-45deg, #000000 0%,#000000 11%,#ffffff 12%,#ffffff 12%,#ffffff 12%,#000000 13%,#ffffff 14%,#050505 15%); /* IE10+ */background: linear-gradient(135deg, #000000 0%,#000000 11%,#ffffff 12%,#ffffff 12%,#ffffff 12%,#000000 13%,#ffffff 14%,#050505 15%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#050505',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */Но это только 2 белые полоски на черном фоне. Т.е. вы понимаете что при большом количестве полосок этот код немного увеличится =)

Добрый вечер! Есть проект http://test.tvshop-kz.com. Когда посетитель нажимает на "В корзину" появляется корзина, которая показывает количество товара и общую стоимость. Но есть два странных момента: 1.Не все товары можно добавить в корзину, при попытке добавить некоторые товары, вместо них добавляется какой-то другой. 2.Если в аттрибут id товара вставлять его id а не имя, то добавление вообще не работает. Подскажите куда копать. function incart(id,val){ var checkboxes = document.getElementsByTagName('input'); var sum=0; var carted = 0; var l = checkboxes.length; for (var i=0; i < l;i++) { var checkbox = checkboxes[i]; if (checkbox.type == 'checkbox') { if(checkbox.checked==1) {sum=sum+=parseInt(checkbox.value); carted=carted+1;} } } if(sum>0) {document.getElementById('cart').style.display="block";}else {document.getElementById('cart').style.display="none";} document.getElementById('cart').innerHTML = "Товаров в корзине: <b>" + carted + "</b></br>Общая сумма: <b>"+sum+"</b>";}

Нет ничего невозможного! =))))) Допилил вариант без js. Слайды Прогрессбар Разметка

Ну на самом деле ничего такого запрещенного я там не делаю. Этот материал не просто для раскрутки, он показывается пользователю в виде модального окна при клике по ссылке

Добрый день! Подскажите как в css связываются правила? Ну т.е. я хочу чтобы по какому-то событию происходило несколько вещей. Если более предметно, то есть прогресс-бар И есть собственно само слайдшоу, у которого смена кадра происходит по клику Вот тут можно посмотреть в работе http://jsfiddle.net/7JFkP/ Подскажите как переделать правила слайдшоу так чтобы оно не ждало кликов а срабатывало когда прогрессбар дойдёт до конца.

Не знал куда засунуть, поэтому написал здесь. Всем добрый вечер. Возник вопрос, как реагируют поисковики на текст который display:none. Они же читают исходный текст страницы и я так подозреваю что они могут ругаться на то что при просмотре страницы текста нет а в иходниках он есть. Или всё нормально? P.S.сорри за нубский вопрос. просто первый раз занимаюсь клиентской стороной на столько губоко чтобы заниматься оптимизацией =))))) раньше только с серверной частью работал.

не совсем понял. php работает на сервере, его миссия закончилась после генерации страницы. а дальше при переходе по ссылкам работает ajax который просто обновляет содержимое основного блока. псевдокласс active срабатывает когда ссылка нажата, т.е. нужно на js писать функцию которая бы держала текущую ссылку нажатой?

Градиент как-раз совсем не проблема. Берёте тот пример который вам дали, идёте на сайт http://gradient.karmanov.ws/ или http://colorzilla.com/gradient-editor/ и создаёте нужный градиент

Добрый день, господа! В css среди прочего имеется вот такой код #nav ul li { margin-top:-23px; -moz-transition: 0.4s linear 0.4s; -ms-transition: 0.4s linear 0.4s; -o-transition: 0.4s linear 0.4s -webkit-transition: 0.4s linear 0.4s; transition: 0.4s linear 0.4s;}#nav a:focus ~ ul li { margin-top:0; -moz-transition: 0.4s linear; -ms-transition: 0.4s linear; -o-transition: 0.4s linears; -webkit-transition: 0.4s linears; transition: 0.4s linear;}Меню в результате выглядит вот так Т.е. когда пользователь кликает по пункту меню, меню полностью закрывается Подскажите как избавиться от этого эффекта? Мне нужно чтобы пользователь видел на какой он сейчас странице находится

Не понял о чем этот код

Подскажите, вот нужно сделать рамку Вот вокруг блока какбы вдавленная рамка, которая исчезает. Помогите сделать такое. Пробовал border:5px solid rgba(048,048,048,0.5); box-shadow: 1px 1px 3px -1px #ffffff inset, -1px -1px 3px -1px #ffffff inset, -2px -2px 0px -1px #000000, 2px 2px 0px -1px #000000, 3px 3px 4px -1px #000000; Но получилось не совсем то что нужно, а с фильтрами я не знаком =( Как сделать чтобы было точно как здесь:

Ну в общем после некоторых плясок с бубном код чуть-чуть изменился и проблема решена, сейчас объясню более предметно: Есть див header внутри него несколько дивов, внутри каждого из них есть ещё под одному диву <header id="header"> <div id="banner" class="Projects"> <a href="#">Проекты</a> <div class="description"> всплывающее описание </div> </div> <div id="banner" class="Partners"> <a href="#">Партнеры</a> <div class="description"> всплывающее описание </div> </div> /*здесь ещё 3 блока*/ </header> Вообще таких блоков там 5 Т.е. теперь в html нету картинок, они указываются в css В CSS это оформлено так #header { height: 280px; border:1px solid #ffffff; width:60%; margin-left:20%; margin-right:20%; overflow:hidden; background-image:url(glass.png); -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; padding-left:20px; padding-top:10px; padding-bottom:10px; -moz-box-shadow: 0 0 40px rgba(255,255,255,0.5); -webkit-box-shadow: 0 0 40px rgba(255,255,255,0.5); box-shadow: 0 0 40px rgba(255,255,255,0.5); } #header div.banner{width:19.5%; float:left; height:275px; z-index:100;} #header div.banner a {font-family: 'Times New Roman', serif; font-size: 0.75em;margin-top:10%;display: block; outline: none;text-decoration: none;height:30px; width:100%;padding-top:4px;text-height:5px;text-align:center; font-size:18px; color:#F2FF00;-moz-box-shadow: 0px 5px 50px rgba(0,250,255,0.7); -webkit-box-shadow: 0px 5px 50px rgba(0,250,255,0.7); box-shadow: 0px 5px 50px rgba(0,250,255,0.7); background: #1e5799; background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); -webkit-border-top-left-radius: 100px; -webkit-border-bottom-right-radius: 100px; -moz-border-radius-topleft: 100px; -moz-border-radius-bottomright: 100px; border-top-left-radius: 100px; border-bottom-right-radius: 100px; } #header div.banner a:hover {font-family: 'Times New Roman', serif; font-size: 0.75em;margin-top:10%;display: block; outline: none;text-decoration: none;height:30px; width:100%;text-height:5px;text-align:center; font-size:24px; color:#08FF00; -moz-box-shadow: 0px 5px 50px rgba(242,255,0,0.7); -webkit-box-shadow: 0px 5px 50px rgba(242,255,0,0.7)); box-shadow: 0px 5px 50px rgba(242,255,0,0.7); background: #1e5799; background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); -webkit-border-top-left-radius: 100px; -webkit-border-bottom-right-radius: 100px; -moz-border-radius-topleft: 100px; -moz-border-radius-bottomright: 100px; border-top-left-radius: 100px; border-bottom-right-radius: 100px; } #header div.banner a:hover + div.description { margin-top:10px; line-height: 50px; text-shadow: 1px 1px 2px #4C00FF, 0 0 1em #ffffff;font-style:bold; text-align:center; -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));margin-bottom: 30px; position:relative;z-index:auto; } #header div.banner div.description {text-align:center;margin-top:10px;width:100%; height: 50px; line-height: 50px; color: transparent; font-size: 25px; font-weight: 50; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;text-align:center;z-index:auto;} Выложил весь код, на случай, если кто-то захочет попробовать. В общем получается так: дивы самих ссылок и дивы их описаний находятся на одном уровне, когда на ссылку наводится курсор мыши, то описание плавно спускается вниз и так же плавно набирает цвет (первоначально описание прозрачное)

Ну если Вам в коде ничего не понятно, тогда я не знаю как Вам ещё объяснить =) Попробую "на пальцах" Есть несколько дивов #banner которые находятся в диве #header В дивах #banner есть картинки При наведении на эти дивы #banner:hover, на них должен появляться текст который плавно "падает" сверху до нужного уровня. А реально этот текст оказывается чуть правее, я пробовал поиграться с шириной дива, но это ничего не дало, текст все-равно оказывается правее

Добрый день, в общем делаю такую фишку, Шапка сайта будет состоять из картинок (банеров), при наведении на которые должен появляться текст, всё бы хорошо, но текст появляется правее картинки, следовательно все банеры не помещаются, помогите подправить css #header #banner width: 730px;height: 133px; line-height: 0px; color: transparent; font-size: 50px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } #header #banner:hover{line-height: 133px; color: #575858; } #header #banner img{ float: left; margin: 0 15px; }

Процесс регистрации пользователя 1. Пользователь заполняет форму 2. JS проверяет всё ли заполнено 3. PHP ещё раз проверяет данные на пустоту и смотрит их валидность 4. PHP записывает данные в MySQL (чтобы не возится с переносами из одной таблицы в другую можно просто добавить поле (accepted) ну в смысле если все данные подтверждены то accepted 1 ) 5. Создавать каталог под каждого юзера это конечно вариант, но я храню файлы всех юзверей в одном каталоге ufiles, а кому какой файл принадлежит решает таблица в MySQL, т.е. в ней указано: id файла, id юзера который его добавил, название файла

Эту фишку можно сделать в шаблоне, вы же можете подправить шаблон сайта.

А зачем вы сразу выводите данные на страницу? а проверки введенных данных? а тайминг между заполнениями? как вариант, можете сделать следующее: 1. Можно переделать капчу, например сделать её в виде пазла, если картинка собрана правильно, тогда разрешить ввод, и так несколько случайных картинок 2. Другой вариант, нужно к примеру выполнить математические действие или ответить на логический вопрос: два плюс два (именно словами) 3. На странице, в области видимости в случайном месте создаются несколько маленьких картинок, и задаётся вопрос, к примеру, найдите на странце кошку, какого она цвета. и ещё: Никогда не доверяйте тому что вводят посетители, есть огромное колличество проверок данных: 1. Проверка на уникальность 2. Проверка на соответствие шаблону 3. Проверка на отсутствие некоторых элементов 4. Проверка реальности пользователя и многое другое. Дайте ссылку, я посмотрю что можно придумать

а какой смысл в ЛИСТАХ СТИЛЯ ХРАНИТЬ ДАННЫЕ?

Зависит от ситуации, поэтому использую оба варианта =)

указывать размер не в px, а в %

Если фон белый, то вот так border-color:#f7f7f7 #f7f7f7 blue #f7f7f7; border-style:solid; border-width:30px; width:0; height:0;

=) очень просто, каждый блок это div они перекрывают друг-друга, css и js в помощь =) а вообще можете вскрыть сайт через Просмотр Кода Элемента в Chrome за одно и сразу скачаете все исходники