Uždaryti
Jei aktyviai domiesi kompiuterinės grafikos naujovėmis, web dizainu, svetainių kūrimu, užsiprenumeruok E-grafika.lt turinį per RSS!
Nori pareikšti savo nuomonę? Peržiūrėti video pamokas? Gauti tik nariams prieinamų resursų? Sužinoti apie naujienas pirmasis? Tada registruokis!
Jeigu jau esi užsiregistavęs, prisijunk ir diskutuok forumuose, komentuok naujienas, straipsnius, video pamokas, bendrauk su kitais bendruomenės nariais!

Imago profilis

Imago
Dažnas lankytojas
Užsiregistravo 2008-10-26

28
4
22

Asmeninė informacija


Ignas
Aarhus, Danija
nenurodyta
Ignas.Joni
nenurodyta

Aktyvumas


atsijungęs
2010-09-01 00:01:26

Paskutiniai Imago komentarai

autorius Imago

Ui kiek daug skaitymo wow Kai perskaitysiu parasysiu kaip patiko, bet is bendro vaizdo, tai labai geras straipsnis

autorius Imago

Pagaliau sulaukem naujo straipsnio!!! Informacija gan naudinga, nors daznam pritaikymui tinka gal tik pora variantu, bet buvo idomu pasiskaityt apie visus ismislus wink

autorius Imago

na, IE6 tiesiogiai sios galimybes nepalaike, taciau su JS galejai ja apeit. Ir taip, IE7 jau pilnai palaiko sia galimybe. Na, bet tu to nepaminejei pamokoje, tad gyveni ir mokais razz

autorius Imago

atsiprasau, iki IE7 nepriskaite razz

Naujausi W3 duomenys del browseriu paplitimo:
2009  IE7  IE6  IE8  Fx  Chrome  S  O
April 23.2% 15.4% 3.5% 47.1% 4.9% 3.0% 2.2%

Atrodos, naudoti max-with galima, nes IE6 jau eina lauk is rinkos. kas menesi bent po 1% nukrenta jos populiarumas.

autorius Imago

jei sitai priskaito visos narsykles, nes kiek skaiciau, berods, IE7 pradzioj nepriskaite

Imago aktyvumas diskusijų forumuose

Atsakymai į temas


autorius Imago

 
<div id="contentFonas" width="100%" style="background: content.jpg top left repeat-y;"> 
<div id="sideFonas" width="100%" style="background: side.jpg top right repeat-y;"> 
 <div id="content" width="80%"></div> 
 <div id="side" width="20%"></div> 
</div> 
</div> 

Jei suprantamai parašiau, tai gal kažką šitokio?

autorius Imago

Nežinau ar gerai supratau tavo klausimą, bet ,kai tekstas, esantis bloko-viršuje pereina jo apačią, po tekstu nebelieka paveiksliuko, o tik tuscias laukas?  Jei klausimas buvo toks, tai ši problema atsiranda dėl to, nes .bloko-virsus paveiksliukas yra nustatytas, kad nesikartotų (to mum ir nereikia, nes kartotųsi netinkama dalis):

.blokas .bloko-virsus  
{  
... 
   background-repeat: no-repeat; 
... 
} 


Tačiau, šios problemos lengvai neišspręsi, nes bloko-viršuje esantis tekstas nemoka pratęsti bloko-turinio. Taip yra dėl paprastos priežasties. Pvz.:
 
<div class="bloko-virsus"> 
 
   <div class="tekstas"></div> 
 
</div> 
 
<div class="bloko-turinys"></div> 


<div class="tekstas">
yra "įkalintas"
<div class="bloko-virsus">...</div>
ir besitempdamas į apačią, moka tempti tik jį apjuosiančius blokus. Taigi, šią problemą būtų galima išspręsti bent pora būdų, tačiau vienas lengviausių (bent mano manymu):

Teksto išvis nerašyti į .bloko-virsus arba tik tai, kas tikrai neišeis už jo ribų. Tai, kas gali išeiti, rašyti į .bloko-turinys panaudojus vieną paprastą nustatymą: margin-top: -{skaičius}px; Pvz.:

 
<div class="bloko-virsus"> 
 
   <p class="tekstas"></p> 
 
</div> 
 
<div class="bloko-turinys"> 
 
   <p class="tekstasDu" style="margin-top:-20px;"></p> 
 
</div> 


.bloko-virsus ir .bloko-turinys nustatymus paimkime iš Adijux pavyzdžio.

Taigi, kas čia vyksta. .tekstas pastraipa niekada neišeis iš .bloko-virsus (priimkime tokį sprendimą), tad jį galima rašyti į .bloko-virsus .Tačiau, mes norime, kad į .bloko-virsus būtų galima įrašyti daugiau teksto, kuris nusitęstų į .bloko-turinys, tam naudojame .tekstasDu pastraipą. Jos padėti nuo .bloko-turinys viršaus nustačius į neigiamą (margin-top: -10px; ), mes priverčiame šią pastraipą išeiti iš .bloko-turinys ribų per 10px į viršų. Šiuo būdu, .tekstasDu pastraipa yra .bloko-turinys dalis ir ji gali jį tempti į apačią. 



Tikiuosi šis problemos sprendimas padės. Jei ko nesupratai klausk, paaiškinsiu tiksliau.

Pridejau:
Antras būdas:

Pirmiausia apžvelkime koks tai bus tinklapis ir apie jo savybes.



Sakykime, tai puslapis skirtas vienam ilgam straipsniui. Trumpai apie savybes:
1. puslapio fonas - rašymo sąsiuvinio tipo juostelės. Daugėjant tekstui turi temptis (atsikartoti) ir puslapio fonas.
2. Viršuje kairėje esantis paveiksliukas visad išlieka toje pačioje vietoje ir jis veikia kaip fono sudėtine dalis.
3. Apačioje dešinėja esantis paveiksliukas toje pačioje vietoje ir jis veikia kaip fono sudėtine dalis.

Pažvelkime į šio puslapio html kodą:
 
<div id="turinioFonas"> 
 
	<div class="turinioFonas-apacia"> 
     
    		<div class="turinioFonas-virsus"> 
         
        		<div class="turinys"> 
             
            			<h1>Lorem ipsum</h1> 
                		<p>...</p> 
             
           		 </div> 
         
        	</div> 
     
    </div> 
 
</div> 



Dabar pažiūrėkime į kiekvieno elemento reikšmę ir .css nustatymus:

<div id="turinioFonas">...</div>

 
#turinioFonas { 
background:url("juosteles.png") repeat-y; 
width:360px; 
} 

Šiame elemente yra nustatomi puslapio išmatavimai ir pagrindinis fonas (šiuo atveju juosteles).

<div class="turinioFonas-apacia">

 
.turinioFonas-apacia { 
background:url("apaciosFonas.png") no-repeat right bottom; 
}

Šiame elemente talpinamas apačioje esantis paveiksliukas - bendro fono dalis. Jo vietą nustatome su prierašu: "right bottom".

<div class="turinioFonas-virsus">

 
.turinioFonas-virsus { 
background:url("virsausFonas.png") no-repeat left top; 
}

Šiame elemente talpinamas viršuje esantis paveiksliukas - bendro fono dalis. Jo vietą nustatome su prierašu: "left top".

<div class="turinys">

 
#turinys{ 
float:left; 
padding:25px 10px 20px 10px; 
width:340px; 
}

Šiame elemente talpinamas visas tekstas (antraštes, pastraipos, paveiksliukai ir pan.). Jo padėtis nustatoma naudojantis "padding" komanda. (25px 10px 20px 10px atitinkamai: viršus dešinė apačia kairė). Šiam elementui galimybę 'ištempti' kitus elementus suteikia prierašas: "float:left;".

Šis puslapio išdėstymas grafiškai atrodytų:


Tikiuosi pravertė.

P.s. ši idėja paimta iš webdesignerwall.com
Jei norite tiksliau pažiūrėti į kodą, peržiūrėkite šios svetainės kodą.
 

2010-03-04 12:23:42   |   Forumas -> Tema Pagalba, patarimai Tema paveiksliuko naudojimas

autorius Imago

Si karta gal kiek ir geriau matosi, bet visvien linkai beveik dingsta, backgroundas apacioja pradeda kartotis ir atrodo negraziai, kalbant apie apacia, puslapiu numeriai atrodo kad kabetu ore. Ir visumoj del tokio bacgroundo, puslapis atrodo labai didelis, taciau su mazai informacijos. Beje, kadangi backgroundas toks didelis, tai su kiek letesniu internetu ganetinai ilgai krauna. 

Jei kalbant apie isskirtinuma, tai taip, toks fonas nera daznas, taciau su dabartine kokybe puslapis atrodo ganetinai prastai, nera jaukumo, sunku skaityti teksta ir pan.

2009-11-23 10:56:46   |   Forumas -> Tema Tinklalapių vertinimai Tema www.preila.tik.lt

autorius Imago

Visu pirma reikia taisyti backgrounda, del kurio beveik dingsta puse teksto, viskas susilieja i visuma ir dingsta tvarka. Del naudojamo TVS tai manau mazai skirtumo tol kol sudarytas bendras vaizdas yra geras. Tam kad svetaine butu gera, nemanau kad reikia kazko ypatingo, uztenka poros deranciu spalviu, lengvumo ir viskas.

2009-11-18 12:31:43   |   Forumas -> Tema Tinklalapių vertinimai Tema www.preila.tik.lt

autorius Imago

Na, pirmiausia, tai jei supranti anglų, visiem siūlau http://www.w3schools.com/ .O šiaip - tai eina ne tik spalvą keisti, bet gali ir ženkliukus pats sukurti, gali ir išvis juos panaikinti.

2009-07-13 15:50:33   |   Forumas -> Tema Pagalba, patarimai Tema Kaizeris klausimai

Sukurtos temos


autorius Imago

Kadangi pastebejau, kad kaip ir anakart, tik paleidus tinklapi, idejot pamoku, o veliau uzmigot, tai idomu pasidare, gal egzai jums irgi siemet, kad apsnudot?

2009-06-02 12:52:26   |   Forumas -> Tema Pliurpalai Tema Egzaminai

autorius Imago

Norėčiau pamokos apie css positioning. T.y. skirtumai tarp absolute, relative ir k.t., jų panaudojimas, būtinumas tinklapyje, t.y. kokias atvejais juos reiktu nustatyti, o kada galima ir praleisti bei panaši informacija apie juos. Ačiū

autorius Imago

Perziurinejant visus jau padarytus straipsnius, iskilo klausimas. kokio visgi tipo straipsnius sieksite daryti. Ar tai bus daugiau pritaikyta "pradedantiesiems", ar naujovems, patarimams, apzvalgoms? I ka labiau koncentruosites: i "nuo-iki" pamoku ar pamoku atskirom temom nagrineti daryma? Ir ar pamokos daugiausia bus is savu ziniu, pasitelkiant tam tikrus saltiniu? Ar desite isverstu straipsniu apie idomius dalykus is uzsienio tinklapiu?

Na, manau mano klausima mazdaug supratot , laukiu atsakymo  happy