Autorius Tema: Puslapio "Menu" modifikavimas  (Skaityta 1885 kartus)

Neprisijungęs Marius67

  • Naujokas
  • *
  • Įrašai: 5
  • Karma: +0/-0
    • Žiūrėti profilį
Puslapio "Menu" modifikavimas
« Įrašytas: 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 - 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.
« Paskutinį kartą keitė: 2012-03-12 17:23:41 pm sukūrė Marius67 »

Neprisijungęs Lukas

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7431
  • Karma: +232/-15
    • Žiūrėti profilį
Re: Puslapio "Menu" modifikavimas
« Atsakymas #1 Įrašytas: 2012-03-07 00:44:46 am »
ta meniu tu pats su html parasei, ar ji sugeneruoja wordpresas?
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

Gerda Photography
Serveriai.lt 50% nuolaida!
Free Hosting
Free Templates

Neprisijungęs Marius67

  • Naujokas
  • *
  • Įrašai: 5
  • Karma: +0/-0
    • Žiūrėti profilį
Re: Puslapio "Menu" modifikavimas
« Atsakymas #2 Įrašytas: 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 svetaines. Labai pagelbejo ir Tavo puslapyje sudetos zinios.

Neprisijungęs Marius67

  • Naujokas
  • *
  • Įrašai: 5
  • Karma: +0/-0
    • Žiūrėti profilį
Re: Puslapio "Menu" modifikavimas
« Atsakymas #3 Įrašytas: 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 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...
« Paskutinį kartą keitė: 2012-03-09 11:33:58 am sukūrė Marius67 »

Manualai.lt Forumas

Re: Puslapio "Menu" modifikavimas
« Atsakymas #3 Įrašytas: 2012-03-07 11:40:27 am »

Neprisijungęs Lukas

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7431
  • Karma: +232/-15
    • Žiūrėti profilį
Re: Puslapio "Menu" modifikavimas
« Atsakymas #4 Įrašytas: 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.
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

Gerda Photography
Serveriai.lt 50% nuolaida!
Free Hosting
Free Templates

Manualai.lt Forumas

Re: Puslapio "Menu" modifikavimas
« Atsakymas #4 Įrašytas: 2012-03-07 14:02:46 pm »