2013-08-22 4 views
2

Я использую макетную раскладку в WordPress, поэтому макет кладбища моего локального сайта сочетается с петлями. Я создал fiddle, чтобы объяснить мой вопрос.Управление одиночной кладкой Позиция Позиция

Как управлять позиционированием одного элемента в макете макета?

Я хочу ДИВ, чтобы всегда быть в правом верхнем углу контейнера кладки (справа от моего левого верхнего угла штампа)

Как переопределить позиционирование, что кладка присваивает его .box элементы?

#container { max-width:635px; width:100%; } 
.corner-stamp { background:gray; width: 90px; height: 90px; } 

.box { 
    width: 90px; 
    height: 90px; 
    margin: 5px; 
    background: #6AD; 
    float: left; 
} 

/* I want to freely position this item with css */ 
#biggerBlock{ 
    width: 395px; 
    height: 200px; 
    background: #6AD; 
    left:25%; /* overidden by masonry */ 
} 

.box.large { 
    background: #084; 
    z-index: 2; 
} 

UPDATE:

Давид Desandro ответил на вопрос о Гит странице official Masonry. Новый изотоп v2 будет иметь эту функцию с возможностью включения 2 угловых марок. Спасибо за нижний план.

+2

Пожалуйста, объясните ваши downvotes – BenRacicot

ответ

4

Нет cornerStampSelector Недвижимость в чистой кладке сейчас. Вы можете использовать опцию stamp:

Указывает, какие элементы штампованы в макете. Это специальные элементы макета, которые не будут выложены масонством. Скорее, Каменная кладка будет элементы элементов макета ниже штампованные элементы.

$container.masonry({ 
    columnWidth: 100, 
    animate: true, 
    stamp: '#biggerBlock' 
    }); 

stamp И метод:

Stamp элементы в макете. Каменная кладка выложит элементы предметов вокруг штампованные элементы.

$container.masonry('stamp',$('#biggerBlock')); 
+0

Это отличается от cornerStampSelector: используется в моей скрипке? Ухаживать за моей скрипкой и показывать мне свои навыки? – BenRacicot

+0

Да, это так. В вашем jsfiddle вы используете автономную библиотеку масонства. И вам нужно указать другое свойство для штампа элемента. Вот [jsfiddle] (http://jsfiddle.net/9bqEx/1). – Grin

+0

Извините, я почему-то не понял. Отличный ответ! – BenRacicot

Смежные вопросы