Jump to content

maritca

User
  • Posts

    93
  • Joined

  • Last visited

Everything posted by maritca

  1. http://adder-infinity.ru/ Веб-презентация предназначена для узкого круга IT-специалистов старше 30, руководителей IT-отделов или системных архитекторов АСУ ТП. Добрый день! Оцените, пожалуйста, оформление, удобство, информативность. Насколько понятно, для чего используется предлагаемое оборудование?
  2. Ну, в любом случае 800 мало. 1300 хотя бы... А что у вас не помещается на весь экран? А, вижу. Это я таблицу внизу покрутила, убрала пока её отсюда... Ссылку на диск поправила.
  3. Имеется такая html-структура: <table class="preview"><tbody><tr><td><div><a class="page-link-object" href="product/kitchen.htm"><img src="kitchens_icon.png"></a></div><div><a href="product/kitchen.htm">Кухни</a></div></td><tr></tbody></table> Требуется подключить псевдоэлемент :after ко всем тегам img таблицы .preview. Моя версия CSS: .preview img:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 5px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3) inset; opacity: 1; background: #000000;} Что не так и главное - почему?
  4. Очень понравился этот слайдер http://pcvector.net/scripts/slidesho...y-slayder.html (сайт временами глушится, к сожалению, поэтому вот все исходники и примеры - https://yadi.sk/d/qZEdhXozdHxFi, захотелось его реализовать у себя. Вот тестовая страничка: http://tuttimobili.ru/index1.htm Проблема возникла при попытке расширить слайдер (в исходнике у него максимальная ширина - 800 px, а мне нужно 1500). Как только я залила свои фотографии в слайдер и прописала в CSS соответствующие величины, началась фигня полная. Во-первых, изображение не помещается в слайдер, как ни крути. Во-вторых, не работает собственно адаптивность - изображение не ужимается до нужных мне размеров. В-третьих, при загрузке первого слайда не работает функция задания ширины диву с текстом (видно лишь начало слова). Поскольку изображение в слайдере является бэкграундом для дива, я думала, что проблема решится, если я при инициализации бэкграунда в js допишу ещё одно свойство к нему - cover. И отчасти действительно помогло. Но не везде. Например, при блочной анимации такое не прокатывает, и вообще при смене слайдов изображение начало дёргаться. Но даже если я уберу блочную анимацию и плюну на дёрганье, всё равно при загрузке первого слайда не прогружается ширина блока с текстом. Вопрос такой, собственно, как при минимальных изменениях исходных файлов CSS и JS обрести возможность заливать изображения большего размера и растягивать слайдер до большей величины?
  5. Странно, у меня ни в одном хроме ни на одном компе не дёргается... Да и вот Zverushka говорит, что всё пучком в хроме... Спасибо, попробую поковыряться с гранями... Или вообще нафик откажусь от этого решения....
  6. Добрый день! Сделала свистоперделки 3D-вращалки на CSS: http://beton-art.ru/ (три штуки под большой инфографической картинкой). В IE не работает, даже в в 11-ом... Что ему мешает выводить информацию в тегах <span class="information">? html: <div id="container"> <div class="t-wrapper"> <div class="item"> <img src="images/1.png" width="300px" /> <span class="information" > <strong>ФАСАДНЫЙ ДЕКОР</strong> <br>Мы выполняем все работы по декорированию дома "под ключ" - от 3D проекта до отделки фасада и монтажа декоративных элементов.<br>При заказе бетонных элементов в нашей студии - дизайн-проект бесплатно! </span> </div> </div> </div> css: .item { height: 207px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform .6s; -moz-transition: -moz-transform .6s; -ms-transition: -ms-transform .6s; -o-transition: -o-transform .6s; transition: transform .6s;} .item:hover { -webkit-transform: translateZ(-50px) rotateX(90deg); -moz-transform: translateZ(-50px) rotateX(90deg); -ms-transform: translateZ(-50px) rotateX(90deg); -o-transform: translateZ(-50px) rotateX(90deg); transform: translateZ(-50px) rotateX(90deg);} .item img { display: block; position: absolute; top: 0; border-radius: 3px; box-shadow: 0px 3px 8px rgba(0,0,0,0.3); -webkit-transform: translateZ(100px); -moz-transform: translateZ(100px); -ms-transform: translateZ(100px); -o-transform: translateZ(100px); transform: translateZ(100px); -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s; } .item .information { display: block; position: absolute; top: 0; height: 183px; width: 280px; text-align: left; border-radius: 15px; padding: 10px; font-size: 12px; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); box-shadow: none; background: rgb(236,241,244); background: -moz-linear-gradient(top, rgba(236,241,244,1) 0%, rgba(190,202,217,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,241,244,1)), color-stop(100%,rgba(190,202,217,1))); background: -webkit-linear-gradient(top, rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%); background: -o-linear-gradient(top, rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%); background: -ms-linear-gradient(top, rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%); background: linear-gradient(top, rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf1f4', endColorstr='#becad9',GradientType=0 ); -webkit-transform: rotateX(-90deg) translateZ(100px); -moz-transform: rotateX(-90deg) translateZ(100px); -ms-transform: rotateX(-90deg) translateZ(100px); -o-transform: rotateX(-90deg) translateZ(100px); transform: rotateX(-90deg) translateZ(100px); -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s;}
  7. А точнее: http://pcvector.net/scripts/image-effects/250-gpgallery-galereya.html и http://pcvector.net/scripts/slideshow_and_scroller/407-smooth-div-scroll-gorizontalnaya-prokrutka-kontenta.html Пытаюсь совместить эти два решения в одно. См. http://beton-art.ru/#portfolio Моя разметка такая: <div id="makeMeScrollable"><div class="pictures"> <img src="test/untitled-3-2.jpg" width="267" height="400"/> <img src="test/untitled-3-16.jpg" width="400" height="267"/>... <div class="clear"></div></div></div>Проблема в том, что у первого дива (скроллера) задана высота, и верхние и нижние изображения второго дива (скролл-ареа) - в увеличенном состоянии - не показываются полностью. z-index, эксперименты с overflow и opacity не помогли. Возможно, я где-то не там экспериментировала. Но... Что можно сделать?
  8. http://dh-art.ru/projects/ - собственно, на этой странице. Строка 555: <table style="min-height: 700px; position: absolute; top:391px; right: 0px; border-spacing: 0px;">, требуется сделать right: -3px; Если не увидели неровности, обратите внимание на правое меню относительно чёрного логотипа на слайдере. На остальных страницах всё нормально: например, http://dh-art.ru/price/design_project.php Можно, конечно, для конкретной страницы с проектами поставить условие, но не хочется. А хочется понять, почему так происходит.
  9. Привет всем, это мой первый опыт работы с друпал, поэтому, возможно, проблема примитивна, но я не могу её решить. Исходные данные: Домен - beejuteri.ru Хостинг на ник.ру Магазин на Ubercart версия Drupal - 7.21 Изначально при отправке заказа вылезала ошибка: Warning: mail() [function.mail]: Could not execute mail delivery program '/usr/sbin/sendmail -t -i ' в функции UbercartMailSystem->mail()(строка 56 в файле /home/beejuteri/beejuteri.ru/docs/sites/all/modules/ubercart/uc_store/classes/mail.inc). Я, начитавшись форумов, попыталась обойти это, установив модули PHPmailer и SMTP. Тестовые письма отправляются нормально. Также один раз нормально отправилось письмо с заказом. Теперь такая ситуация: я заполняю форму заказа, отправляю, мне приходит письмо о том, что я зарегистрирована, информация о моём заказе - то есть с почты сервера отправляется нормально. Но на почту сервера информация о заказе не приходит. И вылезает опять та же самая ошибка. Написала в техподдержку ник.ру, пока не ответили. Что с этим делать? На чьей стороне решается проблема?
  10. Сейчас переменная $arResult["NAV_STRING"] выводит "Товары 1 - 10 из 41 Начало | Пред. | 1 2 3 4 5 | След. | Конец | Все". А мне нужно заменить слово "товары" на слово "статьи". И вообще не хочу Пред., След. и т.п., а хочу картинки-стрелки. Где это делается? Подскажите, пожалуйста...
  11. Здравствуйте, Такая проблема: при выводе результатов поиска (например, shark.ru/search/index.php?q=%F1%EA%E0%ED%E5%F0%FB+%F8%F2%F0%E8%F5+%EA%EE%E4%E0) в формируемые ссылки автоматически подставляется _sec (секция): См. первый результат поиска: shark.ru/search_sec/316?sphrase_id=280 - при этом данная страница секции id 316 - shark.ru/auto_id/skans/ - не открывается (сейчас настроена переадресация на главную, без переадресации - просто страница не найдена). В случае если результатом поиска является страница элемента каталога, проблемы особой нет, например, второй результат - shark.ru/search/1163?sphrase_id=280 - открывается то, что надо (содержимое страницы верное), НО при этом в адресе остаётся прописанная папка search (shark.ru/search/1163?sphrase_id=280), хотя адрес должен выглядеть так: shark.ru/auto_id/skans/1163/ В случае если из адреса страницы секции вручную удалить _sec (shark.ru/search/316?sphrase_id=280), она вообще не находится. Почему это происходит? В каком именно месте происходит подстановка search_sec и search в адреса результатов поиска? Как настроить в результатах прямые ссылки на нужные страницы, минуя указание папки searh? П, С. Извиняюсь, что ссылки неактивные, но иначе пост не проходит.
  12. Помогите, пожалуйста, разобраться, как поменять внешний вид фильтра каталога (catalog.filter). Сейчас имеем такой: http://dh-art.ru/projects/ А должно быть всё в одном списке с кликабельными пунктами, а не в виде селект.таблицы. Правка кода шаблона фильтра, разумеется, не помогает.
  13. Я поняла, спасибо. Не люблю автоматические редакторы... Но буду впредь привыкать пользовать <p>...
  14. я вводила всё вручную, валидатор ошибок не выдаёт. Ну вот кроме этого одного предупреждения
  15. Вроде, заработало. сделала нижнюю часть таблицей...
  16. Для вбивания текста, скорее всего использовался визуальный редактор CMS, а они далеко не всегда могут правильно определить абзац. Хотя, в таком случае, проверять валидность уже не имеет особого смысла. почему не имеет смысла? текст вбиваю через блокнот. к br привыкла.
  17. 1, 4. Да, заказчик хотел именно к правому краю всё прижать, так как заказчик - дизайнер, переубедить можно было и не пытаться. на разрешение ниже 1024 по ширине, говорит, не обращать внимание. Я вообще думаю это меню показывать только на разрешениях over 1024. И кнопки тоже 3. Куфон тоже выбирал заказчик 5. Горизонтальный скролл, мне кажется, из-за прилипания всего по правому краю. пока не получилось его убрать... Спасибо.
  18. Анализатор выдаёт 1 предупреждение, но не могу понять, о чём именно предупреждает: http://validator.w3.org/check?uri=http%3A%2F%2Fdh-art.ru%2Findex.php
  19. Можно ли сделать так, чтобы один компонент (catalog.section) выводил бы список элементов, привязанные ко всем секциям, на одной странице? При этом распределяя их по дате добавления (по аналогии с новостями). Сейчас, если я оставляю поле "SECTION_ID" => "" незаполненным, он так и выводит, но только в том случае если элементы не привязаны к каким либо разделам. При привязке элемента к разделу он выпадает из общего списка на этой странице.
  20. Ну вот... теперь опять всё в таблицу обратно переделывать? %)
  21. Здравствуйте, я уже обращалась сюда со своей проблемой (http://forum.htmlboo...topic=43270&hl=), среди советов был переверстать шаблон дивами, но проблема от этого меньше не стала. Сейчас имеем такую страницу, например, - http://dh-art.ru/portfolio/index.php Говоря вкратце, я хочу, чтобы мучимый мною див выглядел так (только до конца вниз): Проблема в том, что при этом этот див должен находиться над картинками верхнего слайдера (если пройдёте по ссылке вверху, поймёте, о чём я), потому что в противном случае скрипт при загрузке картинок оставляет на этом диве белые области, и при том не перекрывать правое меню. В общем, пока я не придумала ничего лучше. чем задать ему position absolute и top 300px. Я так понимаю, что при таком раскладе сделать высоту этого дива 100% от высоты окна не получится. Сейчас там высота 170%. При небольших по высоте страницах всё работает относительно нормально. И вообще мне непонятно, эти указанные мной 170% исчисляются от чего? Что берётся за 100%, если не окно браузера с контентом? Как быть?
  22. Спасибо! Всё работает.
  23. Переверстала дивами, но всё равно проблема с бг осталась - никак не хочет растягиваться на 100% в высоту. http://dh-art.ru/index.php Сейчас оно вот так более или менее работает, но меня не устраивает, во-первых, 170%, во-вторых, при сворачивании страницы див этот всё равно ползает. position: absolute; background-image: url(http://dh-art.ru/bg_right.jpg); background-repeat: repeat-y; height: 170%; width: 272px; top: 380px; right: 0%; z-index: 1000;
  24. Подскажите, пожалуйста, как грамотно совместить два скрипта? Первый (подключается через отдельный файл): $(document).ready(function() { $('#menu > li > ul' ) .hide() .click(function(event) { event.stopPropagation(); }); $('#menu > li').toggle(function() { $(this).find('ul').slideDown(); }, function() { $(this).find('ul').slideUp(); }); }); Второй (прописан в body): <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function() { jQuery('#sigplus_catalogos_regalo').imageSlider({ itemCount: 4, showButtons: true, showLinks: true, showPageCounter: true, alignment: 'center', orientation: 'horizontal', navigation: 'bottom', firstText: 'вперед', prevText: 'назад', nextText: 'след', lastText: 'пред', pageText: '%1$d of %2$d' }); }); window.addEvent('load', function() { var imgs = []; <?php $i = 0; while ($i <= $iNumFiles-1) { echo ("imgs.push({file: '$aFileList[$i]', title: '', desc: '', url: ''});\r\n "); $i++; }?> var myshow = new Slideshow('slideshow', { type: 'combo', externals: 0, showTitleCaption: 0, captionHeight: 45, width: 959, height: 274, pan: 50, zoom: 20, loadingDiv: 0, resize: true, duration: [5000, 7000], transition: Fx.Transitions.Sine.easeOut, images: imgs, path: 'content/logoimg/<? echo($part); ?>/' }); myshow.caps.h2.setStyles({color: '#fff', fontSize: '13px'}); myshow.caps.p.setStyles({color: '#ccc', fontSize: '11px'}); }); </script> По отдельности оба работают. Когда подключаются одновременно, в консоли выползает ошибка: Uncaught TypeError: Cannot call method 'hide' of null (первый скрипт)
×
×
  • 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