[CSS] Letters vervangen voor een image bij 1 font-style

Pagina: 1
Acties:
  • 103 views sinds 30-01-2008
  • Reageer

  • Underground75
  • Registratie: Augustus 2002
  • Laatst online: 04-04 16:50
Ik wil op mijn site het font die ik voor de copyright gebruik vervangen voor images. Het font is geen standaard font. Ik gebruik het font ook voor de datum en digitale klok.

Het is de bedoeling om iedere letter te vervangen voor een image maar ik heb geen idee hoe ik dit kan doen. Er zijn genoeg text-to-image scripts maar voor CSS heb ik er nog geen gevonden.

Iemand een idee hoe ik dit kan doen?

  • Foutlook
  • Registratie: Februari 2001
  • Niet online
zie http://www.alistapart.com/articles/dynatext/

Dit werkt met CSS en een stukje javascript. Het principe: plaats de js code in je site, plaats de fontbestanden op je server, en pas je CSS aan. Het werkt ideaal!

  • André
  • Registratie: Maart 2002
  • Laatst online: 03-04 15:48

André

Analytics dude

Dit is ook heel simpel na te maken met JS:

code:
1
2
3
4
5
6
7
8
9
10
11
function fontToImage(tekst)
{
  returnstring = "";
  for (var i = 0; i < tekst.length; i++)
  {
    returnstring += "[img]'letter"[/img]";
  }
  return returnstring;
}

document.write(fontToImage("Andre is 1337"));

Wat nog netter is, is om het via het DOM te doen :)

[ Voor 12% gewijzigd door André op 05-11-2004 08:58 ]


  • Underground75
  • Registratie: Augustus 2002
  • Laatst online: 04-04 16:50
Foutlook schreef op 05 november 2004 @ 08:28:
zie http://www.alistapart.com/articles/dynatext/

Dit werkt met CSS en een stukje javascript. Het principe: plaats de js code in je site, plaats de fontbestanden op je server, en pas je CSS aan. Het werkt ideaal!
Ik ben ermee aan de gang maar het lukt niet helemaal. in mijn orginele css heb ik staan:
code:
1
2
3
4
/* Copyright and bottom info */
.copyright { font-size: 8px; font-family: hooge 0853; color: #111C28; letter-spacing: 0px;}
a.copyright { color: #111C28; text-decoration: none;}
a.copyright:hover { color: #bcbcbc; text-decoration: NONE;}



Het script (in replacement.js) vraagt om:
code:
1
2
replaceSelector("h2","heading.php",true);
var testURL = "images/test.png" ;

Wat moet ik nu gebruiken voor "h2" :?

In de php pages gebruik ik
code:
1
<font class=copyright>Date is:</font>

[ Voor 48% gewijzigd door Underground75 op 05-11-2004 10:27 ]


Verwijderd

1) // is geen comment prefix in css
2) a.copyright gaat uiteraard niet werken want je gebruikt font als element
3) je gebruikt font als element
4) span.copyright werkt natuurlijk ook niet
5) leer eens wat CSS, want je hebt volgens mij de klok niet eens horen luiden: www.w3schools.com/css

  • Foutlook
  • Registratie: Februari 2001
  • Niet online
Verwijderd schreef op 05 november 2004 @ 10:24:
1) // is geen comment prefix in css
2) a.copyright gaat uiteraard niet werken want je gebruikt font als element
3) je gebruikt font als element
4) span.copyright werkt natuurlijk ook niet
5) leer eens wat CSS, want je hebt volgens mij de klok niet eens horen luiden: www.w3schools.com/css
Mee eens :) Daarnaast moet je uiteraard ook het php bestand zelf niet vergeten (in jouw code is dat de heading.php
Pagina: 1