Войти

Авторизация

Логин:
Пароль:
Забыли пароль?
Регистрация
Сайт пользователей Artisteer и Themler. Официальный торговый представитель.

Блок в стиле Метро

Как оформить блок в стиле Метро
Захожу иногда
КонТики
Сообщений: 38
2 дня назад
Приветствую всех. Хочу на странице сделать блок в стиле Метро. Думаю как это реализовать.

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


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

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


""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.
Захожу иногда
КонТики
Сообщений: 38
2 дня назад
shock Все оказывается проще чем думал. Спасибо. Насчет кнопок еще подумаю понадобиться или нет.
Посетитель
IcarVik
Сообщений: 29
485 дней назад
А как можно сделать такой блок между топ меню и страницей. Что бы не было по бокам колонок с блоками?
Постоянный участник
sagus85
Медаль
Сообщений: 287
12 дней назад
Скопировать код и в админке джумла создать модуль html вставить код в него. Модуль можно выводить где нужно.
Посетитель
IcarVik
Сообщений: 29
485 дней назад
Спс. Не сообразил, что так можно. Оказывается все просто. crazy
Посетитель
Mac Karpey
Сообщений: 25
23 дня назад
Можно такую менюшку, сделать в верхнем колонтитуле? Подскажите как сделать?
Постоянный участник
WaRRan
Медаль
Сообщений: 178
20 дней назад
Нужно меню с разноцветными пунктами, блок на всю шапку в таком виде, или в шапке небольшой блок?
Посетитель
Mac Karpey
Сообщений: 25
23 дня назад
Нужно что бы блок занимал всю ширину. Верхнего меню не будет вместо него будет этот блок.
Постоянный участник
WaRRan
Медаль
Сообщений: 178
20 дней назад
Полученный код из страницы вставить после 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
Сообщений: 25
23 дня назад
Спасибо, вечером попробую что получится. Напишу.
Постоянный участник
Evgenert
Медаль
Сообщений: 306
4 дня назад
WaRRan:
Полученный код из страницы вставить после header и shapes

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


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

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

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

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