Новости Joomla

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

Methodd

  • Осваиваюсь на форуме
  • 19
  • 0 / 0
Здравствуйте !
Помогите пожалуйста с настройкой позиции модуля.


Изначально ширина была 980, я увеличил до 1200. При добавление модуля в позицию Right он криво отображается.
Вот сайт - http://asia-days.com/
Я так понимаю что нужно прописать в CSS, чтоб позицию Right была до конца в право, но не могу найти где.
Спасибо !
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Ширина между позициями модуля
« Ответ #1 : 13.05.2014, 12:42:21 »
Код: css
.content_sparky {
    width: 870px;
}
.mp_right {
    width: 320px;
    float: right !important;
}

PS: не в тот раздел топик, Вам в "Шаблоны и дизайн"=>"Вопросы по CSS"
PPS: указывайте пожалуйста ссылку на конкретную проблемную страницу вашего сайта, а не на главную, за исключением случаев, когда проблемной страницей является именно главная.
« Последнее редактирование: 13.05.2014, 12:56:07 от AlekVolsk »
*

Methodd

  • Осваиваюсь на форуме
  • 19
  • 0 / 0
Re: Ширина между позициями модуля
« Ответ #2 : 13.05.2014, 14:23:47 »
Извиняюсь если не туда, пусть тогда модератор пожалуйста перенесет тему.

На всех страницах одинаково отображается, и .mp_right widht: 320 меняет ширину самой позиции.
Мне нужно уменьшить ширину между abovecontent и right
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Ширина между позициями модуля
« Ответ #3 : 13.05.2014, 14:47:18 »
.mp_right widht: 320 - задано вами, просто добавил float: right !important; потому что
Здравствуйте !
Помогите пожалуйста с настройкой позиции модуля.
...
При добавление модуля в позицию Right он криво отображается.
...
Я так понимаю что нужно прописать в CSS, чтоб позицию Right была до конца в право

.content_sparky width: 870 указано, чтобы между .content_sparky и .mp_right widht не было зазора (1200=320+870). Все это - в zoopark.css
Что есть abovecontent по вашему? в браузере это не видно, зато видно
Код: html4strict
<div class="sparky_full contentrow">
    <div class="container">
        <div class="row">
            <div class="content_sparky span8"></div>
            <div class="cell mp_right span4 "></div>
        </div>
        <div class="clr"></div>
    </div>
    <div class="clr"></div>
</div>

В k2.css поправьте:
div.itemIntroText img {max-width: 100% !important;}
и уберите все указания размеров изображений из img в материалах


Для примера смотрел здесь: http://asia-days.com/index.php/2014-05-03-11-18-06/zoopark
*

Methodd

  • Осваиваюсь на форуме
  • 19
  • 0 / 0
Re: Ширина между позициями модуля
« Ответ #4 : 13.05.2014, 16:14:37 »
Спасибо за помощь, я уже начинаю понимать и исправлять, но.....
Если сдвинуть в право mp_right (320px), a abovecontent увеличить до 880px, то все равно есть между ними зазор.
1) я не могу найти в каком файле находить mp_right
2) что за zoopark.css ??
3) где убираются указания размеров изображений из img в материалах (и что это ?)

На этом сайте, с таким же шаблоном, все нормально отображается
http://veenemanbouw.nl/index.php/over-veeneman/missie-en-visie
« Последнее редактирование: 13.05.2014, 16:20:27 от Methodd »
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Ширина между позициями модуля
« Ответ #5 : 13.05.2014, 16:26:31 »
FireBug использовать умеете?
Если Ваш браузер Firefox, то F12, либо на любом элементе клик правой -> Исследовать элемент.

1. mp_right объявлен в zoopark.css, 48 строка
2. это файл стилей, подключается шаблоном либо k2:
Код: html4strict
<link rel="stylesheet" href="http://asia-days.com/index.php/2014-05-03-11-18-06/zoopark?css_request=1&amp;diff=657059476" type="text/css" />
3. В редакторе материалов, в режиме HTML, либо самописным js, выделенное - убрать:
<img width="860" height="645" alt="37-IMG 1272" src="/images/Singapore/Zoo/37-IMG_1272.JPG"></img>
*

Methodd

  • Осваиваюсь на форуме
  • 19
  • 0 / 0
Re: Ширина между позициями модуля
« Ответ #6 : 13.05.2014, 16:44:51 »
Я смотрю через Chrome (просмотр кода элемента) и у меня получается настроить так как мне надо.
Но в файлах я не могу это найти и исправить.
Мне нужно это исправить на всех страницах, чтоб везде было одинаково.
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Ширина между позициями модуля
« Ответ #7 : 13.05.2014, 16:54:08 »
А это и будет на всех страницах, причем одновременно (кроме п.3), а я ваш файл тем более найти не смогу.
Вы лучше сделайте копию сайта локально на денвере, и на этой копии экспериментируйте, на хостинге потом выложите конечный результат либо смоделируете ошибку/неисправность для показа здесь. А если планируете всерьез заниматься сайтостроением, то заведите еще один бесплатный хостинг, на котором будете производить показ ошибок, просто в общих параметрах выставляете noindex,nofollow для исключения из поисковиков. Но основной эксперимент - локально, так и файлы нужные легче найти.

Я смотрю через Chrome (просмотр кода элемента)
В хроме очень бедный отладчик, поставьте в него расширение FireBug
*

Methodd

  • Осваиваюсь на форуме
  • 19
  • 0 / 0
Re: Ширина между позициями модуля
« Ответ #8 : 13.05.2014, 17:16:24 »
Как мне найти этот файл стилей ?
B каждых настройках его адрес другой, и его нету в шаблоне и на сервере
Я правильно понимаю, что если в нем изменить то что нужно (как через FireBug), то так будет на всех страницах сайта и последующих ?
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Ширина между позициями модуля
« Ответ #9 : 13.05.2014, 17:35:15 »
файрбаг подскажет, что и где менять, изменяя значения в файрбаге, можно подобрать идеальный вариант этого значения, но окончательная правка для сайта - это в файлах.
Судя по всему, zoopark.css генерируется автоматом k2.
в k2.css добавьте:
Код: css
.content_sparky {
    width: 870px !important;
}
.mp_right {
    width: 320px !important;
    float: right !important;
}
*

Methodd

  • Осваиваюсь на форуме
  • 19
  • 0 / 0
Re: Ширина между позициями модуля
« Ответ #10 : 13.05.2014, 17:44:22 »
в k2.css этого нету.
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Ширина между позициями модуля
« Ответ #11 : 13.05.2014, 20:28:01 »
*

Methodd

  • Осваиваюсь на форуме
  • 19
  • 0 / 0
Re: Ширина между позициями модуля
« Ответ #12 : 15.05.2014, 02:10:28 »
Спасибо ! помогло.
Но теперь возникла другая проблема, некорректно отображается на мобильных устройствах (в частности на айпаде).
Как это возможно исправить ?

И вопрос не в тему, но все же, объясните новичку пожалуйста чем отличается скачанный шаблон (бесплатно на сайте каком-то), от такого же шаблона, но от производителя (за деньги).
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Ширина между позициями модуля
« Ответ #13 : 15.05.2014, 15:40:32 »
И вопрос не в тему, но все же, объясните новичку пожалуйста чем отличается скачанный шаблон (бесплатно на сайте каком-то), от такого же шаблона, но от производителя (за деньги).

скачанный - это варез (ворованный), который может содержать внедренный чужой код и хорошо, если это просто ссылка на какой-то сайт, а если лазейка...
купленный - шаблон, без каких-либо добавок и + тех-поддержка по шаблону
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

CSS для позиции модуля

Автор tierex

Ответов: 3
Просмотров: 2851
Последний ответ 26.05.2023, 11:06:00
от tierex
Позиционирование модуля

Автор Frost_

Ответов: 4
Просмотров: 3198
Последний ответ 25.01.2023, 11:36:57
от Frost_
Как уменьшить отступ между Title и Components в шаблоне Helix3

Автор artem_wrong

Ответов: 21
Просмотров: 6162
Последний ответ 17.06.2022, 22:42:47
от Scaltro
Как убрать отступы между меню и каруселью?

Автор Vanya

Ответов: 0
Просмотров: 1353
Последний ответ 22.07.2019, 17:13:10
от Vanya
Настройка вывода модуля погоды SP Weather

Автор IvanIvanch

Ответов: 2
Просмотров: 1848
Последний ответ 31.10.2018, 23:19:28
от IvanIvanch