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
>
3Dastronomyagricultureaudioautosautos.audiautos.audioautos.binariesautos.bmwautos.clubautos.fordautos.hondacrxautos.japanautos.mercedesautos.opelautos.sportautos.volvoautos.vwaviaavia.binariesbankcardsbinariesbooksbuildingcinemacommercecomp.hardwarecomp.softwarecomp.lietuvinimascomp.networksculturedarbas.ieskaudarbas.siulaudesigneconomicselectronicsfaunafauna.aquafauna.binariesfishingflorafotofoto.binariesgamesgames.csgames.onlinegsmgurmanaihumourhumour.binariesinternetlawmicrosoftmotomusicmusic.binariesmusic.instrumentsmusic.LT.binariesnavigacijaphppoliticsprogrammingrpgsportstudyingsveikatatalktesttranslationtransportationtraveltravel.binariestvunixvideovideo.binarieswatersportswwwwww.flashpdaautos.supermama.ltmobiledarbasretro.3Dretro.agricultureretro.astronomyretro.audioretro.autosretro.autos.audiretro.autos.audioretro.autos.binariesretro.autos.bmwretro.autos.clubretro.autos.fordretro.autos.hondacrxretro.autos.japanretro.autos.mercedesretro.autos.opelretro.autos.sportretro.autos.supermamaretro.autos.supermama.ltretro.autos.volvoretro.autos.vwretro.aviaretro.avia.binariesretro.bankcardsretro.beosretro.binariesretro.booksretro.buildingretro.cinemaretro.commerceretro.compretro.comp.hardwareretro.comp.lietuvinimasretro.comp.networksretro.comp.softwareretro.cultureretro.darbasretro.darbas.ieskauretro.darbas.siulauretro.designretro.economicsretro.electronicsretro.e-vejasretro.faunaretro.fauna.aquaretro.fauna.binariesretro.fishingretro.floraretro.fotoretro.foto.binariesretro.gamesretro.games.csretro.games.onlineretro.games.rpgretro.genealogijaretro.gsmretro.gurmanairetro.humourretro.humour.binariesretro.internetretro.YZFretro.YZF.nebukretro.YZF.nebuk.netikintisretro.YZF.nebuk.netikintis.bukretro.YZF.nebuk.netikintis.buk.tikintisretro.lawretro.microsoftretro.mobileretro.motoretro.musicretro.music.binariesretro.music.instrumentsretro.music.LTretro.music.LT.binariesretro.navigacijaretro.newsretro.news.taisyklesretro.newuserretro.pdaretro.phpretro.politicsretro.programmingretro.rpgretro.sportretro.studyingretro.sveikataretro.talkretro.translationretro.transportationretro.travelretro.travel.binariesretro.tvretro.unixretro.videoretro.video.binariesretro.watersportsretro.wwwretro.www.flashdiylt.rkm.news.announcelt.rkm.news.newuser