Domanto Bičkaus tinklaraštis

Tai pirmasis įrašas naujoje kategorijoje CSS tradicija.  Ir tikiuosi ne paskutinis! Kadangi pas mane niekas ilgai neišsilaiko (tai parodo jau 4 bandymas atidaryti tinklaraštį), todėl turbūt būtų naivu tikėtis, jog ši tradicija ilgai laikysis. Tačiau būkime optimistais! Aš irgi tikiuosi, kad ši tradicija tęsis ir po visų atnaujinimų, ir kad toliau galėsiu jus džiuginti, ir padėsiu atsakyti į amžiną klausimą “Kaip jis tai padarė?”

Šis klausimas užduodamas dar nuo Hario Hudinio laikų, tačiau skirtingai nuo ilizionistų aš savo paslaptį atskleisiu ir detaliai papasakosiu. Taip pat atsakysiu į visus iškilusius klausimus.

Pirmas triukas. Šis atnaujinimas nėra labai sudėtingas. Tačiau kiekvieną kartą pamatęs ką nors panašaus, galvodavau “kaip jie tai padaro?”. Ir štai sumasčiau aš pabandyti pats, pasigaminti tokį chat balioną. (Kurį matote po kiekvienu tinklaraščio įrašu). Na gerai mažiau kalbų daugiau darbų.

Imamės darbo

Viskas atrodys taip:

PHP kodas. Tikrai manau nereikia aiškinti nieko jame, nes panašus kodas būna kiekviename tinklaraščio dizaine. (Tačiau jei norite paaiškinimo, parašykite komentaruose)

*** “” naudoti kode nereikia, taip žymimi komentarai. Dabar jie buvo panaudoti, kad atvaizduotų visą kodą.

CSS kodas su pavyzdžiais. Prie jo pasėdėsime ilgiau.
Bendras CSS kodas, kuris apibrėžia savotišką dėžutę (.meta)

.meta {
font-size:14px;
line-height:15px;
color:#999;
margin:0 0 30px 0;
clear: both;
}

/*Nuorodų stiliai*/

.meta a{
color: #888;
padding: 3px;
}
.meta a:hover{
text-decoration: none;
color: #666;
background: #ddd;
background: 1px solid #e7e7e7;
}

.virsus{
background:  url('images/komentarai.png') no-repeat top right;
margin: 0 20px -1px 0;
height: 25px;
}
.virsus p{
float: right;
font-size: 11px;
margin: 0 35px -5px 0;
}

.tags {
float:right;
background:#eee;
padding:5px 10px;

/*Užapvalinti kampai*/

-moz-border-radius: 9px;
-khtml-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
}

***Tekstas tarp “/*” ir “*/” yra komentaras, jis nėra privalomas kode.

Pabaiga

Atleiskit jei nelabai išsamiai paaiškinau. Kadangi tai buvo pirmasis tokio pobūdžio įrašas, tai jis gali būti šiek tiek “prisvilęs”. Į visus užduotus klausimus (jei tokių bus) atsakysiu. Nepamirškite ekspermentuoti ir išbandyti vis ką nors naujo.