Pasižaidžiau vakar, beveik ir aišku, t.y. gaunu norimą rezultatą. Gal ne visai taip, kaip derėtų, nes neturiu tų CSS pagrindų ir viską darau "metodom naučnogo tykanija" :-)
ul id uždėjau, bet kaip ir kur priskirti .ratai, tai nelabai suvokiau. Pabandžiau prie li priskirti class=ratai. Backgroundinį paveikslėlį įdėjau į temos images katalogą, o straipsnio editoriuje persijungiau į html režimą ir pasitaisiau kodą. Žemiau duodu CSS ir HTML kodus, pamatysi kreivai kas padaryta, tai parašyk, jei netingėsi.
Ačiū labai už pagalbą.
/* paveikslėlio įkėlimas ir fonas */
ul#medis {
background: transparent url('images/medis.jpg') no-repeat left top;
position: relative;
overflow: hidden;
width: 600px;
height: 400px; /* matmenys atitinka paveikslėlio dydį */
list-style: none outside none;
margin: 0;
font-family: Arial, sans-serif;
font-size: 12px;
}
/* padedam elementus į vietą */
ul#medis li {
position: absolute;
}
ul#medis li:hover > a {
background: #353535;
color: #7E380A;
}
ul#medis a {
/* background: #ffffff;
overflow: hidden;*/
border-style: dotted;
border-width: 1px;
display: block;
position: absolute;
text-decoration: none;
text-align: center;
}
ul#medis .zel a {
width: 100px;
height: 50px;
top: 10px;
left: 123px;
vertical-align: bottom;
}
ul#medis .cij a {
width: 50px;
height: 50px;
top: 200px;
left: 367px;
}
html gabalas straipsnyje atrodo taip:
teksto pastraipa...
<ul id="medis">
<li class="zel"> <a href="nuoroda1">Miestas</a></li>
<li class="cij"> <a href="nuoroda2">Kaimas</a></li>
</ul>
teksto pastraipa...
"Maug Lee" <maugNOSPAMlee@gmail.com> wrote in message news:iklps0$9ck$1@trimpas.omnitel.net...
> Aras wrote:
>> Ar pačiame straipsnyje įkelti html kodą su CSS, ar
>> pasidaryti kokį atskirą Page2.php, kuris būtų naudojamas tokiems
>> straipsniams, o CSS gabalą įdėti į style.css?
>
> vadovaujantis WP logika, manau, teisingiausi būtų tokie veiksmai:
> - redaguoji puslapį
> - darai (autodalių?) sąrašą (UL)
> - persijungi į kodo redagavimo režimą ir sąrašui pridedi id,
> a la <ul id="autodalys">
> - iliustracijų pakrovimui gali baudoti du būdus: a) įprastas WP priemones b)
> temos iliustracijų direktoriją. Pastarasis variantas gal labiau apsaugotas
> nuo netyčinio iliustracijų ištrynimo
> - temos CSS'e (/wp-content/themes/default/style.css – arba analogiškas
> kelias iki tavo temos) apsirašai #autodalys stilių.
>
> A visks ajšk?
>
> --
> M.Lee