|
Kolor linków w menu bocznym.
|
| Cezar_Steblow |
Dodany dnia 13.08.2007 13:33:41
|
Przedszkolak
Postów: 10
Ostrzeżeń: 1
Data rejestracji: 01.07.2007 16:44
|
openside("Show_Hide - Podkategorie");
echo "
<a href='javascript:show_hide(ShowHide_001)'>Kategoria Główna</a>
<div id='ShowHide_001'>
<a href='javascript:show_hide(ShowHide_002)'>Podkategoria 1</a><br>
<div id='ShowHide_002'>
<a href='http://www.php-fusion.pl/search.php' target='_blank'>Tekst ukryty 1</a></div>
<script>show_hide(ShowHide_002)</script></a>
<a href='javascript:show_hide(ShowHide_003)'>Podkategoria 2</a><br>
<div id='ShowHide_003'>
<a href='http://www.php-fusion.pl/search.php' target='_blank'>Tekst ukryty 2</a></div>
<script>show_hide(ShowHide_003)</script></a>
<a href='javascript:show_hide(ShowHide_004)'>Podkategoria 3</a><br>
<div id='ShowHide_004'>
<a href='http://www.php-fusion.pl/search.php' target='_blank'>Tekst ukryty 3</a></div>
<script>show_hide(ShowHide_004)</script></a>
<a href='javascript:show_hide(ShowHide_005)'>Podkategoria 4</a><br>
<div id='ShowHide_005'>
<a href='http://www.php-fusion.pl/search.php' target='_blank'>Tekst ukryty 4</a></div>
<script>show_hide(ShowHide_005)</script></a>
<a href='javascript:show_hide(ShowHide_006)'>Podkategoria 5</a><br>
<div id='ShowHide_006'>
<a href='http://www.php-fusion.pl/search.php' target='_blank'>Tekst ukryty 5</a></div>
<script>show_hide(ShowHide_006)</script></a>
<a href='javascript:show_hide(ShowHide_007)'>Podkategoria 6</a><br>
<div id='ShowHide_007'>
<a href='http://www.php-fusion.pl/search.php' target='_blank'>Tekst ukryty 5</a></div>
<script>show_hide(ShowHide_007)</script></a></div>
<script>show_hide(ShowHide_001)</script></a>";
closeside();
Witam. Zastosowałem taką o to tabelkę z rozsuwanym menu bocznym i kategoriami oraz podkategoriami. Mam jednak problem. We wszystkich dostępnych skórkach - tych głównych i tych, które można pobrać ze strony - linki z tego panelu mają kolor taki sam jak wszystkie pozostałe (czyli np; biały kolor linków jest w menu nawigacja i w menu z tymże skryptem). Niestety wyjątkiem jest tu jedna skórka - Luna-G. W tejże skórce linki z tego panelu nie przyjmują takiego koloru jak pozostałe (ciągle są ciemne). Próbowałem coś kombinować w pliku style, lecz dokonane tam zmiany wprawdzie zmieniają kolor linków, ale znowu we wszystkich innych menu, ale nie w menu, w którym znajduję się ten skrypt.
Proszę o pomoc, gdzie mogę coś "zdziałać", aby kolor linków z tego panelu był taki sam, jak w innych panelach.
Kod proszę wstawiać w code - grześ
Edytowane przez Grzes dnia 13.08.2007 13:42:40
|
| |
|
|
| Wścibski Gość |
Dodany dnia 16.01.2025 09:05:34
|
Pan Kontekstualny
Postów: n^x
Data rejestracji: Zawsze
|
|
| IP: localhost |
|
|
 wlodekp |
Dodany dnia 13.08.2007 14:51:35
|
Weteran
Postów: 3101
Pomógł: 29
Data rejestracji: 21.05.2005 22:27
|
Pokaż to u Siebie na stronie bo ja mam kolory takie jak w innych panelach.
|
| |
|
|
| dex |
Dodany dnia 13.08.2007 14:55:27
|
Początkujący
Postów: 212
Data rejestracji: 16.08.2006 15:18
|
Spróbuj tak:
openside("Nawigacja")
?>
<style type="text/css">
//By Snapsas//
.suckerdiv ul{
display:block;
list-style-type: none;
width: 161px;
padding: 0;
margin: 2px 0px 2px 0px;
text-decoration: none;
font: 10px verdana;
font-weight: bold;
color:#fff;
cursor: default;
}
.suckerdiv ul li{
position: relative;
background-color: #FFD700;
}
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 161px; /*sub menu width*/
top: 0;
visibility: hidden;
}
/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
display:block;
width: 150px;
padding: 5px;
margin: 2px 0px 2px 0px;
text-decoration: none;
background-color: #FFD700;
border: 1px solid #000;
font: 10px verdana;
font-weight: bold;
color:#fff;
cursor: default;
}
.suckerdiv ul li a:visited{
color:;
}
.suckerdiv ul li a:hover{
display:block;
width: 150px;
padding: 5px;
margin: 2px 0px 2px 0px;
text-decoration: none;
background-color: #FF7F50;
border: 1px solid #000;
font: 10px verdana;
font-weight: bold;
color:#fff;
cursor: default;
}
.suckerdiv .subfolderstyle{
background: url(http://www.dynamicdrive.com/cssexamples/media/arrow-list.gif) no-repeat center right;
}
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */
</style>
<script type="text/javascript">
var menuids=["suckertree1"] //Enter id(s) of SuckerTree UL menus, separated by commas
function buildsubmenus(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"
if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
else //else if this is a sub level submenu (ul)
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
}
}
for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
ultags[t].style.visibility="visible"
ultags[t].style.display="none"
}
}
}
if (window.addEventListener)
window.addEventListener("load", buildsubmenus, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus)
</script>
<div class="suckerdiv">
<ul id="suckertree1">
<li><a href="#">linkas1</a></li>
<li><a href="#">linkas2</a></li>
<li><a href="#">Folderis 1</a>
<ul>
<li><a href="#">Sublinkas 1.1</a></li>
<li><a href="#">Sublinkas 1.2</a></li>
</ul>
</li>
<li><a href="#">linkas 3</a></li>
<li><a href="#">Folderis 2</a>
<ul>
<li><a href="#">Sublinkas 2.1</a></li>
<li><a href="#">Folderis 2.1</a>
<ul>
<li><a href="#">Sublinkas 2.1.1</a></li>
<li><a href="#">Sublinkas 2.1.2</a></li>
<li><a href="#">Sublinkas 2.1.3</a></li>
<li><a href="#">Sublinkas 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">linkas 4</a></li>
</ul>
</div>
<?
closeside();
|
| |
|
|
| Pieka |
Dodany dnia 13.08.2007 18:09:33
|
Postów: 19885
Pomógł: 767
 v7.02.03
Data rejestracji: 23.02.2005 18:12
|
Wystarczy jak dodasz do linkow klase:
class='side'
Jestem jaki jestem  |
| |
|
|
| Cezar_Steblow |
Dodany dnia 13.08.2007 18:20:09
|
Przedszkolak
Postów: 10
Ostrzeżeń: 1
Data rejestracji: 01.07.2007 16:44
|
Tak Pieka działa. Dzięki. Dodając class='side' linki stają się takie, jakie powinny być...
 |
| |
|
|
| Arti_S |
Dodany dnia 21.12.2007 00:39:32
|
Przedszkolak
Postów: 10
Data rejestracji: 11.12.2007 01:22
|
Co jet nie tak w tym kodzie, że link nie jest taki, jak być powinien? (czyli "side") "[b]<class='side'>[/b]<span class='bl'><a href=../downloads.php?cat_id=16>Nazwa</a></span>";
Edytowane przez Arti_S dnia 21.12.2007 00:41:35
|
| |
|
|
| bartek124 |
Dodany dnia 21.12.2007 13:51:36
|
Weteran
Postów: 3264
Pomógł: 236
v7.02.06
Data rejestracji: 26.05.2007 12:25
|
A widziałeś kiedyś tag class?? Miałeś to dopisać do span czyli
<span class='side'>
  Nie pomagam na komunikatorach oraz PW! |
| |
|
|
| Arti_S |
Dodany dnia 21.12.2007 22:54:54
|
Przedszkolak
Postów: 10
Data rejestracji: 11.12.2007 01:22
|
<span class='side'>
A jeśli dalej nie działa?
echo "<span class='bl'><span class='side'><a href=http://www.xxx.xx>Link
</a></span>";
Edytowane przez Milka dnia 21.12.2007 23:25:26
|
| |
|
