Pogrubienie wybranych pozycji listy Opcje

[Kas]

Pomagam znajomemu ze stroną internetową. WordPress generuje taki kod xhtml:

[HTML] pobierz, plaintext 
<ul>
 
			<li class="page_item page-item-2"><a href="http://www.niebowsieci.pl/?page_id=2" title="Catalina Rivas">Catalina Rivas</a>
<ul>
	<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>
	<li class="page_item page-item-6"><a href="http://www.niebowsieci.pl/?page_id=6" title="Spowiedź">Spowiedź</a></li>
</ul>
</li>
<li class="page_item page-item-8"><a href="http://www.niebowsieci.pl/?page_id=8" title="Jacek Pulikowski">Jacek Pulikowski</a>
<ul>
	<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>
 
	<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>
</ul>
</li>
<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>
<ul>
	<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>
</ul>
</li>
<li class="page_item page-item-18"><a href="http://www.niebowsieci.pl/?page_id=18" title="Ks. Nikos Skuras">Ks. Nikos Skuras</a>
<ul>
	<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>
 
	<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>
</ul>
</li>
<li class="page_item page-item-24"><a href="http://www.niebowsieci.pl/?page_id=24" title="Ks. Piotr Pawlukiewicz">Ks. Piotr Pawlukiewicz</a>
<ul>
	<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>
	<li class="page_item page-item-28"><a href="http://www.niebowsieci.pl/?page_id=28" title="Konferencje walentynkowe">Konferencje walentynkowe</a></li>
	<li class="page_item page-item-30"><a href="http://www.niebowsieci.pl/?page_id=30" title="Konferencje wideo">Konferencje wideo</a></li>
 
	<li class="page_item page-item-32"><a href="http://www.niebowsieci.pl/?page_id=32" title="Wywiady">Wywiady</a></li>
</ul>
</li>
<li class="page_item page-item-37 current_page_item"><a href="http://www.niebowsieci.pl" title="Muzyka">Muzyka</a></li>
<li class="page_item page-item-39"><a href="http://www.niebowsieci.pl/?page_id=39" title="Różności">Różności</a>
<ul>
	<li class="page_item page-item-41"><a href="http://www.niebowsieci.pl/?page_id=41" title="Antykoncepcja">Antykoncepcja</a></li>
	<li class="page_item page-item-43"><a href="http://www.niebowsieci.pl/?page_id=43" title="Ewangelie">Ewangelie</a></li>
	<li class="page_item page-item-47"><a href="http://www.niebowsieci.pl/?page_id=47" title="Świadectwa">Świadectwa</a></li>
 
</ul>
</li>
<li class="page_item page-item-35"><a href="http://www.niebowsieci.pl/?page_id=35" title="Sylwester Laskowski">Sylwester Laskowski</a></li>
		</ul>
		</li>
[HTML] pobierz, plaintext 

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/.

Ten post edytował Kas 27.04.2010, 09:35:07

[pedro84]

Po prostu?

[CSS] pobierz, plaintext 
ul#menu li a { font-weight:bold; }
[CSS] pobierz, plaintext 

Jakby Ci pogrubiało wszystkie linki, to dodaj pod spodem:

[CSS] pobierz, plaintext 
ul#menu li ul a { font-weight:normal; }
[CSS] pobierz, plaintext 

[Kas]

Niestety, Twój kod nie działa: nic się nie pogrubia. Żeby pogrubić wystarczy zrobić:

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

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

Ten post edytował Kas 27.04.2010, 08:39:34

[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

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

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]

Niestety, Twój kod nie działa: nic się nie pogrubia. Żeby pogrubić wystarczy zrobić:

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

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ą (IMG:style_emoticons/default/biggrin.gif)

[phpion]

Ale jak odgrubić resztę?

[HTML] pobierz, plaintext 
li.page_item a {
	font-weight: bold;
}
li.page_item ul li a {
	font-weight: normal;
}
[HTML] pobierz, plaintext 

[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 (IMG:style_emoticons/default/biggrin.gif)

Ten post edytował krzysztof_kf 27.04.2010, 09:32:01

[pedro84]

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 (IMG:style_emoticons/default/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]

[HTML] pobierz, plaintext 
li.page_item a {
	font-weight: bold;
}
li.page_item ul li a {
	font-weight: normal;
}
[HTML] pobierz, plaintext 

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]

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 (IMG:style_emoticons/default/smile.gif) Gdybyś dobrze pokumał, miałbyś już wcześniej działające (IMG:style_emoticons/default/smile.gif)