Tema: Re: Pagalbos: WP instaliavimas į serveriai.lt
Autorius: Aras
Data: 2011-03-03 07:57:04
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