PDA

Zobacz pełną wersję : Nie działająca <p class="message"> :(



behape
03-12-2012, 19:03
Od kilkunatu dni nie mogę poradzić sobie z problemem <p class="message">. W wersji Joomla 1.0 nie było z tym problemu i umieszczenie w artykule kodu <p class="message"><span class="icon">&nbsp;</span>Jakis tekst</p> powodowało wyświetlenie teksu w ramce z dodatkową ikonką jak ta 6146. Tak samo działało (z innym efektem wizualnym) wywołanie <p class="error"> W Joomla 2.5.8 to nie działa. Czy ktoś wie w jaki sposób wywołać w najnowszej Joomla te efekty.
P.S. Z góry dzięuję za pomoc

pawelSafiStudio
03-12-2012, 19:28
A wczytujesz plik systemowy css, w którym są zapisane atrybuty tej klasy?

behape
03-12-2012, 19:34
/* System Standard Messages */

#system-message dd.message ul { background: #C3D2E5 url(../images/system/notice-info.png) 4px center no-repeat;}
#system-message dd.message ul li {background-image:none;text-align:center;}

pawelSafiStudio
03-12-2012, 19:57
To co podałeś ma się nijak do <p class="message" />. Ale możesz to sobie przerobić.

behape
03-12-2012, 20:14
Problem rozwiązny :) Dzięki za sugestie. Dla innych mających ten sam problem podpowiem szczegółową analizę "css/template.css" w używanym szablonie i sprawdzenie czy wczytywane są przykładowe dane:
/* Tips, Error, Message, Hightlight*/
.error {
color: #CC0000;
background: url(../images/bullet-error.gif) 10px 10px no-repeat #FFF0F0;
padding: 15px 40px;
font: 1em/1.5 Georgia, Times, serif;
border-top: 1px solid #CC0000;
border-bottom: 1px solid #CC0000;
}
.message {
color: #4D84A7;
background: url(../images/bullet-info.gif) 10px 10px no-repeat #E7F6FF;
padding: 15px 40px;
font: 1em/1.5 Georgia, Times, serif;
border-top: 1px solid #4D84A7;
border-bottom: 1px solid #4D84A7;
}
.tips {
color: #CC7400;
background: url(../images/bullet-tips.gif) 10px 10px no-repeat #FFF8EE;
padding: 15px 40px;
font: 1em/1.5 Georgia, Times, serif;
border-top: 1px solid #CC7400;
border-bottom: 1px solid #CC7400;
}
.highlight {
border: 1px solid #D5D4CE;
padding-left: 5px;
padding-right: 5px;
background: #EDEDE5;
font-weight: bold;
}

Ścieżki, nazwy i położenia grafik, czcionki i ich wielkości nalezy dostosować do sowjego szablonu!