PDA

Zobacz pełną wersję : Ostylowanie wyświetlanych podpowiedzi



dulek09
21-11-2011, 13:27
Witam uprzejmie,
chciałbym się dowiedzieć, jak mogę ostylować tzw podpowiedzi. Np. po najechaniu na ikonkę edycji artykułu pokazuje się podpowiedź "Redaguj artykuł, Opublikowane...".

Tak wygląda HTML:


<ul class="actions"> <li class="print-icon"> <a href="/joomla17/index.php?option=com_content&amp;view=article&amp;id=7:jub ileusz-100-lecia-tarnowskiego-harcerstwa&amp;catid=39&amp;Itemid=200&amp;tmpl=component&amp;prin t=1&amp;layout=default&amp;page=&amp;lang=pl (http://forum.joomla.pl/view-source:http://krakowska.zhp.pl/joomla17/index.php?option=com_content&view=article&id=7:jubileusz-100-lecia-tarnowskiego-harcerstwa&catid=39&Itemid=200&tmpl=component&print=1&layout=default&page=&lang=pl)" title="Drukuj" onclick="window.open(this.href,'win2','status=no,toolbar=no ,scrollbars=yes,titlebar=no,menubar=no,resizable=y es,width=640,height=480,directories=no,location=no '); return false;" rel="nofollow"><img src="/joomla17/media/system/images/printButton.png (http://forum.joomla.pl/view-source:http://krakowska.zhp.pl/joomla17/media/system/images/printButton.png)" alt="Drukuj" /></a> </li> <li class="email-icon"> <a href="/joomla17/index.php?option=com_mailto&amp;tmpl=component&amp;templat e=choragiew&amp;link=beb42c9d4c3581bfcc425b279e667b793 8fbaf3e&amp;lang=pl (http://forum.joomla.pl/view-source:http://krakowska.zhp.pl/joomla17/index.php?option=com_mailto&tmpl=component&template=choragiew&link=beb42c9d4c3581bfcc425b279e667b7938fbaf3e&lang=pl)" title="Email" onclick="window.open(this.href,'win2','width=400,height=350 ,menubar=yes,resizable=yes'); return false;"><img src="/joomla17/media/system/images/emailButton.png (http://forum.joomla.pl/view-source:http://krakowska.zhp.pl/joomla17/media/system/images/emailButton.png)" alt="Email" /></a> </li> <li class="edit-icon">
<span class="hasTip" title="Redaguj artykuł :: Opublikowane&lt;br /&gt;czwartek, 27, październik 2011&lt;br /&gt;pwd. Mateusz Kremel HO"><a href="/joomla17/index.php?option=com_content&amp;task=article.edit&amp;a_i d=7&amp;return=aHR0cDovL2tyYWtvd3NrYS56aHAucGwvam9vbWx hMTcvaW5kZXgucGhwP29wdGlvbj1jb21fY29udGVudCZ2aWV3P WZlYXR1cmVkJkl0ZW1pZD0yMDAmbGFuZz1wbA==&amp;Itemid=200 &amp;lang=pl (http://forum.joomla.pl/view-source:http://krakowska.zhp.pl/joomla17/index.php?option=com_content&task=article.edit&a_id=7&return=aHR0cDovL2tyYWtvd3NrYS56aHAucGwvam9vbWxhMTc vaW5kZXgucGhwP29wdGlvbj1jb21fY29udGVudCZ2aWV3PWZlY XR1cmVkJkl0ZW1pZD0yMDAmbGFuZz1wbA==&Itemid=200&lang=pl)" ><img src="/joomla17/media/system/images/edit.png (http://forum.joomla.pl/view-source:http://krakowska.zhp.pl/joomla17/media/system/images/edit.png)" alt="Dostosuj" /></a></span> </li> </ul>

Nie byłoby problemu gdyby nie to, że jest to podane w parametrze "title".
Chciałbym, aby po najechaniu na ikonke pokazywał się ten tekst ale w na białym tle z jakimś obramowaniem.

Czekam na odpowiedź i dziekuje za pomoc!

a_m
21-11-2011, 13:43
.tip-wrap {
color:#fff;
background: #000;
border: 1px solid #f46e3e;
padding:10px;
z-index: 999;

}

.tip-title {
font-size:2em
}

dulek09
21-11-2011, 15:59
dzięki!
działa :)