Tema: Re: Kaip paruošti nupieštą dizainą?
Autorius: Atlepausis@wrk
Data: 2011-07-11 16:38:09
css faile nurodai ne į FAILUS bet į HTML'o tagus, jų class arba ID

pvz
<div id="kaire">
	<p>Lorem ipsum</p>
	<img url="/img.jpg" alt="nera"/>
</div>

O css'e nurodai kas kaip turi atrodyt narsyklej

#kaire {
float:left;
width:500px;
background-color;#123abc; }

#kaire img {
float:right;
min-width:100px;
min-height:100px; }


Tai škias divas "kaire" bus kairėj lango arba aukštesnio lygio divo 
kairėj, "kaire" bus 500px pločio ir bekgraundas 123abc spalvos.

Paveikslas img.jpg bus nemažesnis nei 100x100px dydžio, ir floatins 
#kaire divo ribose dešinėj pusėj.

<p> stilius visai neaprašytas, tai bus arba defaultinis arba paveldėtas, 
priklausomai nuo situacijos.


Galiu pezėt - dar tik mokausi.


On 2011.07.11 15:11, useris wrote:
> Dėkui :)
> Tai 3 žingsnyje CSS faile nurodau nuorodas į footer.php, header.php,
> menu.php?
>
> "Maug Lee" <maugNOSPAMlee@gmail.com> wrote in message
> news:ivek5i$1sn$1@trimpas.omnitel.net...
>> useris wrote:
>>> Sveiki!
>>> Turiu photoshope nupieštą dizainą (.psd). Kaip jį paruošti internetui?
>>
>> jei tame .psd'e grafinė medžiaga nebus „sluoksniuota“, tai praktiškai be
>> skirtumo, ar psd ar koks kitas formatas.
>>
>>> 1. Photoshope sukarpom ir photoshopas sugeneruoja html ir paveikslėlius
>>
>> pirmiausia turi ilgai žiūrėti į tą dizainą ir mintyse įsivaizduot, kaip
>> „apžaisi“ visokius tokius „navarotus“ kaip užapvalinti kampai, šeidai-
>> feidai, etc. Tam reikalingos geros html + css žinios, nes atvaizdavimas
>> browseryje turi savo specifiką: elementai „tamposi“ priklausomai nuo
>> turinio
>> kiekio juose; turinio gali nebūti visai; interaktyvūs elementai (visokie
>> mouseover'iai), etc.
>>
>>> 2. Dreamweaveriu paveikslėlius, kurie yra fonas, padarom fonu, kad ant
>>> viršaus galėtume rašyti tekstą.
>>
>> jei įmanoma, foną geriau aprašyti spalvos kodu negu naudoti tos spalvos
>> paveikslėlį.
>>
>>> 3. Html failą sukapojam į header, footer, menu,... Kaip tai padaryti?
>>
>> atsidarai a la Notepad'ą ir rašai HTML'ą:
>> <div id="header">
>> </div>
>> <div id="content">
>> </div>
>> <div id="footer">
>> </div>
>> O paskui CSS'e aprašai, kur jie padėti ir kaip atrodo.
>>
>>> 4. Įsidedam TVS. Kaip tai padaryti?
>>
>> priklauso nuo pasirinktos TVS
>>
>>> Ar galima, tarkim, įvilti Wordpressą į
>>> savo dizainą (kuris nekurtas specialiai Wordpressui)?
>>
>> žinoma.
>>
>> --
>> M.Lee
>