Куда вставлять коды кнопока

22/02/2025, 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 кнопки. Помогите новичку.

Вот этот код вставляем в нужное место шаблона ( если нужно в шаблон каждой страницы, то в 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;
}

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

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

.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;
}

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

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

.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;
}

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

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

.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 у слова Категории?

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

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

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

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Куда вставлять коды кнопока