Programming.PmWikiCSS History

Hide minor edits - Show changes to markup

Thursday 30 November 2006, at 01:47 GMT+8 by Renaud -
Added line 1:

(:description Here are a few hacks that involve modifications to the the pmwiki style sheets. :)

Changed lines 43-44 from:

In Firefox there is no problem with PNG images and their transparency alpha channel.
On IE though, if your PNG has some transparency (ie. not 100% opaque), then it will look like crap:

to:

In Firefox and IE7 there is no problem with PNG images and their transparency alpha channel.
On IE5.5 and IE6 though, if your PNG has some transparency (ie. not 100% opaque), then it will look like crap:

Changed line 60 from:

/* Fix for PNG alpha channel display in IE */

to:

/* Fix for PNG alpha channel display in IE5.5 and IE6 */

Tuesday 05 July 2005, at 06:26 GMT+8 by Renaud -
Changed lines 34-35 from:
- - - -
to:
- - - -
Tuesday 05 July 2005, at 06:24 GMT+8 by Renaud -
Changed lines 34-35 from:
- - -
to:
- - - -
Monday 04 July 2005, at 04:28 GMT+8 by testert -
Changed lines 70-72 from:
  • Original work for this fix is from the excellent http://webfx.eae.net/ DHTML site.
to:
  • Original work for this fix is from the excellent http://webfx.eae.net/ DHTML site.

(:comments:)

Monday 04 July 2005, at 02:34 GMT+8 by Renaud -
Changed lines 52-54 from:
to:
    pub/skins/pngbehavior.htc
    pub/skins/blank.gif
Changed lines 63-64 from:

The behavior CSS tag is ignored in non-IE browsers so it will not affect Opera or Moziall based browsers.

to:

The behavior CSS tag is ignored in non-IE browsers so it will not affect Opera or Mozilla based browsers.

Tuesday 17 May 2005, at 16:06 GMT+8 by Renaud -
Changed line 4 from:
to:
Changed line 9 from:

Opening external links in a new window and make them stand out

to:

Opening external links in a new window and making them stand out

Tuesday 17 May 2005, at 08:20 GMT+8 by Renaud -
Deleted line 42:
Changed lines 63-64 from:
to:

The behavior CSS tag is ignored in non-IE browsers so it will not affect Opera or Moziall based browsers.

Tuesday 17 May 2005, at 08:16 GMT+8 by Renaud -
Changed line 61 from:
   behavior: url("pub/skins/pngbehavior.htc");
to:
   behavior: url("/pub/skins/pngbehavior.htc");
Tuesday 17 May 2005, at 08:15 GMT+8 by Renaud -
Added line 1:
Changed lines 51-55 from:

To solve this problem, download the following files and save them in your skin directory:

    pub/skins/pmwiki/Attach:pngbehavior.htc
    pub/skins/pmwiki/Attach:blank.gif
to:

To solve this problem, download the following files and save them in your top pub/skins directory:

    pub/skins/Attach:pngbehavior.htc
    pub/skins/Attach:blank.gif
Changed line 61 from:
   behavior: url("/pub/css/pngbehavior.htc");
to:
   behavior: url("pub/skins/pngbehavior.htc");
Changed lines 65-68 from:

If you're using mutliple skins for your site, don't forget to copy the blank.gif and pngbehaviour.htc files in your skin folders and modify the CSS for each of them!

to:

If you're using mutliple skins for your site, don't forget to modify the CSS for each of them!

If you're not saving those new files in pub/skins, you will have to modify the path inside pngbehaviour.htc that points to blank.gif and change the path in the CSS as well, otherwise it won't work!

Tuesday 17 May 2005, at 08:05 GMT+8 by Renaud -
Added lines 1-2:

Here are a few hacks that involve modifications to the the pmwiki style sheets.

Tuesday 17 May 2005, at 07:58 GMT+8 by Renaud -
Changed lines 38-50 from:

In Firefox there is no problem with PNG images and their transparency alpha channel.

on IE though, if your PNG has some transparency (ie. not 100% opaque), then it will look like crap:

This image as it looks in an image editor showing its checkerboard background through the transparent bits:

actually looks like this in IE:

when it should look like this:

to:

In Firefox there is no problem with PNG images and their transparency alpha channel.
On IE though, if your PNG has some transparency (ie. not 100% opaque), then it will look like crap:

This image as it looks in an image editor showing its checkerboard background through the transparent bits:

actually looks like this in IE:

when it should look like this:
Added line 49:
Added line 54:
Changed lines 63-64 from:
  • Original work for this fix is on the excellent http://webfx.eae.net/ DHTML site.
to:

Reference

  • Original work for this fix is from the excellent http://webfx.eae.net/ DHTML site.
Tuesday 17 May 2005, at 07:55 GMT+8 by Renaud -
Added line 3:
Changed lines 5-6 from:

!!!Opening external links in a new window and make them stand out

to:

Opening external links in a new window and make them stand out

Changed lines 36-37 from:

!!!Fixing Internet Explorer PNG transparency problems

to:

Fixing Internet Explorer PNG transparency problems

Changed line 51 from:

To solve this problem, download the following files and save it in your skin directory:

to:

To solve this problem, download the following files and save them in your skin directory:

Added lines 54-62:

Then add the following to your pub/skins/pmwiki/pmwiki.css style sheet : (:source lang=css:) /* Fix for PNG alpha channel display in IE */ img {

   behavior: url("/pub/css/pngbehavior.htc");

} (:sourcend:)

Changed line 65 from:
 for instance as pub/skins/pmwiki/pngbehavior.htc
to:
  • Original work for this fix is on the excellent http://webfx.eae.net/ DHTML site.
Tuesday 17 May 2005, at 07:50 GMT+8 by Renaud -
Changed lines 1-4 from:

Opening external links in a new window and make them stand out

to:
Added line 32:
Changed line 34 from:

Fixing Internet Explorer PNG transparency problems

to:

!!!Fixing Internet Explorer PNG transparency problems

Changed lines 39-45 from:

This image as it looks in an image editor showing its checkerboard background through the transparent bits

actually looks like this in IE


when it should look like this
to:

This image as it looks in an image editor showing its checkerboard background through the transparent bits:

actually looks like this in IE:

when it should look like this:

Deleted line 48:
    [=
Deleted line 50:
    =]
Tuesday 17 May 2005, at 07:38 GMT+8 by Renaud -
Changed lines 2-3 from:

This completements the cookbook recipe found on the pmwiki site |ExternalLinks

to:

This completements the cookbook recipe found on the pmwiki site ExternalLinks

Changed line 16 from:

To enable this, you only need to download one of the small images ( - ), place it in your skin directories, for instance pub/skins/pmwiki/external.png and add in the pub/skins/pmwiki/pmwiki.css the following:

to:

To enable this, you only need to download one of the small images below, place it in your skin directories, for instance pub/skins/pmwiki/external.png and add in the pub/skins/pmwiki/pmwiki.css the following:

Added lines 24-49:

Right-click and choose save image to download a copy of the images on your PC:

- - -

If you're using mutliple skins for your site, don't forget to copy the image in your skin folders and modify the CSS for each of them!


Fixing Internet Explorer PNG transparency problems

In Firefox there is no problem with PNG images and their transparency alpha channel.

on IE though, if your PNG has some transparency (ie. not 100% opaque), then it will look like crap:

This image as it looks in an image editor showing its checkerboard background through the transparent bits

actually looks like this in IE


when it should look like this

To solve this problem, download the following files and save it in your skin directory:

    
    pub/skins/pmwiki/Attach:pngbehavior.htc
    pub/skins/pmwiki/[[Attach:blank.gif]]
    

If you're using mutliple skins for your site, don't forget to copy the blank.gif and pngbehaviour.htc files in your skin folders and modify the CSS for each of them!

 for instance as pub/skins/pmwiki/pngbehavior.htc
Tuesday 17 May 2005, at 06:50 GMT+8 by Renaud -
Added lines 1-23:

Opening external links in a new window and make them stand out

This completements the cookbook recipe found on the pmwiki site |ExternalLinks

To open external links in new windows, add the following in your local/config.php file: (:source lang=php:)

  1. Modified URL for external links to open them in a new window
  2. and mark them with a small image on the right (throught CSS)

$UrlLinkFmt =

  "<a class='external' target='_blank' href='\$LinkUrl'>\$LinkText</a>";

(:sourcend:)

On this site, I have used the same effect used in WikiPedia for their external links. (:if skin pmwiki:)However, you will need to chose another skin than Basic Text to see what the external links look like.
Choose another skin from the menu on the left panel.(:if:)(:if ! skin pmwiki:)
For instance http://www.slashdot.org , notice the small picture on the right of the link that indicate that this is an external link to this site.(:if:)

To enable this, you only need to download one of the small images ( - ), place it in your skin directories, for instance pub/skins/pmwiki/external.png and add in the pub/skins/pmwiki/pmwiki.css the following: (:source lang=css:)

  1. wikibody a.external {
        background: url(external.png) center right no-repeat;
        padding-right: 13px;

} (:sourcend:) Now all external links in you main text body will be identified as such.

Design by N.Design Studio, adapted by solidGone.org (version 1.0.0)
Powered by pmwiki-2.2.0-beta65