Manualai.lt Forumas

TVS, OpenSource ir kt => WordPress => Temą pradėjo: Marius67 2012-03-06 09:31:21 am

Antraštė: Puslapio "Menu" modifikavimas
Parašė: Marius67 2012-03-06 09:31:21 am
Sveiki Gerbiamieji!  ;)
Gal kas galėtumėte padėti išspręsti mįslę - keturgyslę? Esu wordpress-e (o ir apskritai web projektuose) kaip ir pradinukas, bet turiu norą pramokti.
Situacija tokia:
http://www2.arka.lt/mariaus1 (http://www2.arka.lt/mariaus1) - 3 akmenukai (atliekantys "Menu" funkcija.
"Ramybės" būsenoje jie blankūs, užvedus ant bet kurio pelę, jie išryškėja.
Mano tikslas: padaryti taip, kad paspaudus pele ant bet kurio akmenuko (na ir teksto po juo) jie išliktų ryškūs.

1. Header-io ištrauka:

<ul id="akmenukai">
<li class="page_item current_page_item"><a href="<?=site_url()?>" id="akm1">Įrašai</a></li>
<li class="page_item page-item-25"><a href="?page_id=25" id="akm2">Kas aš?</a></li>
<li class="page_item page-item-23"><a href="?page_id=23" id="akm3">Paslaugos</a></li>
</ul>

2. CSS-o ištrauka:

ul#akmenukai li {
list-style-type: none;
display: block;
float: left;
border: 1px solid gray;
margin-left: 75px;
padding: 0;
}

ul#akmenukai li:hover > a {
color: #000000;
}

ul#akmenukai li a {
display: block;
width: 134px;
height: 88px;
overflow: hidden;
text-align: center;
    text-decoration: none;
font-size: 16px;
line-height: 160px;
}

ul#akmenukai li a:active {
    color: #000000;
    font-family: MyriadPro-Regular,Arial,Helvetica,"Nimbus Sans L",sans-serif;
    font-weight: bold;
    letter-spacing: 0;
font-size: 16px;
line-height: 160px;
}

ul#akmenukai li a#akm1 {
background-position: 0px 0px;
background: transparent url(images/akm1.jpg) no-repeat 0px -85px;
}
ul#akmenukai li a#akm2 {
background-position: -134px 0px;
background: transparent url(images/akm2.jpg) no-repeat 0px -85px;
margin-left: 60px;
margin-right: 60px;
}
ul#akmenukai li a#akm3 {
background-position: -268px 0px;
background: transparent url(images/akm3.jpg) no-repeat 0px -85px;
}

ul#akmenukai li a#akm1:hover { background-position: 0px 0px }
ul#akmenukai li a#akm2:hover { background-position: 0px 0px }
ul#akmenukai li a#akm3:hover { background-position: 0px 0px }
Būčiau BAISIAI BAISIAI BAISIAI DEKINGAS, jei kas skirtumėte šiek tiek brangaus savo laiko pradinukui  ;)
Sėkmės VISIEMS!

Tvarkinga zinute perkaitys ir atsakys kur kas daugiau zmoniu.
Antraštė: Re: Puslapio "Menu" modifikavimas
Parašė: Lukas 2012-03-07 00:44:46 am
ta meniu tu pats su html parasei, ar ji sugeneruoja wordpresas?
Antraštė: Re: Puslapio "Menu" modifikavimas
Parašė: Marius67 2012-03-07 11:02:41 am
Sita menu deliojausi pats. Apskritai tam puslapyje naudojausi WP Twenty Ten tema (kurios panasumo jau beveik nelike  :)). Minciu semiausi is http://sum.lt/straipsniai/css-rollover.php (http://sum.lt/straipsniai/css-rollover.php) svetaines. Labai pagelbejo ir Tavo puslapyje sudetos zinios.
Antraštė: Re: Puslapio "Menu" modifikavimas
Parašė: Marius67 2012-03-07 11:40:27 am
Tiesa, norejau dar Taves paklausti, kaip padaryti kad uzsifiksuotu aktyvi menu dalis, kaip Tavo http://kodai.manualai.lt/css/stiliai/sarasai.html (http://kodai.manualai.lt/css/stiliai/sarasai.html) pavizdyje. Ji reaguoja i paspaudima, bet kaip padaryti kad ji ir uzsifiksuotu?

Gal galetum koki linka su panasiu modeliu pamesti? Nelabai isivaizduoju, kaip tai daroma su php...

Na ir niekaip nepavyksta ivykdyti savo sumanymo :( Kaip neklause "akmenys" manes, taip ir toliau neklauso...
Antraštė: Re: Puslapio "Menu" modifikavimas
Parašė: Lukas 2012-03-07 14:02:46 pm
uzfiksuoti reikia paprastai, pagal tai koks yra dabar adresas reikia kad priskirtu css stilius konkreciam elementui. Tai gali daryti su php ar javascript. Geriau su php. Nerasyk keliu zinuciu atskirai is eiles, tam yra zinutes taisymo mygtukas.