Jump to content

ya_verstaka

User
  • Posts

    46
  • Joined

  • Last visited

Everything posted by ya_verstaka

  1. Блин, крутое решение! никогда бы не додумался, если честно даже не сразу допер как это может работать! Спасибо огромное!!!! P.S Я изначально сделал на js, ну решение на css очень понравилось, буду использовать его.
  2. Здравствуйте, уважаемые форумчане! Подкиньте пожалуйста идею, как сверстать такой вот заголовок, чтобы было гибко (не зависело от текста): ссылка на картинку
  3. Привет, всем!! Столкнулся с небольшой проблемой при верстке, никак не могу сообразить. В общем есть простой макет, только вот в нем несть несколько элементов, которые уходят вправо и влево до конца экрана, хотя сам контент зафиксирован по центру вот скриншот , подскажите как такое сверстать или хоть дайте ссылку на макет с похожей структурой, который верстали, глянуть код, а то мне что-то в голову ничего не приходит, пятница же блин . Ссылка на сайт в сети (сразу верстаю на вордпресс) : http://dzga.apoehali.com.ua/
  4. Приветствую, помогите решить проблему! Короче, вывожу в попапе карту и не могу решить проблему с resize карты, тоесть она не выводится так как изначально скрытая. Карта создается кодом: function render_map( $el ) { // var var $markers = $el.find('.marker'); // vars var args = { zoom : 16, center : new google.maps.LatLng(0, 0), mapTypeId : google.maps.MapTypeId.ROADMAP }; // create map map = new google.maps.Map( $el[0], args); // add a markers reference map.markers = []; // add markers $markers.each(function(){ add_marker( $(this), map ); }); // center map center_map( map ); google.maps.event.addListenerOnce(map, 'idle', function(){ google.maps.event.trigger(map, 'resize'); center_map(map); }); } /* * add_marker * * This function will add a marker to the selected Google Map * * @type function * @date 8/11/2013 * @since 4.3.0 * * @param $marker (jQuery element) * @param map (Google Map object) * @return n/a */ function add_marker( $marker, map ) { // var var latlng = new google.maps.LatLng( $marker.attr('data-lat'), $marker.attr('data-lng') ); // create marker var marker = new google.maps.Marker({ position : latlng, map : map }); // add to array map.markers.push( marker ); // if marker contains HTML, add it to an infoWindow if( $marker.html() ) { // create info window var infowindow = new google.maps.InfoWindow({ content : $marker.html() }); // show info window when marker is clicked google.maps.event.addListener(marker, 'click', function() { infowindow.open( map, marker ); }); } } /* * center_map * * This function will center the map, showing all markers attached to this map * * @type function * @date 8/11/2013 * @since 4.3.0 * * @param map (Google Map object) * @return n/a */ function center_map( map ) { // vars var bounds = new google.maps.LatLngBounds(); // loop through all markers and create bounds $.each( map.markers, function( i, marker ){ var latlng = new google.maps.LatLng( marker.position.lat(), marker.position.lng() ); bounds.extend( latlng ); }); // only 1 marker? if( map.markers.length == 1 ) { // set center of map map.setCenter( bounds.getCenter() ); map.setZoom( 16 ); } else { // fit to bounds map.fitBounds( bounds ); } } /* * document ready * * This function will render each map when the document is ready (page has loaded) * $(document).ready(function(){ $('.acf-map').each(function(){ render_map( $(this) ); }); }); Подскажите как перезапустить данную карту при вызова fancybox???
  5. Да такое я тоже делал, здесь особенность в том, что края размытые, а нужно чтобы было резкое окончание размытости, как на картинке.
  6. Привет, всем! Очередной раз обращаюсь к вам за прозьбой по верстке. Короче говоря, есть список квестов в виде блоков, выводятся на главной, есть квесты, которые открыты для посетителя, есть закрытые. Так вот закрытые квесты накрывает размытая плашка, которая как-бы размывает картинку (миниатюру квеста), которая находится под плашкой вот скриншот: ссылка Если бы не надпись (полоса посередине закрытого квеста), которая не размывается, решить проблему можно было бы используя фильтр blur, но вместе с плашкой размывается и надпись... Как я только не пробовал это сверстать, ничего не получается :( . Наверняка кто-то сталкивался с подобной фигней подскажите как решить подобную проблему??? Буду Вам признателен за помощь.
  7. Всем спасибо за ответы! Решил сверстать без JS (не смог я додуматься как это сделать), спросил заказчика, говорит, что добавится максимум еще 4 категории, это существенно облегчило задачу. Влюбом случаи делаю сразу на wordpress, так что реализую динамическое добавление классов с айдишниками категорий, и если что буду отдельно стилизировать каждую категорию. Еще раз спасибо!!!
  8. Привет всем, уважаемые форумчане, прошу вашего совета по верстке. Есть страница на которой в виде блоков (с картинками) выводятся категории, и расположение данных категорий несовсем типичтое вот скриншот. Подскажите пожалуйста как такое сверстать, с учетом того, что категорий будет не фиксированое количество (новые будут добавлятся), и все последующие должны добавлятся приблизительно по такому же алгоритму с тем же расположением что и предыдущие, только ниже их. Надеюсь на вашу помощь...
  9. Спасибо огромное! Теперь понял где я косячил.
  10. Может примерчик есть какой чтобы глянуть?
  11. Салют! Уважаемые форумчане, столкнулся с небольшой проблемкой в верстке, уже 3-й час танцую с бубном, никак... Поможите? В общем в макете попался блок в виде стопки листов, вот смотрите . Конечто можно это сделать на картинках с before и after , но заказчик хочет, чтобы размеры этого блока в высоту изменялась в зависимости от контента. Кто-то сталкивался с такой штукой? Помогите как такое сверстать?
  12. Уважаемые, возник такой вопрос. Есть сайт site.ru. Хочется, чтобы при попадании по адресу site.ru/site2 попадали в другую копию WP. Как я понимаю, надо создать в каталоге сайта папку site2, в нее перенести новый дистрибутив WP. Путь для админки будет site.ru/site2/wp-admin. Ну и создать базу данных отдельную. Будет ли так работать? Поддoмeн не хочу, именно вложенный каталог.
  13. Привет всем, ребята подскажите каким образом реализовать алфавитный указатель на вородпресс, что-то типа этого : картинка ., при клике на букву на странице должны оставаться только те гости (записи), которые начинаются с той буквы на которую кликнули. Плагин Alphabetic Pagination не подходит, так как нужно работать с кастомными типами записей. Помогите советом, первый раз сталкиваюсь с подобным поэтому не знаю как это реализовывается. Заранее Спасибо!!!
  14. Привет всем, нужна ваша помощь! Короче говоря, делаю сайт радио компании, использую цмс вордпресс, с данной системой только начинаю знакомится, поэтому возникла проблема, которую уже второй день не знаю как решить. В общем в index.php шаблона, который я создаю есть кнопка слушать радио, при клике на эту кнопку должно появляться небольшое окно с флеш плеером (подобная штука сделана на радио хит фм) и всякой информацией про песню ,которая играет, которая будет играть и т.д. не суть важно. Когда верстал реализовал это (в смысле отображения этого окошка) таким образом: $('.lisen-radio button, .bt-start, .radio-kiev-start').bind('click', function(){ var params = 'left=600, top=20, width=500,height=650'; var mywindow = window.open('./player.html', 'player', params); if(mywindow){ mywindow.focus(); } window.open('./player.html', 'player', params); }); То есть все просто при клике на кнопочки, вываливается окно, страницы плеера, которая лежит рядом. Но с вордпрессом не все так просто, при клике на указанные кнопки, он не отображает тот файл, который есть в корне и к которому указан путь в js скрипте, он отображает индексный файл (как бы сам себя только в маленьком окошке ,как это указано в параметрах js скрипта). Я понимаю, что в вордпресса своя иерархия/система отображения файлов шаблона, но как быть когда файл вызывается со скрипта js, нельзя же в js вставить php со ссылкой на шаблон, который должен открыться. Думаю, вы поняли о чем я здесь говорю, Помогите пожалуйста надеюсь на вас!!!
  15. Привет всем, ребята, помогите со скрипом! В общем нужно написать скрипт на js (jquery), который меняет значения одного поля выпадающего списка select при том условии, что в другом поле это значение уже выбрано (все как в на этом сайте в форме слева (выбор города полета)), вроде ничего сложного, но у меня пока нет большого опыта в js поэтому решить эту проблему не могу. Знатоки, помогите пожалуйста, сижу уже целый час туплю, ничего не получается!!!
  16. Тю блин, элементарно же, а я сижу что-то "калдую" над h3. Спасибо большое!!!
  17. Уважаемые форумчане, помогите решить небольшую проблему. Буду краток, в общем нужно сверстать блок последних записей. Особенность в том, что текст записи выводится сразу же после её заголовка вот так: картинка . Вроде бы ничего сложного, сверстал, вот ссылка если бы не одно но, во всех IE получается фигня какая-то вот смотрите скрин. Что я только не пробовал, решить эту проблему не могу! Может вы посоветуете что-то??? Заранее спасибо!!!
  18. Специалист - то что нужно!!! Я по нему учился. Причем до него и после него посмотрел кучу разных курсов (в том числе и Попова), и как по мне специалист является одним из лучших в рунете!
  19. Ребята, помогите пожалуйста с темой вордпресс. У меня не большой опыт работы с этой системой, тем не менее на работе дали верстать, под неё (то есть создать готовый шаблон). В общем застрял на одной веще не знаю, как реализовать. Короче, сайт информационного типа, на главной странице, в контентной части, находятся четыре блока (реализовал их через виджет), с разными наборами рубрик, тем не менее каждый блок выводит свою группу рубрик, как это можно реализовать на практике? вот картинка: ссылка на картинку Можно ли каким-то образом разбить все рубрики на группы и выводить их в каждом виджете отдельно, или проще создать для каждого блока произвольные меню с отдельными рубриками. В общем как бы вы эту хрень реализовали? Спасибо! P. S Тема уже не актуальна, разобрался!!!
×
×
  • 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