maritca
-
Posts
93 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by maritca
-
-
Ну, в любом случае 800 мало. 1300 хотя бы...
А что у вас не помещается на весь экран? А, вижу. Это я таблицу внизу покрутила, убрала пока её отсюда...
Ссылку на диск поправила.
-
Имеется такая 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;}
Что не так и главное - почему? -
Очень понравился этот слайдер 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 обрести возможность заливать изображения большего размера и растягивать слайдер до большей величины? -
Да оно и в Хроме себя ужасно ведет. Дергается всё.
Странно, у меня ни в одном хроме ни на одном компе не дёргается... Да и вот Zverushka говорит, что всё пучком в хроме...
IE, к сожалению, не поддерживает transform-style: preserve-3d. Вообще. Так что едиственный выход - крутить каждую грань отдельно. Кстати, в данном случае, имхо, можно обойтись и 2d-трансформациями, эффекта перспективы я всё равно ни в одном браузере не наблюдаю...
Спасибо, попробую поковыряться с гранями... Или вообще нафик откажусь от этого решения....
-
Добрый день!
Сделала
свистоперделки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;}
-
А точнее:
http://pcvector.net/scripts/image-effects/250-gpgallery-galereya.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 не помогли. Возможно, я где-то не там экспериментировала. Но...Что можно сделать? -
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
Можно, конечно, для конкретной страницы с проектами поставить условие, но не хочется. А хочется понять, почему так происходит.
-
Привет всем, это мой первый опыт работы с друпал, поэтому, возможно, проблема примитивна, но я не могу её решить.
Исходные данные:
Домен - 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. Тестовые письма отправляются нормально. Также один раз нормально отправилось письмо с заказом.
Теперь такая ситуация: я заполняю форму заказа, отправляю, мне приходит письмо о том, что я зарегистрирована, информация о моём заказе - то есть с почты сервера отправляется нормально. Но на почту сервера информация о заказе не приходит. И вылезает опять та же самая ошибка.
Написала в техподдержку ник.ру, пока не ответили.
Что с этим делать? На чьей стороне решается проблема?
- 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).
-
Сейчас переменная $arResult["NAV_STRING"] выводит "Товары 1 - 10 из 41 Начало | Пред. | 1 2 3 4 5 | След. | Конец | Все". А мне нужно заменить слово "товары" на слово "статьи". И вообще не хочу Пред., След. и т.п., а хочу картинки-стрелки. Где это делается? Подскажите, пожалуйста...
-
Здравствуйте,
Такая проблема: при выводе результатов поиска (например, 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?
П, С. Извиняюсь, что ссылки неактивные, но иначе пост не проходит.
-
Помогите, пожалуйста, разобраться, как поменять внешний вид фильтра каталога (catalog.filter).
Сейчас имеем такой: http://dh-art.ru/projects/
А должно быть всё в одном списке с кликабельными пунктами, а не в виде селект.таблицы.
Правка кода шаблона фильтра, разумеется, не помогает.
-
На самом деле, бр там или параграф - валидатору пофек. Товарищи о другом. Можно создать документ, например в ворде, который простым копипастом можно скопировать в визивиг и все будет ок, а можно текст справа располагать в ворде с помощью большого количества пробелов, для маркера списка использовать звездочку и прочие гуано-приемы. Но тем не менее - все работает, информация передается, пользователям как правило без разницы, они не знают что такое бр и для чего он. Впрочем, как и многие непользователи.
Я поняла, спасибо.
Не люблю автоматические редакторы...
Но буду впредь привыкать пользовать <p>...
-
Правильнее считается, всё-таки, задать отступы у абзацев, а не ставить цепочки <br>. Не имеет особого смысла проверять, если текст вводился с помощью WYSIWYG-редактора, ибо они часто генерерируют невалидный, хотя и вполне рабочий код.
я вводила всё вручную, валидатор ошибок не выдаёт. Ну вот кроме этого одного предупреждения
-
Вроде, заработало. сделала нижнюю часть таблицей...
-
Уведомляет, что используется экспериментальный HTML5 парсер. А зачем тебе в контенте столько <br> ? Чем не нравятся абзацы?
Для вбивания текста, скорее всего использовался визуальный редактор CMS, а они далеко не всегда могут правильно определить абзац. Хотя, в таком случае, проверять валидность уже не имеет особого смысла.
почему не имеет смысла? текст вбиваю через блокнот. к br привыкла.
-
- Это такая задумка, что основная область сайта прибита к правому краю и на широкоформатных экранах слева пустое полотно? http://dh-art.ru/index.php
- На широкоформатных (1680+ по ширине) мониторах контент справа, а follow/share кнопки - далеко слева. На разрешениях поменьше - кнопки наползают на контент.
- Извините, но отрисованные Cufon'ом шрифты просто ужасны Еще хуже, чем текст без сглаживания вообще.
- На 1024x768 (+/-) меню слева обрезается
- Горизонтальный скролл на любых разрешениях.
1, 4. Да, заказчик хотел именно к правому краю всё прижать, так как заказчик - дизайнер, переубедить можно было и не пытаться. на разрешение ниже 1024 по ширине, говорит, не обращать внимание. Я вообще думаю это меню показывать только на разрешениях over 1024. И кнопки тоже
3. Куфон тоже выбирал заказчик
5. Горизонтальный скролл, мне кажется, из-за прилипания всего по правому краю. пока не получилось его убрать...
Спасибо.
- Это такая задумка, что основная область сайта прибита к правому краю и на широкоформатных экранах слева пустое полотно? http://dh-art.ru/index.php
-
-
Анализатор выдаёт 1 предупреждение, но не могу понять, о чём именно предупреждает: http://validator.w3.org/check?uri=http%3A%2F%2Fdh-art.ru%2Findex.php
-
Можно ли сделать так, чтобы один компонент (catalog.section) выводил бы список элементов, привязанные ко всем секциям, на одной странице? При этом распределяя их по дате добавления (по аналогии с новостями).
Сейчас, если я оставляю поле "SECTION_ID" => "" незаполненным, он так и выводит, но только в том случае если элементы не привязаны к каким либо разделам. При привязке элемента к разделу он выпадает из общего списка на этой странице.
-
Ну вот... теперь опять всё в таблицу обратно переделывать? %)
-
Здравствуйте, я уже обращалась сюда со своей проблемой (http://forum.htmlboo...topic=43270&hl=), среди советов был переверстать шаблон дивами, но проблема от этого меньше не стала. Сейчас имеем такую страницу, например, - http://dh-art.ru/portfolio/index.php
Говоря вкратце, я хочу, чтобы мучимый мною див выглядел так (только до конца вниз):
Проблема в том, что при этом этот див должен находиться над картинками верхнего слайдера (если пройдёте по ссылке вверху, поймёте, о чём я), потому что в противном случае скрипт при загрузке картинок оставляет на этом диве белые области, и при том не перекрывать правое меню.
В общем, пока я не придумала ничего лучше. чем задать ему position absolute и top 300px. Я так понимаю, что при таком раскладе сделать высоту этого дива 100% от высоты окна не получится. Сейчас там высота 170%. При небольших по высоте страницах всё работает относительно нормально. И вообще мне непонятно, эти указанные мной 170% исчисляются от чего? Что берётся за 100%, если не окно браузера с контентом? Как быть?
-
Спасибо! Всё работает.
-
просто дивом можно рулить как угодно, на что фантазии хватит =)
я вот в одном своем скине пару дней назад в css намудрил дизайн дива так что он показывался только в html-коде. а на странице сайта ничего не было, оказалось просто отрицательная позиция дива.
Там ничего сложного. попробуйте, это действительно намного проще, чем с таблицами.
Вы начните. а я если что подскажу.
P.S.: возможно, мои познания в Русском Языке не столь велики, как хотелось бы, объясните невежде что такое "без целлер" ?
Возможно имелось ввиду BestSeller - в смысле самый продаваемый?
Переверстала дивами, но всё равно проблема с бг осталась - никак не хочет растягиваться на 100% в высоту.
Сейчас оно вот так более или менее работает, но меня не устраивает, во-первых, 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; -
Подскажите, пожалуйста, как грамотно совместить два скрипта?
Первый (подключается через отдельный файл):
$(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 (первый скрипт)
Веб-презентация IT-решения
in Discussion of works
Posted
http://adder-infinity.ru/
Веб-презентация предназначена для узкого круга IT-специалистов старше 30, руководителей IT-отделов или системных архитекторов АСУ ТП.
Добрый день! Оцените, пожалуйста, оформление, удобство, информативность. Насколько понятно, для чего используется предлагаемое оборудование?