[HTML] Schadow achter text

Topicstarter

Hoe doe ik dat? Ik heb google, en search gebruikt

donderdag 28 februari 2002 13:50

Acties:

donderdag 28 februari 2002 13:52

⭐⭐⭐⭐⭐ (5/5)

Ik denk met CSS

Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.

Acties:

Topicstarter

Op donderdag 28 februari 2002 13:50 schreef Prammenhanger het volgende:
Ik denk met CSS

Ja en hoe met CSS?

donderdag 28 februari 2002 13:54

Acties:

donderdag 28 februari 2002 14:02

⭐⭐⭐⭐⭐ (5/5)

http://www.people.fas.harvard.edu/~dbaron/css/test/shadow
http://www.blooberry.com/indexdot/css/properties/text/textshadow.htm
http://css.nu/examples/shadow.html

in samen werking met Goo Afbeeldingslocatie: http://www.google.com/images/res1.gif

le

_{wordt nog niet echt ondersteunt}

Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.

Acties:

Topicstarter

sorry hoor maar ik snap er echt geen fuck van

donderdag 28 februari 2002 14:05

Acties:

waxle

Schavuit & Schobbejak

Tijd voor een lesje HTML/CSS, lijkt me dan

ouwe meuk
Nichts ist toller als ein Zündapp Roller!

donderdag 28 februari 2002 14:10

Acties:

donderdag 28 februari 2002 14:10

⭐⭐⭐⭐⭐ (5/5)

Although the CSS2 property text-shadow allows interesting chiariscuro, UAs have not rushed to implement it. An example usage might be:

H1 { color: #cc3333; text-shadow: 0.2em 0.2em silver}

Wat ook kan is de text die je een shadow wilt geven in een span zetten met een id, bijv

code:

1	<span id="schaduw">Hier de shadow-text</span>

en dan dit in de head van je pagina zetten:

code:

1
2
3

<style type=text/css>
#schaduw { color: #cc3333; text-shadow: 0.2em 0.2em silver}
</style>

Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.

Acties:

Topicstarter

Op donderdag 28 februari 2002 14:05 schreef waxle het volgende:
Tijd voor een lesje HTML/CSS, lijkt me dan

Maar er is toch wel gewoon een schriptje voor?

donderdag 28 februari 2002 14:10

Acties:

Nozzman

The bastards have landed.

Op donderdag 28 februari 2002 14:02 schreef Maverickje het volgende:
sorry hoor maar ik snap er echt geen fuck van

Mr. Ongeduldig! Het is een CSS truucje, maar nog vrij weinig ondersteund.

»NOZZMAN.NL cartoons » portfolio

donderdag 28 februari 2002 14:12

Acties:

donderdag 28 februari 2002 14:17

⭐⭐⭐⭐⭐ (5/5)

Op donderdag 28 februari 2002 14:10 schreef Maverickje het volgende:
Maar er is toch wel gewoon een schriptje voor?

Nee, er is geen schriptje voor. Ook geen script, trouwens. Het is gewoon CSS, maar nog niet echt ondersteunt, dus of het handig is is een andere vraag...

Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.

Acties:

Verwijderd

Je kan ook met MS-filters werken:

http://msdn.microsoft.com/workshop/samples/author/dhtml/overview/FiltWzrd.htm

Maar da's (uiteraard) IE only.

Je kan natuurlijk ook twee DIV's over elkaar heen leggen

donderdag 28 februari 2002 14:26

Acties:

Verwijderd

code:

<html>
<head>
    <title>Untitled</title>
<style type="text/css">
.topTxt {font-size:18px;font-weight:bold;color:#CC0000;}
.bottomTxt {font-size:18px;font-weight:bold;color:#666666;}
span.topTxt {position:relative; top:-24px; left:-2px;}
</style>
</head>

<body>
<span class="bottomTxt">BLAAT YA BLAAT</span><br>
<span class="topTxt">BLAAT YA BLAAT</span><br>
</body>
</html>

donderdag 28 februari 2002 14:26

Acties:

crisp

Devver

Pixelated

2 div's over elkaar:

code:

<html>
<head>
<title>Shadow-effect</title>
<style type="text/css">

#normal {
  position: absolute;
  left: 5px;
  top: 5px;
  font-family: verdana;
  font-size: 24pt;
  font-weight: 800;
  color: #000000;
  z-index: 1;
}

#shadow {
  position: absolute;
  left: 8px;
  top: 8px;
  font-family: verdana;
  font-size: 24pt;
  font-weight: 800;
  color: #b0b0b0;
  z-index: 0;
}

</style>
</head>
<body>
<div id="normal">Shadow-effect</div>
<div id="shadow">Shadow-effect</div>
</body>
</html>

Intentionally left blank

donderdag 28 februari 2002 14:36

Acties: