Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] fajny efekt tekstu
Taifun
post
Post #1





Grupa: Zarejestrowani
Postów: 222
Pomógł: 2
Dołączył: 10.07.2007

Ostrzeżenie: (10%)
X----


Witam,
http://ugotuj.eu/film/59/salatka-ziemniaczana/
po prawej jest Wyszukiwarka przepisów i ta czcionka jest świetna. Jak taki efekt zrobić?
Co to jest w ogóle? cień?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
v1t4n
post
Post #2





Grupa: Zarejestrowani
Postów: 111
Pomógł: 16
Dołączył: 19.02.2005
Skąd: Dębica

Ostrzeżenie: (0%)
-----


2x zapisany text w html:
  1. <div class="box-header">Wyszukiwarka przepisów<span>Wyszukiwarka przepisów</span></div>


A w CSS:
Kod
.box-header { background:#edc088 url(/img/box-header.gif) no-repeat 0 0; width:280px; height:34px; padding:0 10px; line-height:34px; font-size:15px; font-weight:bold; color:#fff; clear:both; overflow:hidden; position:relative; z-index:0; }
.box-header span { position:absolute; padding:0 10px; left:1px; top:1px; z-index:-1; color:#cba26e; }


Krotko mowiac podlozony pod spod i przesuniety po 1px w dol i w prawo.
Go to the top of the page
+Quote Post
Kildyt
post
Post #3





Grupa: Zarejestrowani
Postów: 869
Pomógł: 53
Dołączył: 20.10.2003
Skąd: Przeworsk

Ostrzeżenie: (0%)
-----


Całe szczęście, że w CSS v3 będzie to skrócone do jednego polecenia. (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

PS Opera już wspiera cienie. Trzeba niestety poczekać na inne przeglądarki.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.08.2025 - 16:03