Отрыв хвоста и кнопки закрытия во всплыв. инфоокне

  • mirra88
  • Topic Author
  • Offline
  • New Member
  • New Member
More
11 years 9 months ago - 11 years 9 months ago #871 by mirra88
Нижняя часть хвоста информационного окна компонента Zh YandexMap (новый, скачала меньше недели назад, а joomla у меня2.5.4) и кнопка закрытия этого окна отображаются на расстоянии сантиметров 2-х справа от основного тела (“Баллона”) окна.
Проблема описана в документации компонента Zh YandexMap, в разделе “Поиск неисправностей”. Там идут ссылки на шаблоны, предлагают воспользоваться FireBug, подправить таблицу, padding, mapping. Но я не могу понять В КАКИХ ШАБЛОНАХ я должна всё это править. FireBug выдаёт ссылки на рисунки и классы шаблонов прописанных, как я поняла, в интернете где-то на сайте производителя компонента (например такая ссылка api-maps.yandex.ru/i/0.4/balloon/balloon.png“). Я же не могу зайти на эти сайты и что-то там поправить. Попробовать переопределить стили у меня тоже не получается, потому, что я не могу найти где в компоненте идёт ссылка на это информационное всплывающее окно интернета. Поиск в проводнике с попыткой найти в файлах сайта названия классов на которые ссылается FireBug (вдруг я что-то неправильно поняла и классы на самом деле прописаны не на сайте производителя в интернете) тоже ни к чему не приводят. Помогите, пожалуйста, что тут можно сделать, где искать? Использую я стандартный, тот который шёл в joomla по умолчанию, шаблон Beez20, переделанный мною под мои цели
Хотела прикрепить скриншот экрана карты с "разъехавшимся баллоном" и нижней ссылкой на интернет ресурсы, но он что-то не прикрепляется. То-ли у меня ещё нет прав таких..
Last edit: 11 years 9 months ago by mirra88.

Please Log in or Create an account to join the conversation.

More
11 years 9 months ago #872 by Dima
Добрый вечер.
Все очень просто
Вы идете в Template Manager, где список установленных у вас в джумле шаблонов, там два таба, переходите на второй раб,
находите Ваш шаблон, кликаете на нем,
У вас откроется список файлов вашего шаблона.
Кликаете на файле template.css
Он открывается на редактирование.
Там и дописываете или правите стили.

Don't forget support my developments: post review in JED , donate , help with translation ;)

Please Log in or Create an account to join the conversation.

  • mirra88
  • Topic Author
  • Offline
  • New Member
  • New Member
More
11 years 9 months ago - 11 years 9 months ago #875 by mirra88
Спасибо за ответ. Но у меня не получается. Сейчас поясню, что я делаю. Возможно, что я что-то делаю не так.
Вначале я пытаюсь сделать так, чтобы joomla вообще среагировала на мои попытки что-то переопределить. А уж когда я увижу, что она вообще "слушается", то тогда постараюсь переопределять стили правильно. Поэтому первое что я сделала, это через firebug изменила 95 на 15 вот здесь:
.YMaps-b-balloon_full .YMaps-b-balloon-bit i, .YMaps-b-balloon_full .YMaps-b-balloon-tail-top i, .YMaps-b-balloon_full .YMaps-b-balloon-tail-middle i, .YMaps-b-balloon_full .YMaps-b-balloon-tail-bottom i, .YMaps-b-balloon_full .YMaps-b-balloon-shad i, .YMaps-b-balloon-close i {
    background: url("http://api-maps.yandex.ru/i/0.4/balloon/balloon.png") repeat-x scroll 0 0 transparent;
    height: 128px;
    width: 95px;
}
После этого я внесла всё это в файл template.css и поменяла 95px на 15px в нём. Вот так вот
width: 15px !important;
Даже покажу, на всякий случай весь файл template.css, там кроме первых трёх блоков, всё скопировано мною с сайта (с firebug), с компонента Zh YandexMap, с "автоматически" сформированных ссылок:
body
{
        background: #fff;    
        color: #000000;
        font-size: 100.1%;
        padding: 0px;
        text-align: center;
}

body.contentpane {
    width:auto;
    margin:10px;
    text-align: left;
}
img { border: 0 none; }

.YMaps-b-balloon_full .YMaps-b-balloon-tl .YMaps-b-balloon-bit i, .YMaps-b-balloon_full .YMaps-b-balloon-tr .YMaps-b-balloon-bit i, .YMaps-b-balloon_full .YMaps-b-balloon-b .YMaps-b-balloon-bit_l i, .YMaps-b-balloon_full .YMaps-b-balloon-b .YMaps-b-balloon-bit_r i {
    width: 15px !important;
}


.YMaps-b-balloon_full .YMaps-b-balloon-tr .YMaps-b-balloon-bit i {
    left: -8px;
}

.YMaps-b-balloon_full .YMaps-b-balloon-tl .YMaps-b-balloon-bit i, .YMaps-b-balloon_full .YMaps-b-balloon-tr .YMaps-b-balloon-bit i {
    top: 0;
}


.YMaps-b-balloon_full .YMaps-b-balloon-bit i, .YMaps-b-balloon_full .YMaps-b-balloon-tail-top i, .YMaps-b-balloon_full .YMaps-b-balloon-tail-middle i, .YMaps-b-balloon_full .YMaps-b-balloon-tail-bottom i, .YMaps-b-balloon_full .YMaps-b-balloon-shad i, .YMaps-b-balloon-close i {
    background: url("http://api-maps.yandex.ru/i/0.4/balloon/balloon.png") repeat-x scroll 0 0 transparent;
    height: 128px;
    width: 15px !important;
}

.YMaps-b-balloon .YMaps-b-balloon-bit i, .YMaps-b-balloon .YMaps-b-balloon-tail i, .YMaps-b-balloon .YMaps-b-balloon-shad i, .YMaps-b-balloon-close i {
    position: absolute;
}


.YMaps-b-balloon .YMaps-b-balloon-bit {
    font: 0pt/0 a;
}

.YMaps-b-balloon-tl, .YMaps-b-balloon-t, .YMaps-b-balloon-tr, .YMaps-b-balloon-ml, .YMaps-b-balloon-mr, .YMaps-b-balloon-b {
    font-size: 0;
}

.YMaps-b-balloon_full .YMaps-b-balloon-frame {
    cursor: default;
}

.YMaps-b-balloon-frame {
    border-collapse: collapse;
}

.YMaps-b-balloon_full {
    cursor: default;
}

.YMaps-cursor-grab[class] {
    cursor: -moz-grab;
}

html body .YMaps {
    font: 13px Arial,Helvetica,sans-serif !important;
    text-align: left;
}

.YMaps-cursor-grab {
    cursor: url("http://api-maps.yandex.ru/i/0.4/cursors/grab.cur") 16 16, url("http://api-maps.yandex.ru/i/0.4/cursors/grab.cur"), move;
}
Если бы стили переопределились, то на карте, как и при экспериментах с firebug, у меня бы исчезла нижняя часть хвоста. А она никуда не исчезла, более того, firebug по прежнему показывает ширину 95. Это значит, что что бы я для классов .YMaps не прописывала в template.css, Joomla на это не реагирует и по прежнему берёт информацию непосредственно с сайта..
Last edit: 11 years 9 months ago by mirra88.

Please Log in or Create an account to join the conversation.

  • mirra88
  • Topic Author
  • Offline
  • New Member
  • New Member
More
11 years 9 months ago - 11 years 9 months ago #876 by mirra88
Спасибо, кажется всё-таки нашла. Сейчас проверяла ВСЕ файлы шаблонов, вносила им указанную выше строку в notepad++ и обновляла страницу. Выяснила, что Joomla реагирует на файл position.css. Именно через него у меня происходят изменения на странице, причём те изменения, которые я ожидала. Нашла ГДЕ надо менять, теперь буду искать ЧТО надо менять, чтобы "баллон совместился".

А теперь нашла и в чём была причина! Поменяла в строке
html body .YMaps{font:13px Arial,Helvetica,sans-serif!important;
13px на 0px и у меня всё стало хорошо!
Спасибо за помощь!
Last edit: 11 years 9 months ago by mirra88.

Please Log in or Create an account to join the conversation.

More
11 years 9 months ago #877 by Dima
Ну мне как-то неудобно говорить, но Вы поменяли просто размер фонта на 0.

Могу Вам сказать, у меня с моими шаблонами до каких-то пор не было проблем отрыва хвоста, были у других пользователей моих разработок. Вы можете почитать форум (и старый в том числе).
Но потом разработчики внесли коррективы, и у меня также возникают проблемы при обновлении версий шаблонов. То хвост убежит, то еще что.

У меня правка состоит только в одном файле, который template.css
В нем я в зависомости от шаблона и проблемы дописываю несколько строк.

Что касается Zh YandexMap, то у меня пока только одна проблема возникает, отрыв хвоста.
И я в конец этого файла дописываю переопределение:
/*My Styles*/
.YMaps-b-balloon-frame {
  margin: 0;
}


Поскольку мой отрыв хвоста связан только с отступом, который определен в шаблоне и который влияет на макет балуна яндекса

Don't forget support my developments: post review in JED , donate , help with translation ;)
The following user(s) said Thank You: mirra88

Please Log in or Create an account to join the conversation.

  • mirra88
  • Topic Author
  • Offline
  • New Member
  • New Member
More
11 years 9 months ago #878 by mirra88
Спасибо. Я поняла, что я просто поменяла размер шрифта на ноль. Но я сделала это экспериментируя на всём подряд, осознанно-же я так и не поняла как связаны размер шрифта и вот этот отрыв баллона. Ну главное, что работает!

Please Log in or Create an account to join the conversation.

Time to create page: 0.212 seconds

Donate


Go to top