n-wp.ru — блог о WordPress

5 комментариев

  • 5 колоночная верстка:
    [cc lang=»css»]
    #b780.c{display:block;float:left;margin:0 9px 10px 10px}
    #b780.l{display:block;float:left;margin:0 9px 10px 0}
    #b460.c{display:table-cell;float:left;margin:0 9px 15px 10px;width:450px!important}
    #b460.l{display:table-cell;float:left;margin:0 5px 15px 0}
    #b140.l{display:table-cell;float:left;margin:0 9px 10px 0;padding:0 0 5px}
    #b220.l{display:table-cell;float:left;margin:0 0 10px;padding:0 8px 5px 0}
    #bo780.c{border-right:1px solid #ccc;display:block;float:left;margin:0 9px 10px 10px}
    #bo780.cr{border-right:1px solid #ccc;display:block;float:right;margin:0 0 10px 10px}
    #bo780.l{border-right:1px solid #ccc;display:block;float:left;margin:0 9px 10px 0}
    #bo460.c{border-right:1px solid #ccc;display:table-cell;float:left;margin:0 9px 15px 10px;width:450px!important}
    #bo460.l{border-right:1px solid #ccc;display:table-cell;float:left;margin:0 9px 15px 0;padding:0 9px 0 0}
    #bo220.l{border-right:1px solid #ccc;display:table-cell;float:left;margin:0 0 10px;padding:0 8px 5px 0}
    #bo140.l{border-right:1px solid #ccc;display:table-cell;float:left;margin:0 9px 10px 0;padding:0 0 5px}
    Код, конечно не идеален, но свое дело делает. Создаем блоки по 140px и начинаем ими играть через вкладывание, сложение, прибивкой вправо-влево.
    Например:

  • Оговорился: это, конечно же 6-и колоночная верстка. Ну и забыл добавить — внутри блоков делай по отдельному Loop с запросом к нужной категории :)