как сделать html-обертку для блока?

Главные вкладки

Аватар пользователя alpha alpha 15 августа 2012 в 17:40

Доброго времени суток!

Помогите, пожалуйста, разобраться, как делать обертки для блоков.

Я знакома с css и html, а также мало-мальски с php, но я никак не могу понять, каким образом соединить дизайн с функциональными элементами блока (ссылками, строками ввода текста для форм итд).

Например мне нужно сделать красивое меню, где под словом "красивое" понимается изменение шрифта ссылок и помещение этих ссылок на фон определенной формы и размера.

Пусть существует пользователькое меню my_menu, содержащее три ссылки. Здесь начинаются вопросы:

1. Место размещения кода: блок ведь можно поместить в любой регион, а следовательно дизайн должен "передвигаться" вслед за местом объявления блока, и поэтому, как я понимаю, html-разметку меню нужно писать в отдельном файле, но в каком? В файле block.tpl.php? Как должно выглядеть название этого файла, с учетом того, что меню называется my_menu?

2. Каким образом html-разметка будет взаимодействовать с блоком? Например, если бы это была бы просто php или html страница, то я бы просто с помощью тегов написала бы три ссылки, и каждой из них назначила адрес:

<a href="p1.php" class="button">пункт 1</a>
<a href="p2.php" class="button">пункт 2</a>
<a href="p3.php" class="button">пункт 3</a>

А как обратиться к блоку, чтобы он дал ссылки, которые впоследствие можно было бы оформить с помощью стилей? Приведите, пожалуйста, пример.

Комментарии

Аватар пользователя emzzy emzzy 15 августа 2012 в 17:49

Вы хотите:
1. Натянуть готовую верстку
2. Натянуть какой-то дизайн
3. Сделать тему
4. Еще что-то, о чем мне не догадаться
5. Спрашиваете в чисто теоретическом аспекте
?

Аватар пользователя alpha alpha 15 августа 2012 в 18:36

наверное первый пункт - натянуть готовую верстку.
Как это сделать? Что уже сделано мной:

1. созданы две страницы: page--front.tpl.phр для главной, и page.tpl.phр для всех остальных, где находится разметка с выводом регионов.

2. создан файл node.tpl.php с разметкой для нод.

Теперь я хочу оформить меню, но как? Что для этого нужно сделать? Может какие-нибудь книги на русском посоветуете?

Аватар пользователя emzzy emzzy 15 августа 2012 в 19:46

Просто выводите меню, в нужный регион(сверху, слева, справа, внизу), открываете отладчик браузера(например в Crhome) и находите, div с id меню http://clip2net.com/s/2d1tw

От этого дива и отталкиваетесь.