Alavalikot Menu-palkkiin

Sapeli
(@sapeli)

11 vuotta, 2 kuukautta sitten
Olen täysi noviisi ja tarvitsen apua valikkojen käytössä.

Käytössäni on teema, jossa on kaksi valikkoriviä. Toista käytämme linkkivalikkona ja toinen on sivuston navigointia varten. http://salonpelijaliikunta.com

Haluaisin sivun alasivuksi merkityn sivun näkymään uutena valikkona, kun hiirellä liikkuu pääsivun painikkeen päälle. Esim Tilastot painikkeen alta tulisi näkyä sen alasivuiksi merkatut Jalkapallo 2011 jne.

header.php:ssa menu kohdan koodi on seuraavasti:
```
<div id="menu">

		<ul id="button">
		<li class="page_item"><a href="<?php echo get_settings('home'); ?>/" title="Etusivu">Etusivu</a></li>
		<?php $pages = wp_list_pages('sort_column=menu_order&depth=1&title_li=&echo=0');
		print_r($pages);
		?>
		</ul>

</div>
```
Olisiko jollakin helppoa ratkaisua alavalikon luomiseksi vai tulisiko vain vaihtaa teemaan jossa nämä on valmiina?

Esillä 3 vastausta, 1 - 3 (kaikkiaan 3)

Moderator

Sami Keijonen

(@samikeijonen)

11 vuotta, 2 kuukautta sitten

Jos kyseinen teema ei tue WP:n menusysteemiä (Ulkoasu >> Valikot), niin suosittelen teeman vaihtoa.

Thread Starter

Sapeli

(@sapeli)

11 vuotta, 2 kuukautta sitten

Teema tukee WP valikkoja ja niitä voi käyttää widgetien avulla mm. sivupalkissa ym.

Ongelma lienee siinä, että navigointi sivustolla on tehty Menu -rakenteella ja nav -rakennetta on käytetty ainoastaan linkkipalkkiin. En tiedä ratkeaisiko ongelma pelkästään styles.css tiedostoa muokkaamalla. Nyt Menu sisältää seuraavat osat:

#menu {

	width: 1024px;
	margin: 18px auto;
        left: 0px;
	text-align: center;
	line-height: normal;
        background: #ffffff;
}
#button {
	list-style: none;
	margin: 0 0px;
	padding: 0px;
	float: left;
        background: #ffffff;
}

#button li {
	float: left;
	height: 25px;
	background: url(images//button-right.gif) top right no-repeat;
	margin: auto autopx;
	white-space: nowrap;
}
#button .page_item a{
	color: #fefefe;
	display: block;
	background: url(images//button-left.gif) top left no-repeat;
	text-decoration: none;
	padding: 0px 15px 0px 15px;
	font: bold 13px Arial, Helvetica, sans-serif;
	line-height: 25px;
}

#button .page_item a:hover{
	color: #fefefe;
}

#button li:hover {
	background-position: 100% -36px;
}
#button .page_item a:hover {
	background-position: 0px -36px;
	border: none;
}

#button li.current_page_item {
	color: #fefefe;
	text-decoration: none;
	background: url(images//button-right-hover.gif) top right no-repeat;
}
#button .current_page_item a, #button .current_page_item a:visited{
	color: #fefefe;
	text-decoration: none;
	background: url(images//button-left-hover.gif) top left no-repeat;
}

Moderator

Sami Keijonen

(@samikeijonen)

11 vuotta, 2 kuukautta sitten

Kaikissa teemoissa voi käyttää sivupalkissa menuvalikkoja. Oletko siis muistanut raahata menun linkkejä (menu items) hieman oikealle, jotta ne ovat ikäänkuin alasivuna.

http://www.youtube.com/watch?v=Idt7oyCD1qY

Esillä 3 vastausta, 1 - 3 (kaikkiaan 3)

The topic ‘Alavalikot Menu-palkkiin’ is closed to new replies.

Aiheen avainsanat

Näytöt