Extra Block Types (EBT) - New Layout Builder experience❗

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Extra Paragraph Types (EPT) - analogical paragraph based set of modules.

Demo EPT modules Download EPT modules

Scroll

меню

меню
, by

как сделать меню как показано на рисунке?

1 answer
votes: 935
Answer

Вам нужно поставить обтекание логотипу или меню:

.logo{

  float: left;

}

 

.menu{

  float: right;

}


куда всё это вставлять?


Вставлять в ваш файл css. Советую вам посмотреть уроки по верстке:

Темизация Drupal (стилизация, шаблоны)


вот что у меня получилось

не получает на вверх меню. сделать

как поднять?

 

 

 

 


Используйте float: left; float: right; для блоков, тогда сможете сделать обеткание и меню поднимется вверх. Или используйте position: absolute; и задайте позицию left: 100; top: 100;

 


вот что у меня получилось! красное обозначено! не получается что бы было как зелёном цветом обозначено!  ь

 

 


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


логотип будет картинка, а не текст, не понятно как ещё можно сделать меню и как два блока сделать, подскажите пожалуйста?


скажите пожалуйста как вывести два блока, один блок рисунок(логотип) другой блок меню?


Добавьте регион в шаблон и в него выводите эти блоки:

Темизация Drupal урок 2 Верстаем главную страницу


в этом уроке нет как создать еще блок меню


Посмотрите в общем как с блоками и меню работать, посмотрите по темизации уроки, вот этот про обтекание:

Учебник CSS - Урок 5 - Свойства float, clear. Обтекание и конец обтекания.

Думаю у вас должно получиться после этого.


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