PHP + CSS Dynamic Text Replacement

[thorn]

Hello,

there is a new frontend-filter available, using this
http://code.google.com/p/pcdtr/
for dynamic text replacements (will replace text with a PNG-Image).
No need for Javascript, its all done through CSS.



http://www.websitebaker2.org/forum/index.php/topic,12243.msg75118.html#msg75118

Requires:
PHP5.2
frontendfilter-module (Some english translations are still missing)

To define what to replace by an image, just open the CSS-Editor (the "ab"-Icon on the Admin-Tool's overview), and enter some CSS-rules.

You have to copy the fonts to use to modules/opf_pcdtr/pcdtr/.
Use the file-name (without .tff) as name for font-family:, instead of the real font's name, i.e. if the file-name is "times.ttf" use font-family: "times"; and not font-family: "Times New Roman";

thorn.

[snark]

when using this feature a link always gets a line underneath.. is this easy to solve

[Stefek]

is this easy to solve

Well, yes.

Just replace in your CSSdeclaration:
   text-decoration: underline;
with:
   text-decoration: none;

Kind regards,
Stefek

[Stefek]

is this easy to solve

Well, yes.

Just replace in your CSSdeclaration:
   text-decoration: underline;
with:
   text-decoration: none;

Kind regards,
Stefek

Hm.. I checked this.. but it doesn't seem to work with Links.

How do you implement the psdtr Script?
Do you use the frontent output filter admin?
Which Version (WB)?

Kind regards,
Stefek

[snark]

offcourse I know about css, thanks anyway

it works with links but the cache keeps bringin up the old cached image... I now have a menu with half underlined and half non underlined

!@#$

I guess if you delete the cached it will be oke.. will try that tommorrow

[Stefek]

Yes, thats right.. the cache...

My CSS looks like that now:

h2{
    font-family: Brody;
    font-size:18pt;
    color:#2F751F;
    background-color:#fff;
}
h2 a{
    font-family: Brody;
        font-size:18pt;
    color:#2977C7;
    text-decoration:none;
}
h2 a:hover{
    color:#eeb43f;
        font-size:18pt;
    text-decoration:none;
}
 and the headline2 Links work without underline.

Good advice to force your browser to refresh all images:
-> Just change the font-size.

Regards,
Stefek

[snark]

that's a mighty trick!


do you happen to know a way to have the thing work on a menu-current tag?

it just won't work for me