Верх страницы
Обложка к записи
Время для прочтения: 0 мин. 0 сек.

Автор: Кобзарёв Михаил

Русский разработчик с 20-ти летним стажем. Работаю с PHP, ООП, JavaScript, Git, WordPress, Битрикс, Joomla, Drupal, Opencart, DLE, Laravel, Moonshine, SuiteCRM.

Оптимизирую сайты под Google Page Speed, настраиваю импорты для больших магазинов на WooCommerce + WP All Import. Пишу плагины на заказ. Все мои услуги.

Веду блог о разработке, дайджест в телеграмме и в ВК.

Вы всегда можете нанять меня.

Комментарии
Подписаться
Уведомить о
guest

41 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Надежда
Надежда
12 лет назад

У меня не работает для border-top-right-radius, border-bottom-right-radius, т.е. если делаю скруглённые углы для всех, то работает, как только задаю для двух углов не работает,так и есть, или что-то не так делаю?

Надежда
Надежда
12 лет назад
Ответить на  Кобзарёв Михаил

да, вот примерчик http://nadena.ru/kr/, меню на жёлтом фоне, должны быть скруглены только верхние углы

Надежда
Надежда
12 лет назад
Ответить на  Кобзарёв Михаил

да, на ссылках выше как раз сделаны скруглённы уголки с помощью этого htc

Надежда
Надежда
12 лет назад
Ответить на  Кобзарёв Михаил

а вы, кстати не покажете демо пример, именно не со всеми углами, а несколькими, я сравню, может пойму в чём дело?

Надежда
Надежда
12 лет назад

Спасибо большое! Видимо всё таки не работает под разные углы, так как с табами у них просто перекрывается нижним блоком и закрываются уголки нижние, ну ладно, тоже тогда так сделаю, хотя жалко, хороший скриптик

Надежда
Надежда
12 лет назад

ой, да, спасибо! Это я такая внимательная, точно, просто нужно сокращённую запись использовать, отлично, всё работает! Спасибо ещё раз!!

Надежда
Надежда
12 лет назад
Ответить на  Кобзарёв Михаил

да, я так бы и мыкалась, что называется, смотрю в книгу, и не вижу ничего :)), так что помощь нужная, спасибо ещё раз! Если что можно удалить эту ветку.

Айрат
Айрат
12 лет назад

Интересно, а что Oper’у стороной обошли с градиентом, по-моему у нее есть свойства CSSградиета да и файл PIE.htc — это же javascript инструкции. Не проще ли jQery эффекты подключить?

Надежда
Надежда
12 лет назад

Не совсем по теме вопрос (вопрос по свойству border-radius), может сталкивались с таким, нужно смотреть в опере или хроме, баг в картинках с серым бордером скруглённым, сами углы почти не видны. Свойство border-radius применено к img, у которых стоит border.

Надежда
Надежда
12 лет назад
Ответить на  Кобзарёв Михаил

Спасибо! Мне тоже такая идея приходила в голову, но эффект был тот же, но попробую ещё раз!

Денис
Денис
12 лет назад

Здравствуйте! У меня почему-то градиент применился, а тень и скруглённые уголки нет. В чём может быть причина? Спасибо.

Денис
Денис
12 лет назад

Использую IE8.

Денис
Денис
12 лет назад
Ответить на  Кобзарёв Михаил

Что-то не получилось вставить весь код. Как вставить его нормально? В теги code можно оборачивать?

Денис
Денис
12 лет назад

 

              #inputJSCal {
              background-color: #fff;
              background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
              background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
              background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
              background-image: -o-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
              background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
              background-image: linear-gradient(top, #eeeeee 0%,#ffffff 50%);
              -webkit-border-radius: 4px 0 0 4px;
              -moz-border-radius   : 4px 0 0 4px;
              border-radius        : 4px 0 0 4px;
              border: 1px solid #aaa;
              border-right: none;
              height: 26px;
              width: 200px;
              line-height: 26px;
              padding: 0 0 0 8px;
              color: #666;
              font-size: 13pt;
              font-family: "Times New Roman", Times, serif;
              font-style: italic;
              font-weight: bold;
              behavior: url(Components/Components/CSS3PIE/PIE.js);
            }
Денис
Денис
12 лет назад
Ответить на  Кобзарёв Михаил

Строку подправил, js заменил на htc. Ничего не изменилось. Рядом с html файлом положил .htaccess со строкой «AddType text/x-component .htc», но всё равно ничего не изменилось, кроме того, что у поля исчезли бордюры.
Подключать же файл PIE.htc в теге head не нужно?

Денис
Денис
12 лет назад

Путь проверил (через «средства разработчика») — всё в порядке
behavior: url(PIE.htc);
Zoom: 1 в CSS добавил, но пока без толку.

Денис
Денис
12 лет назад
Ответить на  Денис

И фильтр-фишинг отключен

Денис
Денис
12 лет назад

Отключил filter — заработало. Спасибо. На локальной машине делаю. Каким образом фильтр влияет на css3pie? Спасибо ещё раз.

Денис
Денис
12 лет назад

И градиент исчез. background-image: linear-gradient(top, #cccccc 0%,#eeeeee 60%); теперь не действует. Как исправить?

Денис
Денис
12 лет назад

Спасибо.
Скажите, пожалуйста, а Вы применяете css3pie в своих проектах и как часто?

Денис
Денис
12 лет назад

И ещё: как в комментах код обрамлять, чтобы был в тексте на сером фоне?

Денис
Денис
12 лет назад

Скажите, пожалуйста, css3pie поддерживает внутреннюю тень box-shadow: inset? У меня в IE8 только внешняя отображается.

Денис
Денис
12 лет назад

Спасибо.

Предыдущая запись
Следующая запись

Давайте дружить
в Телеграме

Авторский блог вашего покорного слуги в Telegram про web, программирование, алгоритмы, инструменты разработчика, WordPress, Joomla, Opencart, Laravel, Moonshine, фильмы и сериалы