Forum PHP.pl > [PHP][CSS]Menu podświetlane

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP][CSS]Menu podświetlane

pemko11

5.10.2010, 14:08:22

Witam! Zainstalowałem skrypt ogłoszeń e-reklamuj.pl/ogloszenia jednak mam problem. Po lewo jest menu chciałbym, aby po najechaniu na jakąś kategorie np motoryzacja się podświetlała. Da się tak?

Kod

if ($zapytanie[0][0] > 0){
for ($i=1;$i<=$zapytanie[0][0];$i++){
echo'<img src="images/st.jpg" alt=" " class="st" /> <a href="'.tytul_ogl($zapytanie[$i][1]).','.$zapytanie[$i][0].',0.html"><strong>'.$zapytanie[$i][1].'</strong></a><br />';

To jest wyświetlanie kategorii. Jak zrobić aby sie podswietlało ?

sadistic_son

5.10.2010, 14:12:05

Nic prostszego. Dodaj klasę do odnośnika np:

[HTML] pobierz, plaintext 
<a href="adres.php" class="twojaklasa" >link</a>
[HTML] pobierz, plaintext

Nastepnie stworz sobie albo zewnetrzny plik css albo w sekcji head zamiesc cos w tym stylu:

[HTML] pobierz, plaintext 
<script type="text/css" >
.twojaklasa:hover{
background-color:lime;
}
</script>
[HTML] pobierz, plaintext

pemko11

5.10.2010, 14:16:46

Cała treść tego pliku jest taka:

Kod

<?php

  $zapytanie=sql_select("
  SELECT * FROM _o_kategorie ORDER BY kat_nazwa asc
  ");

  $podkategorie=sql_select("
  SELECT * FROM _o_podkategorie
  ");


  $strona_wys=9.85*($zapytanie[0][0]+$podkategorie[0][0])+75+140+10+173-3;

if ($zapytanie[0][0] > 0){
  for ($i=1;$i<=$zapytanie[0][0];$i++){
    echo'<img src="images/st.jpg" alt=" " class="st" /> <a href="'.tytul_ogl($zapytanie[$i][1]).','.$zapytanie[$i][0].',0.html"><strong>'.$zapytanie[$i][1].'</strong></a><br />';

      $podkategorie=sql_select("
      SELECT * FROM _o_podkategorie
      WHERE kat_id LIKE '".$zapytanie[$i][0]."'
      ORDER BY podkat_nazwa asc
      ");

    for ($j=1;$j<=$podkategorie[0][0];$j++){
      $str=''.$zapytanie[$i][1].'_'.$podkategorie[$j][2].'';
      echo'   <a href="'.tytul_ogl($str).','.$zapytanie[$i][0].','.$podkategorie[$j][0].'.html">'.$podkategorie[$j][2].'</a><br />';
    }
  }
}
?>

Dodałbyś mi ten kod? I do style.css mam dodac ten drugi?

sadistic_son

5.10.2010, 14:25:44

Gotowcow tu nie rozdajemy a napisalem Ci bardzo dokladnie co masz zrobic. Ale niech Ci bedzie tym raze:

[PHP] pobierz, plaintext 
<?php
 
  $zapytanie=sql_select("
  SELECT * FROM _o_kategorie ORDER BY kat_nazwa asc
  ");
 
  $podkategorie=sql_select("
  SELECT * FROM _o_podkategorie
  ");
 
 
  $strona_wys=9.85*($zapytanie[0][0]+$podkategorie[0][0])+75+140+10+173-3;
 
if ($zapytanie[0][0] > 0){ 
  for ($i=1;$i<=$zapytanie[0][0];$i++){
    echo'<img src="images/st.jpg" alt=" "  />&nbsp;<a href="'.tytul_ogl($zapytanie[$i][1]).','.$zapytanie[$i][0].',0.html"><strong class="link1">'.$zapytanie[$i][1].'</strong></a><br />';
 
      $podkategorie=sql_select("
      SELECT * FROM _o_podkategorie
      WHERE kat_id LIKE '".$zapytanie[$i][0]."'
      ORDER BY podkat_nazwa asc
      ");
 
    for ($j=1;$j<=$podkategorie[0][0];$j++){
      $str=''.$zapytanie[$i][1].'_'.$podkategorie[$j][2].'';
      echo'&nbsp;&nbsp;&nbsp;<a class="link2" href="'.tytul_ogl($str).','.$zapytanie[$i][0].','.$podkategorie[$j][0].'.html">'.$podkategorie[$j][2].'</a><br />';
    }
  }
}
?>
[PHP] pobierz, plaintext

A to wrzuć do pliku style.css jesli taki masz:

Kod

a strong.link1:hover{
background-color:gold;
}
a.link2:hover{
background-color:lime;
}

Teraz pierwszy link po najechaniu podswietli sie na zloto a drugi na zielono.
Jesli natomiast nie masz tam importowanego pliku ze stylami to wrzuc to powyzsze miedzy <script type="text/css"> a </script> i calosc przed </head>. Ten plik co pokazales to jest zapewne jakis plik importowany do np. index.php wiec musisz znalezc plik ktory zawiera poprawnie otwarty <html>, <head> i <body>, czyli pewnie index.php.
To tyle. Masz wszystko podane na talerzu.

pemko11

5.10.2010, 16:07:14

Wrzuciłem, zobacz..

sadistic_son

5.10.2010, 21:28:04

Co mam niby zobaczyć....?

bemol

5.10.2010, 22:29:37

popraw z background-color na color.

Kod

a strong.link1:hover{
color:gold;
}
a.link2:hover{
color:lime;
}

sadistic_son

6.10.2010, 10:03:08

Cytat(bemol @ 5.10.2010, 23:29:37 )

popraw z background-color na color.

Wtedy zmieni sie kolor tekstu a nie tla. Zalezy co rozumiec przez "podswietlenie". Dla mnie oznacza to zmiane koloru tla na jaskrawy.

pemko11

6.10.2010, 14:34:24

Chciałbym aby było jak tutaj
http://www.jaslonet.pl/ogloszenia/ to menu tylko na kolor taki jasny nie wiem tak, aby było widać jak by się podświetlało..

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.