Išmintis

  • A man does not have to be an angel in order to be a saint. Albert Schweitzer

Naujausi įrašai

Kategorijos

Archyvas

Donorystė

Pritariu organų donorystei!

Knygos

Prenumeratos

Tinklaraščio statistika

  • Įrašų: 160
  • Komentarų: 794
  • Žodžių įrašuose: 44.424
  • Žodžių komentaruose: 23.048

Paveikslėlių slėpimas tekste su CSS3

Naujas CSS3 standartas šiuo metu dar rengiamas, tačiau kai kurios naršyklės jau yra suderinamos su kai kuriais elementais. Pavyzdžiui, Safari ir Firefox suderinama su ::selection pseudo-elementu. Kas iš to?.. Pasirodo, panaudojus šį elementą ir pridėjus šiek tiek PHP, galima paslėpti paveiksliuką paprastame tekste.

Galite pažiūrėti, kaip tai atrodo. Matote apačioje tekstą? Rodos, paprastas tekstas, tiesa? Tačiau pabandykite jį pažymėti pele, ir pamatysite, kas iš tiesų po juo slepiasi. Galite išbandyti su bet kokiu paveikslėliu ir tekstu. Kam įdomu, gali pasinagrinėti ir PHP kodą.

Taip pat skaitykite

Komentarai (8):

shiny

bandziau bandziau, selektinau visa teksta, ir gabalais selectinau ir niekas neislindo (:

Darius Bulbukas

Ups, klaidelė nuorodose įsivėlė — ten apskritai apačioje jokio teksto nerodė :)
Dabar turėtų veikti. Žiūrėti reikia su minėtom naršyklėm ir įjungtu JS.
Ačiū, kad informavai ;)

amonas

Geras, tik gaila, kad tas tekstas toks jau įtartinas atrodo, kad tai paprastą tekstą pažymėjus pasikeitų :)

Darius Bulbukas

Tai kad tekstą ten kokį nori galima įvesti, kaip ir paveikslėlį bet kokį nurodyti. Ten tik pavyzdys.

+ simonas

O tai įdomu, kur tai gali būti pritaikoma…

Darius Bulbukas

Na, būtent toks slėpimas tai tikrai nežinau, bet apskritai stilių nustatymas pažymėtam tekstui manau kad daug kur galėtų būti pritaikytas, kaip ir visokie a.hover ir pan.

paparacis

ir prigalvoja kai netingi =)

Citatos:

Palikite savo komentarą

Komentaruose galite naudoti šias žymas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>