Клуб API Карт

цвет текста в балуне

xandr3xandr
8 августа 2010, 16:45

здравствуйте!

подскажите плз ... сайт стоит на джумле, карта встроена в главную страницу каталога sobi2 ... проблемма такова ... цвет текста в балуне подхватывается с цвета текста  сайта - песочный ... и на белом фоне балуна смотрится не ахти ...

... я пробовал ковыряться в php файлах, чтобы найти где меняется цвет текста ... но так и не нашел ( ...

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

 

.... плюс есть еще один "косячек" - тень балуна "обрывает" хвост ...

... пример здесь: http://elitediscount.net/index.php/component/yandexmaps/map/1

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

25 комментариев
Подписаться на комментарии к посту
Это надо не в PHP колупаться, а в CSS.
Например, добавьте в template.css следующее:

YMaps-b-balloon-content h3, YMaps-b-balloon-content p {
    color: black;
}
только что попробовал ... добавил строку  в css файл шаблона джумлы ... ничего не изменилось ... или не туда?
Как называется файл?
Комментарий удалён
Уже подсказал, см. коммент выше:)
yandexmap.css ... папка www\components\com_yandexmaps\assets

... добавил строку - также ничего не меняется ...
... может не в тот css добавляю?
Да можно и в этот.
Тогда попробуйте так:

YMaps-b-balloon-content h3, YMaps-b-balloon-content p {
    color: black !important;
}
добавил ... эффект прежний ... сам текст файла yandexmap.css ... в папке www\components\com_yandexmaps\assets
выглядит вот так:
----------------------------------------------
div.YMaps {
 border: 1px solid #CCC;
}
div.YMaps:hover{
 border: 1px solid #000099;
}
h3.yandexmapH3 {
 font-size: 14px;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #CCCCCC;
}
YMaps-b-balloon-content h3, YMaps-b-balloon-content p {
    color: black !important;
}
карта яндекс у меня создается и выводится в джумле модулем "яндекс-мап" ... com_yandexmap_1.2.0 ... но в немнастроек как таковых по данному вопросу нет ... возможно стоит использовать что-то другое?
Нет, надо CSS-ом это делать.
а если так:

td.YMaps-b-balloon-m YMaps-b-balloon-content h3, td.YMaps-b-balloon-m YMaps-b-balloon-content p {
    color: black !important;
}
неа ( ... так тоже не хочет ... по прежнему берет цвет, прописанный в джава-скрипте шаблона самой джумлы
... может как-то можно изменить заливку балуна? .. сделать ее не белой, а другого цвета ... такой вариант тоже приемлем
Очень странно. Должно работать.

Заливку балуна поменять довольно хлопотно.

собственно, джавовский скрипт не давал мне изменить цвет текста из css файла шаблона джумлы ... когда методом тыка добрался до скрипта и поковырял его чуток - цвет изменился ) ... может все дело в нем? ... на всякий пожарный - привожу его здесь
--------------------------------------------------------------------
window.addEvent('domready', function() {
  
    


   var list = $$('.module_menu ul.menu li a, a.mainlevel, a.sublevel');
  list.each(function(element) {
  
   var fx = new Fx.Styles(element, {duration:550, wait:false, transition: Fx.Transitions.Expo.easeOut});
  
   element.addEvent('mouseenter', function(){
    fx.start({
     'padding-left': 30,          
            'color': '#b5a642'   
    });
   });
  
   element.addEvent('mouseleave', function(){
    fx.start({
        'padding-left': 15,          
           'color': '#dad871'
    });
   });
  
  });
  
   var list = $$('ul#mainlevel-nav li a, .pagenav');
  list.each(function(element) {
  
   var fx = new Fx.Styles(element, {duration:500, wait:false, transition: Fx.Transitions.linear});
  
   element.addEvent('mouseenter', function(){
    fx.start({
            'color': '#ff9900'   
    });
   });
  
   element.addEvent('mouseleave', function(){
    fx.start({                 
           'color': '#b5a642'
    });
   });
  
  });


  
      var list = $$('a.latestnews, a.mostread, .blogsection');
  list.each(function(element) {
  
   var fx = new Fx.Styles(element, {duration:350, wait:false, transition: Fx.Transitions.linear});
  
   element.addEvent('mouseenter', function(){
    fx.start({              
            'color': '#dad871'   
    });
   });
  
   element.addEvent('mouseleave', function(){
    fx.start({                 
           'color': '#b5a642'
    });
   });
  
  });
       var list = $$('.readon');
  list.each(function(element) {
  
   var fx = new Fx.Styles(element, {duration:350, wait:false, transition: Fx.Transitions.linear});
  
   element.addEvent('mouseenter', function(){
    fx.start({              
            'color': '#dad871'   
    });
   });
  
   element.addEvent('mouseleave', function(){
    fx.start({                 
           'color': '#b5a642'
    });
   });
  
  }); 
});


 

Этот скрипт отвечает за меню у вас на сайте.
Я не очень понял, как он мешал вам править CSS?
этого и я не могу понять .. .но когда в css ставил другие цвета в строках, отвечающих за меню - выполнялись комманды скрипта, а не css ..

Доктор, скажите, может нужно править css-шный файл не в той дирректории, путь к которой я указал? ... есть еще yandexmaps.css в папке www\administrator\components\com_yandexmaps\assets ... может и там нужно править код?
Я балбес, простите. Вот так:
.YMaps-b-balloon-content h3, .YMaps-b-balloon-content p { color: black;}

Попробовал сейчас по вашей ссылке — работает.
Вы не балбес, вы, млин, ГЕНИЙ!! )) ... если бы Вы знали как я рад решею этого вопроса ... ОГРОМНЕЙШЕЕ Вам человеческое СПАСИБО от всей души!! )

... все работает как часики )
мне неудобно "мучать" Вас вопросом о том, можно ли исправить отображение хвоста у балуна ... но все же спрошу ) ... там тень разрывает хвост ...

.. в принпе это не ктично .. .но ради интереса - хоть узнать как и где это можно исправить ...
Ну отлично:) Пожалуйста:)
Доктор, Вы еще здесь? ) ... если не сложно - ткните носом, где можно подкорректировать оторванный хвостик балуна и тень?
Ох, вот это я не знаю, чесслово(
ок, будем поискать ... если решу - отпишусь здесь ... еще раз спасибо вам огромное!
reset.css (строка  9)


h1, h2, h3, h4, h5, h6, p, blockquote, address,  pre, ul,  ol, dl, table {
margin-bottom: 1em;}



Вот  это делает отрыв хвостика!!!
Лекарство:
.YMaps-b-balloon_full  .YMaps-b-balloon-frame {



    cursor: default;
    margin-bottom: 0!important;


}


Прописать в любом файле CSS (желательно конеш относящегося к карте))