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

В интернете много уроков про создание кнопок, там прилагаеться html код кнопки и код стиля, так вот куда вставлять этот код кнопки в друпале? Например такой html код :

<a href=”#” alt=”” title=”” class=”buttp”>Название кнопки</a>
И что делать с кодом CSS? Вставлять в стиль темы или создавать для него новый файл стиля и подключать его где нибудь?
Код CSS:
<style type="text/css">
.buttp {
   padding:10px 15px;
   margin: 5px;
   background: #003399;
   color: #fff;
   font-size: 0.9em;
   font-weight: bold;
   line-height: 1.3em;
   border: 1px dashed #fff;
   border-radius: 2px;
   text-shadow: -1px -1px #030;
   font-weight: normal;
}
</style>
 
Использую тему zen, хочу сделать для main-menu кнопки. Помогите новичку. Smile
 
1 answer
votes: 485
Answer

Вот этот код вставляем в нужное место шаблона ( если нужно в шаблон каждой страницы, то в page.tpl.php, если ноды то в node.tpl.php, если в другое место, то в другой файл шаблона который вы переопределите в папке своей темы):

<a href=”#” alt=”” title=”” class=”buttp”>Название кнопки</a>

В папке с темой ZEN есть папка templates, туда можно положить шаблоны и они будут переопределены.

Теперь CSS. В папке css лежит файл pages.css, я в него пишу весь новый код css, так что советую в него дописать в конец файла этот код (без тегов style):

.buttp {
   padding:10px 15px;
   margin: 5px;
   background: #003399;
   color: #fff;
   font-size: 0.9em;
   font-weight: bold;
   line-height: 1.3em;
   border: 1px dashed #fff;
   border-radius: 2px;
   text-shadow: -1px -1px #030;
   font-weight: normal;
}

Вот этот код вставляем в нужное место шаблона ( если нужно в шаблон каждой страницы, то в page.tpl.php, если ноды то в node.tpl.php, если в другое место, то в другой файл шаблона который вы переопределите в папке своей темы):

<a href=”#” alt=”” title=”” class=”buttp”>Название кнопки</a>

В папке с темой ZEN есть папка templates, туда можно положить шаблоны и они будут переопределены.

Теперь CSS. В папке css лежит файл pages.css, я в него пишу весь новый код css, так что советую в него дописать в конец файла этот код (без тегов style):

.buttp {
   padding:10px 15px;
   margin: 5px;
   background: #003399;
   color: #fff;
   font-size: 0.9em;
   font-weight: bold;
   line-height: 1.3em;
   border: 1px dashed #fff;
   border-radius: 2px;
   text-shadow: -1px -1px #030;
   font-weight: normal;
}

Вот этот код вставляем в нужное место шаблона ( если нужно в шаблон каждой страницы, то в page.tpl.php, если ноды то в node.tpl.php, если в другое место, то в другой файл шаблона который вы переопределите в папке своей темы):

<a href="#" alt="" title="" class=”buttp”>Название кнопки</a>

В папке с темой ZEN есть папка templates, туда можно положить шаблоны и они будут переопределены.

Теперь CSS. В папке css лежит файл pages.css, я в него пишу весь новый код css, так что советую в него дописать в конец файла этот код (без тегов style):

.buttp {
   padding:10px 15px;
   margin: 5px;
   background: #003399;
   color: #fff;
   font-size: 0.9em;
   font-weight: bold;
   line-height: 1.3em;
   border: 1px dashed #fff;
   border-radius: 2px;
   text-shadow: -1px -1px #030;
   font-weight: normal;
}

Вот этот код вставляем в нужное место шаблона ( если нужно в шаблон каждой страницы, то в page.tpl.php, если ноды то в node.tpl.php, если в другое место, то в другой файл шаблона который вы переопределите в папке своей темы):

<a href=”#” alt=”” title=”” class=”buttp”>Название кнопки</a>

В папке с темой ZEN есть папка templates, туда можно положить шаблоны и они будут переопределены.

Теперь CSS. В папке css лежит файл pages.css, я в него пишу весь новый код css, так что советую в него дописать в конец файла этот код (без тегов style):

.buttp {
   padding:10px 15px;
   margin: 5px;
   background: #003399;
   color: #fff;
   font-size: 0.9em;
   font-weight: bold;
   line-height: 1.3em;
   border: 1px dashed #fff;
   border-radius: 2px;
   text-shadow: -1px -1px #030;
   font-weight: normal;
}

Спасибо за информацию, разобрался наконецто. Оказалось что код HTML мне не куда не нужно вставлять. Нашел название класса ссылки через FireBug(у меня он - menu-237), скопировал в CSS и там уже оформлял. Кстати, благодаря этого сайта, темы ZEN, сайта htmlbook.ru,  firebug'а, я уже выучил CSS без учебника. :D Спасибо огромное за ваши уроки.

Теперь спокойно могу делать че нить типа такого в CSS:

 

 

Кстати, как нибудь можно сгладить шрифт через CSS у слова Категории?