ďťż

[html Css] Obramowanie Czcionki jak obramowac czcionke??

       

Podstrony


telcocafe

Jestem poczatkujacym "pisarzem";) ale slyszalem o pewnym sposobie napisania kodu html tak zeby np: czcionka o kolorze bialym posiadala czarne obramowanie (z ang to ma nazwe prawdopodobnie outlining ale najlepiej angielskiego nie znam;) ). slyszalem tez ze jest mozliwosc umieszczenia tego zarowno w kodzie jak i w css.

bylbym bardzo wdzieczny za pomoc z dwoch wzgledow: tlo ktore postanowilem zamiescic na stronce uniemozliwia dobranie czcionki a wstawianie gifa mija sie chyba z celem;) i niewiele stron posiada taki "bajerek" ;)

p.s. jesl ktos posiadalby wiedze jak mozna dolaczyc cien do tekstu tez bylbym wdzieczny;)



cień to łatwa sprawa :) Ja stawiałem diva na divie i miałem cień, kontury bym robił tak samo ...

W CSS outline'u nie zrobisz, obramowanie, które możesz uzyskać w css to jedynie:

<span style="border: 1px solid red">xxxx</span>

Jedyne co możesz, to wstawić obrazek, lub może coś z JS.

W IE możesz zastosować tzw. filtry (przykłady np. tutaj lub tutaj), ale tylko w IE.

Osobiście polecam sposób pawkowa - dwa divy, ten sam tekst i pozycjonowanie :)



probowalem troche poszukac odpowiedzi na moje pyt w innych zrodlach i stworzylem cien przy pomocy <div>
<div style="position: absolute; z-index: 2; top:8px; left: 8px; font-size:46px ; color:blue"> test </div> <div style="position: absolute; z-index: 1; top:10px; left: 10px; font-size:45px ; -moz-opacity: 0.5; filter: alpha(opacity=255)"> test </div>

ten cien wyszedl mi srednio :( choc duzo slyszalem o metodzie proponowanej przez DJ_ProG'a ktora jest dostepna tylko w IE.
nie zdazylem jeszcze sie zapoznac z css ale chyba pozadany przezemnie efekt uzyskam tylko w css, gdyz chcialbym miec kontrole nad tekstem a z tego co sie orientuje to poprzez <div> zmiana wielkosci czcionki musi byc poprawiana w kazdym miejscu i nie wiem jak bedzie odczytywana przez inych, no i przy duzei ilosci tektu podwaja go co nie wplywa dodatnie na wielkosc;)

jesli sie myle to poprawcie mnie (na podstawie strony http://www.fred.net/..._examples.html)
1. cien -
<span style="width: 357; height: 50; font-size: 36pt; font-family: Arial Black; color: blue; Filter: DropShadow(Color=#FF0000, OffX=2, OffY=2, Positive=1)">"SunShine!"</span>
2. obramowanie - to samo co wyzej ale ze zmienionymi parametrami cienia tak zeby czcionka byla o kilka pixeli wieksza

troche sie rozpisalem ale mam nadzieje ze rozumiecie o co mi chodzi;)

za wszelka pomoc dziekuje;)

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.