Первая верстка c BEM и командой [Яндекс]

[b7acksec]

Еще не розобрался,
хедер :
слева лого-картинка
справа кнопка входа
меню :
4 кнопки ссылки по горизонтали
основа :
1 блок контейнер с иконками
2 блок что-то похожее на календать
3 блок аналогичен 2му
4 - кнопака слева, картинка справа
футер :
бэкграунд 3 таблицы с текстом

При создании дерева в хедере - логотип пропадает остается только кнопка.

[tadatuta]

Я не понял, в чем именно вопрос, но дерево будет выглядеть примерно так:

{
    block: 'page',
    content: [
        {
            block: 'header',
            content: [
                {
                    block: 'logo'
                },
                {
                    block: 'button',
                    text: 'Войти'
                }
            ]
        },
        {
            block: 'nav',
            content: [
                {
                    block: 'link',
                    content: 'Пункт 1'
                },
                {
                    block: 'link',
                    content: 'Пункт 2'
                },
                {
                    block: 'link',
                    content: 'Пункт 3'
                },
                {
                    block: 'link',
                    content: 'Пункт 4'
                }
            ]
        },
        {
            block: 'main',
            content: [
                {
                    block: 'icons',
                    content: []
                },
                {
                    block: 'calendar'
                },
                {
                    block: 'calendar'
                },
                {
                    block: '',
                    content: [
                        {
                            block: 'button'
                        },
                        {
                            block: 'image'
                        }
                    ]
                }
            ]
        },
        {
            block: 'footer',
            content: []
        }
    ]
}

[b7acksec]

18 июня 2015 г., в 3:14, Vladimir Grinenko notifications@github.com написал(а):

Я не понял, в чем именно вопрос, но дерево будет выглядеть примерно так:

{
block: 'page',
content: [
{
block: 'header',
content: [
{
block: 'logo'
},
{
block: 'button',
text: 'Войти'
}
]
},
{
block: 'nav',
content: [
{
block: 'link',
content: 'Пункт 1'
},
{
block: 'link',
content: 'Пункт 2'
},
{
block: 'link',
content: 'Пункт 3'
},
{
block: 'link',
content: 'Пункт 4'
}
]
},
{
block: 'main',
content: [
{
block: 'icons',
content: []
},
{
block: 'calendar'
},
{
block: 'calendar'
},
{
block: '',
content: [
{
block: 'button'
},
{
block: 'image'
}
]
}
]
},
{
block: 'footer',
content: []
}
]
}
—
Reply to this email directly or view it on GitHub #460 (comment).

спасибо большое за помощь Владимир это моя первая верстка по BEM если будут вопросы я смогу к вам обратиться ?

[b7acksec]

Влад банально конечно но не могу разобраться
Сейчас дерево проэкта выглядит вот таким оразом :

scripts: [{ elem : 'js', url : '_index.js' }],
mods : { theme : 'islands' },
content : [
    {
        block : 'page',
        content : [
            {
                block : 'header',
                content : [
                    {
                        block : 'logo',
                        content : [
                            {
                                block : 'image',
                                url : '../../img/logo.png',
                                title : 'Выпускники.Ру'
                            }

                        ]
                    },

                    {
                        block : 'button',
                        mods : { theme : 'islands', size : 'xl', type : 'submit' },
                        text : 'Войти'
                    }
                ]
            }
        ]
    }
]

})
нужно что бы heder выглядил так : https://yadi.sk/i/wwSMl34xhKGmE
сейчас выглядит : https://yadi.sk/i/W5Y2VaS7hKGnh
В чем ошибка?

[tadatuta]

Предположу, что выше уже есть блок page, второй раз его использовать не нужно.
Ну а в остальном дерево выглядит нормально, дальше нужно писать CSS.

[b7acksec]

Следующий вопрос как изменить внешний вид (шрифт, цвет #5f6276) блока button ? в дальнейшем будет использоваться несколько различных блоков - кнопок.

[tadatuta]

Текущий внешний вид контролов описан в модификаторе theme_islands в папке design.
Можно по аналогии создать другие варианты theme с нужным внешним видом.

[b7acksec]

нашел файл исправил некоторые элементы задаюсь вопросом как, их сохранить или применить?

[tadatuta]

предлагаю посмотреть вот этот мастеркласс, думаю, все моменты прояснятся