Jump to content

Березовский

User
  • Posts

    71
  • Joined

  • Last visited

Posts posted by Березовский

  1. .home_form > img{

    max-width:100%

    }

    или overflow: hidden для правой колонки

    .home_form > img все-равно полоса есть) так что ставлю для шапки overflow

    там размер страницы не на все 100% идет как я понимаю, мне кажется этот фончик лучше вынести из правой колонки и сделать его отдельно

    Так мне надо чтобы он шел вместе с формой) как я его могу выносить за блок формы? при изменении размеров браузера.

  2. Ситуация проста до безобразия...

    При чем сделал уже несколько адаптивных сайтов, но такой проблемы не было...

    Есть шапка, ширина 80%, в шапке три колонки например по 33% шириной.

    в итоге из-за такой шапки добавляется к сайту горизонтальная полоса прокрутки :-) в чем прикол кто может объяснить?

    Заранее благодарю.

    код - шапки


    #header{
    position:relative;
    margin: 0 10%;
    width:80%;
    }

    код колонок -


    #col_left{
    float:left;
    width:50%;
    height:auto;
    }
    #col_center{
    float:left;
    width:20%;
    height:auto;
    }
    #col_right{
    float:left;
    width:30%;
    height:auto;
    }

    как видите все просто... в чем может быть загвоздка не могу понять) измучался весь)

  3. Обоже.. :facepalmxd:

    Ну первый же запрос в гугле

    http://www.xiper.net...locks-menu.html

    Google ??? О_О не, не слышал))))

    кстати я год работал (учился) только благодаря Google... результатов вагон) сайтов 20 сделал... 15 из них продал))) так что пользуйтесь гуглом) а на форум бежать только после него)

    • Like 1
  4. Жесть... надо учить js :-) все работает как по волшебству))) я неделю пытался выяснить как это реализовать))) благодарю. просто слов нет выразить свою благодарность) нужна будет какая-то либо помощь) обязательно обращайтесь, постараюсь помочь!

    С Уважением :)

  5. Я немного туплю) плохо разбираюсь в скриптах...

    я сделал для поста класс post статичный и


    <div id="post-<?php the_ID(); ?>" class="post">

    Id который автоматом генерируется для каждого поста..

    пожалуйста дабы я понял где писать ID поста в скрипте) приведите пример скрипта с двумя разными ID, например #post-47 и #post-49 куда я их должен впихнуть в этом скрипте?


    <script type="text/javascript">
    jQuery(document).ready(function($){
    var select = $('.post').each(function(n,post)
    {
    $(post).find('a[href$=".bmp"],a[href$=".gif"],...').attr('class', 'lb_rlightbox_'+$(post).attr('id'));
    $( ".lb_rlightbox_"+$(post).attr('id')).rlightbox();
    });
    });
    </script>

    и вообще правильно ли я поставил закрывающие и открывающие скобки))))

    Спасибо большое)

  6. Про общий класс с подчеркиванием не забыл или это я уже все в одну кучу путаю?

    на счет подчеркивания я усек сразу) теперь лайтбокс создает галерею, но он выводит в галерею абсолютно все изображения карусели (в карусели каруселятся посты), а нужно чтобы лайтбокс делал галерею в пределах одного поста...

    Существует карусель, состоящая из постов. Каждый пост имеет галерею. Лайтбокс работает со всеми постами и галереями одновременно.

    Вопрос - как ограничить влияние Лайтбокса в цикле одного поста включая галерею в этом посте?

    Вот код карусели -


    <div id="content">
    <div id="carousel">[/size][/font][/color]
    <?php query_posts( array('cat' => 1, 'showposts' => 18) ); ?>
    <?php if (have_posts()) : while (have_posts()) : the_post();?>
    <div <?php post_class(); ?>>
    <?php
    if ( has_post_thumbnail()) {
    $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large');
    echo '<a href="' . $large_image_url[0] . '" >';
    the_post_thumbnail();
    echo '</a>';
    }
    ?>
    <div class="excerpt">
    <h1><?php the_title(); ?></h1>
    <p><?php the_excerpt(); ?></p>
    </div>
    <div class="entry-content">
    <?php the_content(); ?>
    </div>
    </div>
    <?php endwhile; ?>
    <?php endif; ?>
    </div>
    <a href="#" id="ui-carousel-next"><span>next</span></a>
    <a href="#" id="ui-carousel-prev"><span>prev</span></a>
    <div id="pages"></div>
    <?php>wp_reset_query();?>
    </div><!-- end content -->

    Галерея находится в <?php the_content(); ?>

    Это скрипт который добавляет ко всем изображениям класс лайтбокса -


    <script type="text/javascript">
    jQuery(document).ready(function($){
    var select = $('.post-49, .post-1 ').find('a[href$=".bmp"],a[href$=".gif"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".BMP"],a[href$=".GIF"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".PNG"]');
    select.attr('class', 'lb_rlightbox');
    $( ".lb_rlightbox" ).rlightbox();
    });
    </script>

    как видно из первого кода я заменил класс поста .post на <div <?php post_class(); ?>> думал что прописав в скрипте отдельные классы для каждого поста решит вопрос.. но лайтбокс в данном случае создает галерею для тех постов, которые я прописал в скрипте, и соединяет их в одну большую лайтбокс-галерею...

    Нужно чтобы они не соединялись а работали отдельно.

    Буду благодарен за любую информацию в этом направлении.

  7. может как-то ограничить их внизу? например задать местоположение от низа) margin-bottom например... или просто bottom: 200px

    Уже пробывал тогда у меня колонки едут на меню которые выше этих блоков. Я прям вообще не знаю, может быть как то через JS можно это провернуть?

    в js не силен) но думаю что можно.

  8. С вордпресом толком не работал и лайтбоксом тоже, возможно там дело в тех же class нужно для каждой группы изображений сделать уникальный, по крайней мере я бы так делал.

    Я тебя люблю)))))))))))))) ребята вы лучшиеееееее!!!!

    смотри что я сделал) задал не статичный класс посту а


    <?php post_class(); ?>

    то есть в итоге у меня каждый новый пост идет с id например .post-47 далее .post-48

    Остается только наклепать нужное количество постов) и всунуть их классы в скрипт который ищет и прикрепляет к изображениям класс лайтбокса)))

    неа........((((((((((

    добавляю классы постов с id, лайтбокс снова каруселит все изображения этих постов.. то есть складывает их в одну галерею...

    блин.

  9. С вордпресом толком не работал и лайтбоксом тоже, возможно там дело в тех же class нужно для каждой группы изображений сделать уникальный, по крайней мере я бы так делал.

    Я ошибся) ваш код рабочий) просто у меня в #carousel есть посты с классом .post задал в скрипте этот класс


    var select = $('.post')

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

  10. Почитайте про адаптивную верстку.

    Возможно сделать только исключительно ей? Есть ещё вариант JS, как я понимаю, это проще будет?

    смотря в чем больше разбираешься) если и там и там плохо я бы рекомендовал css все-таки там проще чем в скриптах, лично мне.

    в создании адаптивных сайтов лично я пользуюсь @media only screen and (max-width: 1025px) { тут пишете свои стили для конкретного размера} , размер как видите указан в max-width то есть ДО 1025 пикселей будут действовать эти стили. еще момент иногда стили в @media only screen почему-то не хотят перебивать основные стили (если они были) тогда я ставлю !important для нужных классов...

×
×
  • 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