Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Pogrubienie wybranych pozycji listy
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Kas
Pomagam znajomemu ze stroną internetową. WordPress generuje taki kod xhtml:

  1. <ul>
  2.  
  3. <li class="page_item page-item-2"><a href="http://www.niebowsieci.pl/?page_id=2" title="Catalina Rivas">Catalina Rivas</a>
  4. <ul>
  5. <li class="page_item page-item-4"><a href="http://www.niebowsieci.pl/?page_id=4" title="Msza Święta">Msza Święta</a></li>
  6. <li class="page_item page-item-6"><a href="http://www.niebowsieci.pl/?page_id=6" title="Spowiedź">Spowiedź</a></li>
  7. </ul>
  8. </li>
  9. <li class="page_item page-item-8"><a href="http://www.niebowsieci.pl/?page_id=8" title="Jacek Pulikowski">Jacek Pulikowski</a>
  10. <ul>
  11. <li class="page_item page-item-10"><a href="http://www.niebowsieci.pl/?page_id=10" title="Jak bardzo różnią się mężczyzna i kobieta">Jak bardzo różnią się mężczyzna i kobieta</a></li>
  12.  
  13. <li class="page_item page-item-12"><a href="http://www.niebowsieci.pl/?page_id=12" title="Jak robić to po katolicku">Jak robić to po katolicku</a></li>
  14. </ul>
  15. </li>
  16. <li class="page_item page-item-14"><a href="http://www.niebowsieci.pl/?page_id=14" title="Ks. Mirosław Maliński">Ks. Mirosław Maliński</a>
  17. <ul>
  18. <li class="page_item page-item-16"><a href="http://www.niebowsieci.pl/?page_id=16" title="Boga humory na amory">Boga humory na amory</a></li>
  19. </ul>
  20. </li>
  21. <li class="page_item page-item-18"><a href="http://www.niebowsieci.pl/?page_id=18" title="Ks. Nikos Skuras">Ks. Nikos Skuras</a>
  22. <ul>
  23. <li class="page_item page-item-20"><a href="http://www.niebowsieci.pl/?page_id=20" title="Nauka dla dorosłych">Nauka dla dorosłych</a></li>
  24.  
  25. <li class="page_item page-item-22"><a href="http://www.niebowsieci.pl/?page_id=22" title="Nauka dla młodzieży">Nauka dla młodzieży</a></li>
  26. </ul>
  27. </li>
  28. <li class="page_item page-item-24"><a href="http://www.niebowsieci.pl/?page_id=24" title="Ks. Piotr Pawlukiewicz">Ks. Piotr Pawlukiewicz</a>
  29. <ul>
  30. <li class="page_item page-item-26"><a href="http://www.niebowsieci.pl/?page_id=26" title="Homilie – św. Anna">Homilie św. Anna</a></li>
  31. <li class="page_item page-item-28"><a href="http://www.niebowsieci.pl/?page_id=28" title="Konferencje walentynkowe">Konferencje walentynkowe</a></li>
  32. <li class="page_item page-item-30"><a href="http://www.niebowsieci.pl/?page_id=30" title="Konferencje wideo">Konferencje wideo</a></li>
  33.  
  34. <li class="page_item page-item-32"><a href="http://www.niebowsieci.pl/?page_id=32" title="Wywiady">Wywiady</a></li>
  35. </ul>
  36. </li>
  37. <li class="page_item page-item-37 current_page_item"><a href="http://www.niebowsieci.pl" title="Muzyka">Muzyka</a></li>
  38. <li class="page_item page-item-39"><a href="http://www.niebowsieci.pl/?page_id=39" title="Różności">Różności</a>
  39. <ul>
  40. <li class="page_item page-item-41"><a href="http://www.niebowsieci.pl/?page_id=41" title="Antykoncepcja">Antykoncepcja</a></li>
  41. <li class="page_item page-item-43"><a href="http://www.niebowsieci.pl/?page_id=43" title="Ewangelie">Ewangelie</a></li>
  42. <li class="page_item page-item-47"><a href="http://www.niebowsieci.pl/?page_id=47" title="Świadectwa">Świadectwa</a></li>
  43.  
  44. </ul>
  45. </li>
  46. <li class="page_item page-item-35"><a href="http://www.niebowsieci.pl/?page_id=35" title="Sylwester Laskowski">Sylwester Laskowski</a></li>
  47. </ul>
  48. </li>


Potrzebuję wyróżnić przez pogrubienie zaznaczone fragmenty. Jak to sprytnie zrobić? Oczywiście, wpisanie na sztywno do arkusza stylów "page-item-39" itp. nie wchodzi w grę. Na wszelki wypadek podaję linka do strony: http://www.niebowsieci.pl/.
pedro84
Po prostu?
  1. ul#menu li a { font-weight:bold; }


Jakby Ci pogrubiało wszystkie linki, to dodaj pod spodem:
  1. ul#menu li ul a { font-weight:normal; }
Kas
Niestety, Twój kod nie działa: nic się nie pogrubia. Żeby pogrubić wystarczy zrobić:

  1. li.page_item {
  2. font-weight: bold;
  3. }


Ale jak odgrubić resztę? Strona: http://www.niebowsieci.pl/ i arkusz CSS: http://www.niebowsieci.pl/wp-content/themes/niebo/style.css
krzysztof_kf
Witam a jak masz menu na jakiej zasadzie sam robisz te linki czy po przez panel dodajesz kategorie jeśli tak to nic nie zrobisz z tym
Kas
Linki są generowane przez CMS (WordPress). Chcę wyróżnić kategorię główną. Na pewno jakoś da się to zrobić i, mam nadzieję, że w CSS.
krzysztof_kf
To co pokazujesz to nie jest to to już jest php

  1. <?php wp_list_categories ('show_count=1&title_li=<h2>' . __('Categories', 'kubrick') . '</h2>'); ?>


to jest to co ci wyświetla dodane kategorię i nadrzędne kategorie poszukaj po necie jak zrobić oddzielny link do kategorii i kategorii nadrzędnej by móc dać swój wygląd
pedro84
Cytat(Kas @ 27.04.2010, 09:35:53 ) *
Niestety, Twój kod nie działa: nic się nie pogrubia. Żeby pogrubić wystarczy zrobić:

  1. li.page_item {
  2. font-weight: bold;
  3. }


Ale jak odgrubić resztę? Strona: http://www.niebowsieci.pl/ i arkusz CSS: http://www.niebowsieci.pl/wp-content/themes/niebo/style.css


A może byś je dostosował? To tylko przykład... Ja nie widzę, żebyś miał ul o identyfikatorze menu... To rusz trochę głową biggrin.gif
phpion
Cytat(Kas @ 27.04.2010, 09:35:53 ) *
Ale jak odgrubić resztę?

  1. li.page_item a {
  2. font-weight: bold;
  3. }
  4. li.page_item ul li a {
  5. font-weight: normal;
  6. }
krzysztof_kf
pedro84 przeanalizowałem w tym skinie ma tak jak wyżej przedstawiłem kod php który za pomocą owego kodu wyświetla mu się kategorie i nadrzędne kategorie nic nie zrobi za pomocą css tylko trzeba zrobić coś w rodzaju kodu tzw odzielnie kategorie i oddzielnie kategorię nadrzędne i dodać do nich osobne klasy bo jak zmieni to będzie mu się zmieniać wygląd linków dla całego menu przerabiałem już to . a to co pokazał to źródło strony biggrin.gif
pedro84
Cytat(krzysztof_kf @ 27.04.2010, 10:31:17 ) *
pedro84 przeanalizowałem w tym skinie ma tak jak wyżej przedstawiłem kod php który za pomocą owego kodu wyświetla mu się kategorie i nadrzędne kategorie nic nie zrobi za pomocą css tylko trzeba zrobić coś w rodzaju kodu tzw odzielnie kategorie i oddzielnie kategorię nadrzędne i dodać do nich osobne klasy bo jak zmieni to będzie mu się zmieniać wygląd linków dla całego menu przerabiałem już to . a to co pokazał to źródło strony biggrin.gif

Nie. Przecież mi generuje listę... Zobacz kod co podałem. Linki z <li> pogrubiamy, linki z <li> <ul> <li> odgrubiamy. Setki razy to robiłem, więc niech nie mówi, że się nie da :-) I nie ma żadnego znaczenia czy generuje menu za pomocą wp_list_categories() czy zwykłego zapytania.
Kas
Cytat(phpion @ 27.04.2010, 09:29:08 ) *
  1. li.page_item a {
  2. font-weight: bold;
  3. }
  4. li.page_item ul li a {
  5. font-weight: normal;
  6. }


Działa doskonale. Dokładnie o coś takiego mi chodziło. Bardzo serdecznie dziękuję, pomógł poszło. Jednak moja znajomość CSS mocno kuleje.
pedro84
Cytat(Kas @ 27.04.2010, 10:38:38 ) *
Działa doskonale. Dokładnie o coś takiego mi chodziło. Bardzo serdecznie dziękuję, pomógł poszło. Jednak moja znajomość CSS mocno kuleje.

Ja bym powiedział, że nie znajomość, tylko umiejętność dostosowywania kodu i analiza smile.gif Gdybyś dobrze pokumał, miałbyś już wcześniej działające smile.gif
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.