Forum PHP.pl > [css] jak zrobic zaznaczenie domyslnie (jak zmodyfikowac)

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [css] jak zrobic zaznaczenie domyslnie (jak zmodyfikowac)

AndyPSV

30.04.2010, 16:26:15

Moze glupie pytanie, ale co zrobic (w css, jaka klase dodac), aby po wejsciu w dany link, byl on podswietlany tak: http://img256.imageshack.us/img256/5677/whattodo.gif

Kod

.menu,.menu ul{list-style-type:none;margin:0;padding:0;width:180px;z-index:100}
.menu a{display:block;text-decoration:none}
.menu li a{background:#fff;color:#0f0f;padding:2px 0 2px 5px}
.menu li a:hover{color:#fff;background:#3b5998}
.menu li ul li a{background:#f0f0f0;color:#000;padding-left:20px}
.menu li ul li a:hover{background:#f9f9f9;border-left:5px solid #000;padding-left:15px}
.menu li ul li .in{background:#fafafa;border-left:5px solid #000;padding-left:15px}

tutaj, tak to wyglada ogolnie: http://path-of-power.com/forex

Aha i co zrobic, aby pod tym articles byla kolejna POD_LISTA (jak zmodyfikowac ten css, aby bylo wciecie etc. - chyba wiadomo o co chodzi).

pedro84

30.04.2010, 16:37:48

Musisz sprawdzać za pomocą PHP aktualną stronę (jeśli ją pobierasz, np. z tablicy $_GET) i jeśli $_GET['strona'] to jest about, to nadajesz klasę.

Z podlistą, co za problem? Tak jak dodane jest podmenu pierwszego poziomu tylko pozycjonujesz ją odpowiednio.

AndyPSV

1.05.2010, 00:26:04

to to wiem, problem jest jeszcze prostszy - chodzi o to, jaka klase wstawic zeby bylo podswietlone? jak przy a:hover (najechaniu) jak zmodyfikowac .css, o to pytam

mortus

1.05.2010, 06:18:22

W css torzysz nową klasę

[CSS] pobierz, plaintext 
.active {
    font-weight: bold;
}
[CSS] pobierz, plaintext

A w pliku php, sprawdzasz, który link został wywołany, dla przykładu weźmy sobie taki odnośnik:
http://domena.pl/index.php?page=contact

[PHP] pobierz, plaintext 
<?php
    echo '<ul>';
    echo '<li><a href="index.php?page=main"' . (isset($_GET['page']) && $_GET['page'] == 'main') ? ' class="active"' : '' . '>Strona główna</a></li>';
    ...
    echo '<li><a href="index.php?page=contact"' . (isset($_GET['page']) && $_GET['page'] == 'contact') ? ' class="active"' : '' . '>Kontakt</a></li>';
    echo '</ul>';
?>
[PHP] pobierz, plaintext

AndyPSV

1.05.2010, 18:59:58

nie chodzi mi o to, aby bylo pogrubione, tylko aby byly odwrocone kolory
czyli: napis bialy, tlo niebieskie

na razie tylko pogrubia, a jak chce odwrocic to nie chce dzialac
co zrobic?

pedro84

1.05.2010, 19:20:06

[CSS] pobierz, plaintext 
font-weight:normal;
[CSS] pobierz, plaintext

AndyPSV

2.05.2010, 00:24:09

chce zeby wygladalo tak PO WCISNIECIU (czyli odwrocilo kolory i bylo takie caly czas): http://img256.imageshack.us/img256/5677/whattodo.gif

[HTML] pobierz, plaintext 
.active{color:#fff;background:#3b5998}
.menu,.menu ul{list-style-type:none;margin:0;padding:0;width:180px;z-index:100}
.menu a{display:block;text-decoration:none}
.menu li a{background:#fff;color:#0f0f;padding:2px 0 2px 5px}
.menu li a:hover{color:#fff;background:#3b5998}
[HTML] pobierz, plaintext

chce zeby pod daniu:

[PHP] pobierz, plaintext 
<div class='l'>
	<ul class='menu' style='width:150px'>
		<li<% if $_GET[0] == 'profile' AND $_GET[1] == '' %> class='active'<% /if %>><a href='<% $URL %>profile'>Main</a></li>
		<li<% if $_GET[1] == 'settings' %> class='active'<% /if %>><a href='<% $URL %><% $md %>/settings'>Account Settings</a></li>
		<li<% if $_GET[1] == 'knowledge' %> class='active'<% /if %>><a href='<% $URL %><% $md %>/knowledge' title="Accepted / Unaccepted">Your Knowledge (<% $k_cnt %>/<% $k_cnt2 %>)</a></li>
	</ul>
</div>
[PHP] pobierz, plaintext

bylo wlasnie MENU -> niebieskie, napis: bialy jak tu:
.active{color:#fff;background:#3b5998}

tylko ze cos nie dziala, jak to zrobic

prosta rzecz, tylko cos nie idzie

krzysztof_kf

2.05.2010, 19:20:44

Jaki cms ? jeśli tak pokaż kod odpowiadający za wyświetlanie menu ..

AndyPSV

2.05.2010, 22:53:01

http://path-of-power.com/forex
tutaj masz, menu po lewo (kod jak w kodzie zrodlowym strony)

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.