Jump to content

alleclf

User
 View Profile  See their activity

  • Posts

    273

  • Joined

  • Last visited

 Content Type 

Everything posted by alleclf

  1. alleclf
    Интересно получается если к вкладке ссылку прикрутить - http://jsfiddle.net/7amQP/2/ Почему ссылка срабатывает даже в стороне от вкладки - по всей ширине блока с содержанием. Как можно ограничить действие ссылки только размером блока вкладки?
  2. alleclf
    Вот пример - http://jsfiddle.net/7amQP/ Необходимо чтобы желтый цвет сливался, то есть, сама вкладка должна быть одним целым с содержанием. Не могу понять как убрать разделитель. Надо чисто визуально сделать, без переключений, анимации нажатия и т.д.
  3. alleclf
    На сайте необходимо определить местоположение посетителя из 4 стран, даже из 3-х. Украина, Казахстан и Беларусь. Соответственно, если человек с Украины его надо перенаправить на поддомен ua.domen.com, если с Казахстана - на kz.domen.com и т.д., если человек не из этих 3 стан его необходимо перенаправить на поддомен ru.domen.com Перечитал много материала по теме, но как-то всё сложно. Мне не надо базу по каждому городу в мире, всего 3 страны. Посоветуйте как можно реализовать перенаправление пользователя.
  4. alleclf
    сложно сделать, там несколько скриптов, каждая новость имеет свое всплывающее окно - всё делаю на денвере. Блок высотой, 1400 пх. это как раз 10 новостей. И весь этот блок заполнен фоновой картинкой - прямоугольник с текстом "добавить новость". Когда скрипт подгружает новости они ложатся как раз сверху этих блоков и их скрывают.
  5. alleclf
    скрипт вытаскивает новости с другого сайта, причем столько сколько есть. Для одной категории он вытащит 3 новости для другой 10. Если для категории доступно 3 новости он и выведет 3, он не может посчитать и добавить 7 пустых.
  6. alleclf
    там ещё много чего было, я вырезал что бы уменьшить код. Подключал локально.
  7. alleclf
    если новостей нет вообще - работает, если есть хоть одна - нет
  8. alleclf
    Great Rash, у меня есть колонка с новостями. В каждой категории сайта своя колонка по 10 новостей в каждой. Мне необходимо, если новостей нет 10, то есть их 8 и свободно 2 места, подставить 2 блока "добавить новость". Колонка формируется скриптом вытягивая новости с другого сайта. Я сделал картинку с надписью "Добавить новость" и дублирую её фоном под новостями. Если новости есть они закрывают фоновую картинку, если нет 10 то получается как раз столько блоков "добавить новость" сколько нужно. Все блоки фиксированного размера. Осталось только прицепить к фоновой картинке ссылку.
  9. alleclf
    klierik, а если не обрабатывать клик именно по картинке, а брать вообще по еще одному диву с фоном. Получится пустой див определенных размеров залитый фоновой картинкой. Так получится реализовать?
  10. alleclf
    Есть блок с текстом и фоновым изображением. Вот пример http://jsfiddle.net/mGW6E/ Как можно отследить клик именно по фоновому изображению? Не по тексту и не по пустому месту, а именно по фоновой картинке?
  11. alleclf
    я 1.7 не нашел, подключал другие, какие точно не помню, вроде 1.7.2 самый ближний был
  12. alleclf
    Пример реализован вот так: http://jsfiddle.net/vend3tta/SE4tS/ по ссылке всё работает, пробую реализовать сам - не работает Вот код html файла: <!DOCTYPE html><head><title>CSS3 Javascript</title><link rel="stylesheet" href="css/style.css"><script type="text/javascript">p = $('.popup__overlay')$('#popup__toggle').click(function() { p.css('display', 'block')})p.click(function(event) { e = event || window.event if (e.target == this) { $(p).css('display', 'none') }})$('.popup__close').click(function() { p.css('display', 'none')})</script></head><body><p><input type="button" value="Popup!" id="popup__toggle" /></p><!--[if lt IE 9]><div class="popup__overlay popup__overlay_ie"></div><![endif]--><div class="popup__overlay"> <div class="popup"> <a href="#" class="popup__close">X</a> <h2>Welcome!</h2> <p>Please enter your login and password to continue</p> <div class="popup-form__row"> <label for="popup-form_login">Login</label> <input type="text" id="popup-form_login" value="" /> </div> <div class="popup-form__row"> <label for="popup-form_password">Password</label> <input type="password" id="popup-form_password" value="" /> </div> <input type="button" value="Log in" /> </div> <!--[if lt IE 9]><div class="popup__valignfix"></div><![endif]--></div></body></html>Ну и вот стили, файл style.css: html { min-height: 100% }body { min-height: 100%; background: #fff; font: 14px/125% Tahoma; }p { margin: 1em 0; text-align: center }.popup__overlay { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); text-align: center } .popup__overlay:after { display: inline-block; *display: inline; *zoom: 1; height: 100%; width: 0; vertical-align: middle; content: '' } /* Added for IE<9 compatibility */ .popup__overlay_ie { background: #000; opacity: .7; filter: alpha(opacity=70) }.popup { display: inline-block; *display: inline; *zoom: 1; position: relative; max-width: 80%; padding: 20px; border: 5px solid #fff; border-radius: 15px; box-shadow: inset 0 2px 2px 2px rgba(0,0,0,.4); background: #fff; vertical-align: middle }/* Added instead of :after pseudoelement */.popup__valignfix { display: inline-block; *display: inline; *zoom: 1; width: 0; height: 100%; vertical-align: middle }.popup-form__row { margin: 1em 0 }label { display: inline-block; *display: inline; *zoom: 1; width: 120px; text-align: left }input[type="text"], input[type="password"] { margin: 0; padding: 2px; border: 1px solid; border-color: #999 #ccc #ccc; border-radius: 2px }input[type="button"] { padding: 6px 16px; border: 0; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.3); box-shadow: inset 0 1px 1px rgba(255,255,255,.3); cursor: pointer; background: #444; background: -webkit-linear-gradient(90deg, #515151, #333 48%, #333 52%, #515151 100%); background: -moz-linear-gradient(90deg, #515151, #333 48%, #333 52%, #515151 100%); background: -ms-linear-gradient(90deg, #515151, #333 48%, #333 52%, #515151 100%); background: -o-linear-gradient(90deg, #515151, #333 48%, #333 52%, #515151 100%); background: linear-gradient(90deg, #515151, #333 48%, #333 52%, #515151 100%); color: #fff }.popup__close { display: block; position: absolute; top: -20px; right: 10px; width: 12px; height: 12px; padding: 8px; border: 5px solid #fff; border-radius: 50%; -webkit-box-shadow: inset 0 2px 2px 2px rgba(0,0,0,.4), 0 3px 3px rgba(0,0,0,.4); box-shadow: inset 0 2px 2px 2px rgba(0,0,0,.4), 0 3px 3px rgba(0,0,0,.4); cursor: pointer; background: #fff; text-align: center; font-size: 12px; line-height: 12px; color: #444; text-decoration: none; font-weight: bold } .popup__close:hover { background: #ddd }Что не так сделал? В чём ошибка?
  13. alleclf
    адрес сайта дать не могу, заказчик категорически против показывать сайт в процессе разработки. С глюком разобрался. Шрифт подключается только на главном домене, на поддоменах почему то нет. Если на поддоменах отдельно прописать в отдельном ксс-файле подключение шрифтов и шрифты отдельно залить и на поддомен то всё работает как надо. Вопрос: почему нельзя подтягивать шрифт на поддомены с главного сайта. Очень неудобно на каждый домен заливать одно и тоже, да и для пользователей бродя по сайтам придется постоянно подгружать одни и те же шрифты. Работает нормально если сделать вот так, причем этот код должен быть в отдельном ксс на каждом поддомене, как и сами шрифты: @font-face { font-family: 'aparajivvo'; src: url('../style/aparajvvor.eot'); src: url('../style/aparajvvor.eot?#iefix') format('embedded-opentype'), url('../style/aparajvvor.woff') format('woff'), url('../style/aparajvvor.ttf') format('truetype'), url('../style/aparajvvor.svg#aparajivvo') format('svg'); font-weight: normal; font-style: normal;Должно же быть какое то решение, ведь дублировать шрифты не выход.
  14. alleclf
    У меня сайт с 5 поддоменами. На всё одни стили, картинки и шрифты. На главном сайте свой шрифт отображается нормально, на поддоменах почему-то намного большего размера. Если уменьшить его размер, на поддоменах получится нормальный а на главном домене сильно маленький. Такое ощущение что он этот шрифт как-то криво подгружает. Шрифт подключаю вот так: /* Fonts */@font-face { font-family: 'aparajivvo'; src: url('http://vsevodnom.com/templates/vvo/style/aparajvvor.eot'); src: url('http://vsevodnom.com/templates/vvo/style/aparajvvor.eot?#iefix') format('embedded-opentype'), url('http://vsevodnom.com/templates/vvo/style/aparajvvor.woff') format('woff'), url('http://vsevodnom.com/templates/vvo/style/aparajvvor.ttf') format('truetype'), url('http://vsevodnom.com/templates/vvo/style/aparajvvor.svg#aparajivvo') format('svg'); font-weight: normal; font-style: normal;}@font-face { font-family: 'aparajivvo'; src: url('http://vsevodnom.com/templates/vvo/style/aparajvvob.eot'); src: url('http://vsevodnom.com/templates/vvo/style/aparajvvob.eot?#iefix') format('embedded-opentype'), url('http://vsevodnom.com/templates/vvo/style/aparajvvob.woff') format('woff'), url('http://vsevodnom.com/templates/vvo/style/aparajvvob.ttf') format('truetype'), url('http://vsevodnom.com/templates/vvo/style/aparajvvob.svg#aparajivvo') format('svg'); font-weight: bold; font-style: normal;}@font-face { font-family: 'aparajivvo'; src: url('http://vsevodnom.com/templates/vvo/style/aparajvvobi.eot'); src: url('http://vsevodnom.com/templates/vvo/style/aparajvvobi.eot?#iefix') format('embedded-opentype'), url('http://vsevodnom.com/templates/vvo/style/aparajvvobi.woff') format('woff'), url('http://vsevodnom.com/templates/vvo/style/aparajvvobi.ttf') format('truetype'), url('http://vsevodnom.com/templates/vvo/style/aparajvvobi.svg#aparajivvo') format('svg'); font-weight: bold; font-style: italic;}@font-face { font-family: 'aparajivvo'; src: url('http://vsevodnom.com/templates/vvo/style/aparajvvoi.eot'); src: url('http://vsevodnom.com/templates/vvo/style/aparajvvoi.eot?#iefix') format('embedded-opentype'), url('http://vsevodnom.com/templates/vvo/style/aparajvvoi.woff') format('woff'), url('http://vsevodnom.com/templates/vvo/style/aparajvvoi.ttf') format('truetype'), url('http://vsevodnom.com/templates/vvo/style/aparajvvoi.svg#aparajivvo') format('svg'); font-weight: normal; font-style: italic;}Погуглив я так и не понял как ПРАВИЛЬНО подключаются шрифты. В некоторых источниках вместо одной кавычки ставят две, например (кусок кода): url("http://vsevodnom.com/templates/vvo/style/aparajvvoi.woff") format("woff"),или вообще не ставят кавычки. Посмотрите пожалуйста, правильно ли я подключил шрифт что бы он грузился и с основного сайта и с его поддоменов правильно. Кстати, на сайте движок ДЛЕ. Главная страничка (main.tpl) один и тотже что на главном сайте что на поддоменах, и стили грузятся с одного места (главного сайта). Никак не могу понять, если всё одно и тоже почему шрифт выходит разного размера. Да, и ещё, глюк этот в мозилле и ИЕ9 ИЕ10. Гугл Хром показывает всё как надо. блин, только что нащел ИЕ8 - нормально
  15. alleclf
    вот если через onlinefontconverter.com конвертировать то нормально выходит, шрифт размером 200-300 Кб, попробую его вставить на сайт
  16. alleclf
    Вот так я делал: русских букв НЕТ, сам шрифт взял из системы (Виндовз 7 про) и в нем точно есть русские буквы. Архив с шрифтами получился на 300 Кб, и каждый из шрифтов размером 20-40 Кб. Я так понимаю что с кирилицей он должен быть в приделах 200-300 Кб каждый. Вот скрин с тотала папки с шрифтом А это описание шрифта из архива
  17. alleclf
    вроде то что надо, попробую реализовать. Спасибо.
  18. alleclf
    Не могу сделать подвал внизу странички. Дело в том что, если разрешение экрана не большое (например, 1336x768) всё отображается нормально, а вот если больше, то после подвала видно фон. То есть, если взять смарт и смотреть в альбомном режиме всё ОК, а вот если в книжном, получается что идет шапка, потом текст, потом подвал а потом много пустого места с фоном. Хочется что бы подвал был в самом низу. Делал как описано тут - http://htmlbook.ru/layout/fiksirovannyy-podval Но, теперь на маленьком разрешении текст основной части не влезает, подвал часть текста закрывает и надо скролить что бы прочитать что написано, при этом подвал остается на месте.
  19. alleclf
    Может кто знает, как сделать чтобы на андроид планшетах этот шрифт корректно работал? Подключил так как описано тут - http://webfont.ru/blog/about-font-face-part-two/
  20. alleclf
    после конвертации пропали русские буквы, надписи только английском отображаются этим шрифтом
  21. alleclf
    так он мне в архив сделал все шрифты в 4 форматах: 4 шрифта regular, 4 italic, 4 bold и 4 bold italic Как их все подключить к сайту? Этот конвертер НЕ объединил regular, italic, bold и 4 bold italic в один файл (шрифт).
  22. alleclf
    Хочу на сайте использовать шрифт "aparaj", он вроде бы не лицензионный и нормально конвертируется. Но сам шрифт состоит из 4 частей - обычный, жирный, курсив и жирный курсив, то есть 4 файла шрифта. Шрифты конвертировал на onlinefontconverter.com Подключаю шрифт к сайту вот так: @font-face { font-family: Minion Pro; src: url("../style/minion_pro_or.eot?") format("eot"), url("../style/minion_pro_or.woff") format("woff"), url("../style/minion_pro_or.ttf") format("truetype"), url("../style/minion_pro_or.svg#svgFontName") format("svg");}Как мне подключить шрифт если он состоит из 4 частей? В примере использую шрифт "Minion Pro", он нормальный - в одном файле всё, и курсив и жирность.
  23. alleclf
    вот второй пример можно проработать, посмотрю как он себя будет вести в реальных условиях. Спасибо за помощь.
  24. alleclf
    Есть два блока (div'а) с рамочкой в 1 пх. Как можно сделать чтобы при наведении на ВТОРОЙ блок рамочка попадала у ПЕРВОГО. Можно ли это реализовать без скриптов? Вот заготовка http://jsfiddle.net/nkNWt/
  25. alleclf
    всё! работает! большое спасибо!
×
×
  • 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

  I accept