Войти

Авторизация

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

[РЕШЕНО] Модуль во всю ширину и меню с закруглением

Модуль во всю ширину и меню с закруглением
Захожу иногда
mars18
Сообщений: 37
81 день назад
Доброго времени суток форумчане!
Я когда то писал как сделать
Скрытый текст виден только зарегистрированным пользователям
все круто! Но тут я решил не большей отступ меню на сто пикселей сделать вниз и как видно вот, что получилось
""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.
меню опустилось вниз. Есть какое то решение? Надо чтобы было как на макете сверху еще будет телефон
""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.


Второй вопрос по меню я сделал бордер снизу задал цвет, иду в шаблон правлю, пишу бордер разиус 6px и радиус появляется, но почему то не загибается как на макете
""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.
а остается прямым с верху?
Постоянный участник
Malover
Медаль
Сообщений: 571
1 день назад
mars18:
меню опустилось вниз. Есть какое то решение? Надо чтобы было как на макете сверху еще будет телефон

Может быть другой макет надо выбрать, где меню в шапке, а не за шапкой

""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.
Захожу иногда
mars18
Сообщений: 37
81 день назад
Спс что откликнулись, но вот именно это у меня и выбрано! и результат такой
вот что нотпад пад
Код PHP:
  1. </head>
  2. <body>
  3.  
  4. <div id="art-main">
  5.  
  6. <div id="art-header-bg">
  7. </div>
  8. <?php echo $view->position('position-15', 'art-nostyle'); ?>
  9. <div class="art-sheet clearfix">
  10. <header class="art-header"><?php echo $view->position('position-30', 'art-nostyle'); ?>
  11.  
  12. <div class="art-shapes">
  13.  
  14. </div>
  15.  
  16. <h1 class="art-headline">
  17. <a href="<?php echo $document->baseurl; ?>/"><?php echo $this->params->get('siteTitle'); ?></a>
  18. </h1>
  19.  
  20.  
  21.  
  22.  
  23.  
  24. <?php if ($view->containsModules('position-1', 'position-28', 'position-29')) : ?>
  25. <nav class="art-nav">
  26.  
  27. <?php if ($view->containsModules('position-28')) : ?>
  28. <div class="art-hmenu-extra1"><?php echo $view->position('position-28'); ?></div>
  29. <?php endif; ?>
  30. <?php if ($view->containsModules('position-29')) : ?>
  31. <div class="art-hmenu-extra2"><?php echo $view->position('position-29'); ?></div>
  32. <?php endif; ?>
  33. <?php echo $view->position('position-1'); ?>
  34.  
  35. </nav>
  36. <?php endif; ?>
  37.  
  38.  
  39. </header>
  40. <?php echo $view->positions(array('position-16' => 33, 'position-17' => 33, 'position-18' => 34), 'art-block'); ?>
  41. <div class="art-layout-wrapper">
  42. <div class="art-content-layout">
  43. <div class="art-content-layout-row">
  44. <?php if ($view->containsModules('position-7', 'position-4', 'position-5')) : ?>
  45. <div class="art-layout-cell art-sidebar1">
  46. <?php echo $view->position('position-7', 'art-block'); ?>
  47. <?php echo $view->position('position-4', 'art-block'); ?>
  48. <?php echo $view->position('position-5', 'art-block'); ?>
  49.  
  50.  
  51.  
  52.  
  53. </div>
А это через класс добавил в css фон модуля

Код PHP:
  1. .bg-fon {
  2. position: relative;
  3. background-image: url('/images/fon_slider.jpg');
  4. background-repeat: no-repeat;
  5. height: 420px;
  6. }
Постоянный участник
Степаныч
Медаль
Сообщений: 634
6 дней назад
Тоже не понял куда и как нужно двигать меню scratch

mars18:
Но тут я решил не большей отступ меню на сто пикселей сделать вниз и как видно вот, что получилось меню опустилось вниз. Есть какое то решение? Надо чтобы было как на макете сверху еще будет телефон

в файле template.css строки примерно 450 стили для положения меню, у меня на дефолтном так:

Код PHP:
  1.  
  2. .art-nav
  3. {
  4. border-bottom: 1px dotted #A3B4C8;
  5. position: absolute;
  6. margin: 0;
  7. bottom: 0;
  8. width: 100%;
  9. z-index: 100;
  10. text-align: right;
  11. }
  12.  
регулировать можно margin (отступ) или bottom (расстояние от низа дива), bottom возможно заменить на top (расстояние от верха дива).

Или напишите еще раз куда сейчас и на каком рисунке нужно двинуть меню, не пойму на первом рисунке его выше поднять нужно?
Постоянный участник
Handi
Медаль
Сообщений: 712
19 дней назад
mars18:
Второй вопрос по меню я сделал бордер снизу задал цвет, иду в шаблон правлю, пишу бордер разиус 6px и радиус появляется, но почему то не загибается как на макете

Что есть "радиус появляется, но почему то не загибается"? music
качественное продвижение и раскрутка сайтов в сеопульте
Захожу иногда
mars18
Сообщений: 37
81 день назад
Ну хорошо давайте все поподробнее:
1) Создал в артистре шаблон. Настроил меню снизу фото настроек
""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.
""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.

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

2) Загрузил на joomla данный шаблон, в файл index.php подключил свою таблицу стилей называется nepstyle.css (на фото)
""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.

3) Позицию 15 перенес из стандартного положения за пределы <div class="art-sheet clearfix"> как до этого объяснялось в этом примере
Скрытый текст виден только зарегистрированным пользователям
и к стати он работает проверял на другом проекте, но там меню плотно к топу прикреплено (вот что вышло
Скрытый текст виден только зарегистрированным пользователям
. Смотрим на фото что получается
""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.

4) в joomla создал модуль html и не стал вставлять стандартным способом а просто прописал div с классом bg-fon (если подробно: <div class="bg-fon"></div>)
5) в подключенном мною файле nepstyle.css написал следующее
""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.

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

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


Что касаемо меню закруглений:
На макете углы выглядят так
""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.

Но когда я прописываю border-radius: 6px; вид такой

оно не закругляется как на примере а просто упирается в закругление и это не совсем красиво вот чего я пытаюсь добиться.Добавлено спустя 6 минутпрошу прощения с закруглением вопрос решен! Надо было чуть потоньше линию сделать и чуток побольше радиус взять и все нормально! Но вот с модулем нужно как то решить вопрос.
Постоянный участник
Malover
Медаль
Сообщений: 571
1 день назад
mars18:
3) Позицию 15 перенес из стандартного положения за пределы <div class="art-sheet clearfix"> как до этого объяснялось

Нужно и меню вместе с шапкой выносить за пределы art-sheet это:

mars18:
Код PHP:
  1. <header class="art-header"><?php echo $view->position('position-30', 'art-nostyle'); ?>
  2.  
  3. <div class="art-shapes">
  4.  
  5. </div>
  6.  
  7. <h1 class="art-headline">
  8. <a href="<?php echo $document->baseurl; ?>/"><?php echo $this->params->get('siteTitle'); ?></a>
  9. </h1>
  10.  
  11.  
  12.  
  13.  
  14.  
  15. <?php if ($view->containsModules('position-1', 'position-28', 'position-29')) : ?>
  16. <nav class="art-nav">
  17.  
  18. <?php if ($view->containsModules('position-28')) : ?>
  19. <div class="art-hmenu-extra1"><?php echo $view->position('position-28'); ?></div>
  20. <?php endif; ?>
  21. <?php if ($view->containsModules('position-29')) : ?>
  22. <div class="art-hmenu-extra2"><?php echo $view->position('position-29'); ?></div>
  23. <?php endif; ?>
  24. <?php echo $view->position('position-1'); ?>
  25.  
  26. </nav>
  27. <?php endif; ?>
  28.  
  29.  
  30. </header>

может быть по другому или сменить макет, но сейчас у вас по коду получается шапка внутри листа, меню внутри шапки, а модуль над ними за пределами листа.

По меню:

mars18:
оно не закругляется как на примере а просто упирается в закругление и это не совсем красиво вот чего я пытаюсь добиться.

возможно вы закругляете не меню а шапку снизу поэтому у меню и закругляется только низ.

Надо или сменить макет где позволяет закруглить со всех сторон, или в стилях найти и закруглить в ручную.Добавлено спустя 6 минут
Malover:
но сейчас у вас по коду получается шапка внутри листа, меню внутри шапки, а модуль над ними за пределами листа.

mars18, статью посмотрите, по порядку кода в шаблоне артистира, может быть поможет сориентироваться:

Скрытый текст виден только зарегистрированным пользователям
Редактировалось: 1 раз (Последний: 24 декабря 2015 в 17:36)
Постоянный участник
Handi
Медаль
Сообщений: 712
19 дней назад
Как вариант в ручную прописать закругление для меню в стилях для art-nav

Скрытый текст виден только зарегистрированным пользователям
качественное продвижение и раскрутка сайтов в сеопульте
Захожу иногда
mars18
Сообщений: 37
81 день назад
Handi:
Как вариант в ручную прописать закругление для меню в стилях для art-nav

Скрытый текст виден только зарегистрированным пользователям

Я уже решил его писал же что разобрался
Захожу иногда
mars18
Сообщений: 37
81 день назад
Все вопросы решились выбором другого макета
|
Перейти на форум: