Блок в стиле Метро
Как оформить блок в стиле Метро
КонТики
Приветствую всех. Хочу на странице сделать блок в стиле Метро. Думаю как это реализовать.

Первый вопрос как блоки сделать разной ширины. Второй вопрос как сделать кнопки в тон блокам в которых они будут находится? Надо разных цветов.
Evgenert
В Метро, нет кнопок. Но если надо то генерируете код кнопки здесь, там вверху есть ссылка на готовые примеры кнопокок:
Скрытый текст виден только зарегистрированным пользователям


Потом добавляете полученный код в файл CSS изменив класс. И в нужной Вам ссылке, которую хотите сделать кнопкой, потом тоже указываете класс нужной по стилю кнопки.
КонТики
С кнопками мало что понял, но возможно не понадобится. Как сделать разную ширину у блоков?
Степаныч
Не знаю правильно ли понял то что вы задумали, но почти все это можно сделать в самой программе. Используя на вкладке Правка, опции Макет и Ячейка.
Примерно если я Вас правильно понял так:

""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.


""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.
КонТики
shock Все оказывается проще чем думал. Спасибо. Насчет кнопок еще подумаю понадобиться или нет.
IcarVik
А как можно сделать такой блок между топ меню и страницей. Что бы не было по бокам колонок с блоками?
sagus85
Скопировать код и в админке джумла создать модуль html вставить код в него. Модуль можно выводить где нужно.
IcarVik
Спс. Не сообразил, что так можно. Оказывается все просто. crazy
Mac Karpey
Можно такую менюшку, сделать в верхнем колонтитуле? Подскажите как сделать?
WaRRan
Нужно меню с разноцветными пунктами, блок на всю шапку в таком виде, или в шапке небольшой блок?
Mac Karpey
Нужно что бы блок занимал всю ширину. Верхнего меню не будет вместо него будет этот блок.
WaRRan
Полученный код из страницы вставить после header и shapes
Код PHP:
  1.  
  2. <header class="header">
  3.  
  4. <div class="shapes">
  5. ---------------------------------------здесь код таблицы-------------------------------
  6. </div>
  7. <nav class="nav">
  8. <ul class="hmenu"><li><a href="../home.html" class="active">Home</a><ul class="active"><li><a href="../home/new-page.html" class="">Subpage 1</a></li><li><a href="../home/new-page-2.html" class="active">Subpage 2</a></li><li><a href="../home/new-page-3.html">Subpage 3</a></li></ul></li><li><a href="../blog.html">Blog</a></li></ul>
  9. </nav>
  10. </header>
  11.  
shapes может не быть.

ЗЫ: Я убрал префикс art-
Mac Karpey
Спасибо, вечером попробую что получится. Напишу.
Evgenert
WaRRan:
Полученный код из страницы вставить после header и shapes

Там стили привязаны к странице. Внутри страницы будут работать, если вынести в header перестанут.


Mac Karpey:
Спасибо, вечером попробую что получится. Напишу.

Стили для этого блока прописываются перед тегом head на той странице на которой делали этот блок.
Эти стили нужно перенести в общий файл стилей .css
И в этих стилях если без art- заменить .content на .header везде где встречается.

Ссылки скорее всего тоже нужно прописать.
Mac Karpey
Evgenert:
Стили для этого блока прописываются перед тегом head на той странице на которой делали этот блок.
Эти стили нужно перенести в общий файл стилей .css
И в этих стилях если без art- заменить .content на .header везде где встречается.

Разобрался. Только тексты и ссылки в блоке такие же как и на странице, а нужно что бы были белый шрифт и немного крупнее. sad
Как поправить?
Перейти на форум:
Страницы: 1 2 3 > >>
Быстрый ответ
У вас нет прав, чтобы писать на форуме.