0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 2553 Просмотров
*

Shimmy

  • Новичок
  • 6
  • 0 / 0
Добрый день.
Есть у меня один сайтик. Скачанный из интернетов шаблон не очень красиво отображается на широких мониторах (скриншот ниже). Дело в том, что белая страница, на которой размещаются все данные, ее размеры в CSS заданы явно (900px). Я в CSS не особо силен, мне в голову ничего умнее тупого растяжения листа не приходит, но это неправильно, т.к. в этом случае сайт будет криво отображаться на узких мониторах. Шаблон можно как-то безболезненно оптимизировать?
*

Efanych

  • Глобальный модератор
  • 4685
  • 644 / 0
  • Меняю свою жизнь на 360°!
Посмотрите этот вариант
http://htmlbook.ru/css/media
Создание сайтов, шаблонов, помощь в решении проблем.
*

Shimmy

  • Новичок
  • 6
  • 0 / 0
Интересная статья, спасибо, но боюсь, это не совсем то, то нужно. Там нет возможности выбирать разные мониторы, как я понял. Можно только перебирать типы устройств (монитор, проектор и т.п.).
*

Efanych

  • Глобальный модератор
  • 4685
  • 644 / 0
  • Меняю свою жизнь на 360°!
Нет. Можно указывать нужные разрешения.
@media screen and (min-width: 321px) and (max-width: 480px) {
Вот ещё ссылки
http://naikom.ru/blog/archives/4959
http://naikom.ru/blog/archives/5473
Создание сайтов, шаблонов, помощь в решении проблем.
*

Shimmy

  • Новичок
  • 6
  • 0 / 0
Спасибо большое, буду обучаться.
*

Shimmy

  • Новичок
  • 6
  • 0 / 0
Возникла еще одна проблема. Чтобы не плодить темы, опишу тут же, к тому же название темы подходит.
Правлю я, значит, шаблон под широкие мониторы. Как выглядит шаблон на узких мониторах, можно увидеть в первом сообщении. Как выглядит после правки, можно увидеть ниже. Работу я еще не закончил, но интересует пока вот какая проблема. У закладок верхнего меню левый край не скругляется, а правый скругляется как надо (см. скриншот). Я уже весь мозг сломал, не знаю, что делать.

*

Shimmy

  • Новичок
  • 6
  • 0 / 0
Вот куски CSS, которые (на сколько я понял) отвечают за отображение этих закладок
Код
.art-nav .l
{
left: 0;
right:0px;
}

.art-nav .r
{
right: 0;
width: 892px;
clip: rect(auto, auto, auto, 892px);
}

.art-nav .l, .art-nav .r
{
background-repeat: no-repeat;
background-position: center center;
background-image: url('../images/nav.png'); /* это фон за закладками */
}

.art-menu a .r, .art-menu a .l
{
position:absolute;
display: block;
top:0;
z-index:-1;
height: 78px;
background-image: url('../images/MenuItem.png'); /* это картинка закладок */
}

И вот еще кусок кода страницы из браузера
Код
<div class="art-nav">

<div class="l"></div>

<div class="r"></div>

<div class="art-nav-center">

<ul class="art-menu"><li class="item7"><a href="/asui/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=1&amp;Itemid=7">
<span class="l"> </span><span class="r"> </span><span class="t">Главная</span></a></li><li class="item3"><a href="/asui/index.php?option=com_content&amp;view=article&amp;id=2&amp;Itemid=3">
<span class="l"> </span><span class="r"> </span><span class="t">Хозяйство П</span></a></li><li class="item4"><a href="/asui/index.php?option=com_content&amp;view=article&amp;id=3&amp;Itemid=4">
<span class="l"> </span><span class="r"> </span><span class="t">Хозяйство Э</span></a></li><li class="item5"><a href="/asui/index.php?option=com_content&amp;view=article&amp;id=4&amp;Itemid=5">
<span class="l"> </span><span class="r"> </span><span class="t">Хозяйство Ш</span></a></li><li class="item6"><a href="/asui/index.php?option=com_content&amp;view=article&amp;id=5&amp;Itemid=6">
<span class="l"> </span><span class="r"> </span><span class="t">Хозяйство НГС</span></a></li><li class="item50"><a href="/asui/index.php?option=com_content&amp;view=article&amp;id=48&amp;Itemid=50">
<span class="l"> </span><span class="r"> </span><span class="t">Хозяйство В</span></a></li><li class="item59"><a href="/asui/index.php?option=com_quickfaq&amp;view=category&amp;cid=1&amp;Itemid=59">
<span class="l"> </span><span class="r"> </span><span class="t">Ответы на вопросы</span></a></li></ul> </div>

</div>

P.S. извиняюсь за 2 сообщения, хотел первое дополнить ><
P.P.S. как обычно... задал вопрос и тут же сам разобрался... спасибо! :D
« Последнее редактирование: 18.05.2012, 07:52:38 от Shimmy »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как вывести путь до шаблона с помощью API Joomla?

Автор elche

Ответов: 13
Просмотров: 10954
Последний ответ 11.09.2018, 23:48:50
от DK-Scorp
Стили шаблона

Автор karkan25

Ответов: 12
Просмотров: 1241
Последний ответ 21.05.2017, 16:40:32
от karkan25
Проблема с изменением логотипа штатного шаблона rhuk_milkyway Joomla_1.5

Автор Porohok

Ответов: 6
Просмотров: 1404
Последний ответ 22.03.2017, 10:34:23
от Porohok
Настройка неадаптивного шаблона

Автор Zegeberg

Ответов: 4
Просмотров: 1588
Последний ответ 21.06.2016, 00:21:06
от Zegeberg
Редактирование шаблона

Автор gdmitry

Ответов: 1
Просмотров: 1353
Последний ответ 04.06.2016, 20:25:32
от Taatshi