Atsakymai į temas
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?
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ą.
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.
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.
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.
Sukurtos temos
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?
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ū
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 
nenurodyta
atsijungęs
Kai perskaitysiu parasysiu kaip patiko, bet is bendro vaizdo, tai labai geras straipsnis 
