swape.net » png http://www.swape.net/w alireza balouch Thu, 10 Nov 2011 07:33:22 +0000 en hourly 1 http://wordpress.org/?v=3.3 favicon2png http://www.swape.net/w/2008/02/favicon2png/ http://www.swape.net/w/2008/02/favicon2png/#comments Tue, 19 Feb 2008 20:22:21 +0000 admin Here is a script to download the favicon.ico files from a website and save it as a png file.

You must have imagemagick installed on your server to convert the ico file to png.

  1.  
  2. <!— html code —->
  3. <form action="?" method="post">
  4.   <input id="site" name="site" type="text"
  5. value="<?php echo $_POST['site']; ?/>" />
  6.   <input type="submit" />
  7. </form>
  8.  
  9. < ?php
  10. //— favicon2png by Alireza Balouch @ swape.net 2008
  11.  
  12. if($_POST[‘site’] != ”){
  13.  
  14. //finding the hostname
  15. $host = parse_url($_POST[‘site’]);
  16. $host = $host[‘host’];
  17. $host = explode(‘.’ , $host);
  18. $host = $host[count($host) -2];
  19. $filename = ‘img/’ . $host . ‘.png’;
  20.  
  21. if (!is_file($filename)){
  22. // getting the favicon
  23. $handle = fopen( $_POST[‘site’] . ‘/favicon.ico’, "rb");
  24. $contents = stream_get_contents($handle);
  25. fclose($handle);
  26.  
  27. file_put_contents(‘fav.ico’ , $contents );
  28. // converting to png
  29. $StrExec = ‘/usr/local/bin/convert fav.ico -resize 24×24\> ‘ . $filename ;
  30. $ret = exec($StrExec);
  31. }
  32. echo ‘<img src="’ . $filename . ‘" />’ . $_POST[‘site’];
  33. }
  34. ?>
]]> http://www.swape.net/w/2008/02/favicon2png/feed/ 0 Semi-transparent png fix in IE6 with CSS http://www.swape.net/w/2007/02/semi-transparent-png-fix-in-ie-with-css/ http://www.swape.net/w/2007/02/semi-transparent-png-fix-in-ie-with-css/#comments Tue, 06 Feb 2007 20:30:56 +0000 admin This example shows how you can show semi-transparent png images in IE6 and don’t mess up the code in other browsers. It uses only CSS and no JavaScript.I use the attribute style to make a style for other browsers then IE6. And I’m using the filter style that works only for IE in the normal section. But first you have to make a semi transparent png image.
Then make an div layer and set a class name “mydiv”

And here is the CSS code:

  1. .mydiv{
  2. background-repeat: repeat;
  3. position: relative;
  4. display: block;
  5. width:250px;
  6. height:200px;
  7. text-align: center;
  8. /* Mozilla Firefox and other non IE based browsers ignores the filter style*/
  9. filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=scale src="back_g.png");
  10. }   
  11.  
  12. /* IE ignores this part IE can not read styles with [attribute]*/
  13. .mydiv[class]{
  14. background-image: url(back_g.png);
  15. }
  16. body{
  17. background-image: url(BG.png);
  18. background-repeat: repeat;
  19. }

Since IE can not show semi-transparent png images, we have to use the filter style that only works in ie. But if we use this code we have to make sure that other browsers can show the png file as well. So we use the styles with attributes. And since IE can not read this part, we can put everything that IE dose not need to read there.

]]> http://www.swape.net/w/2007/02/semi-transparent-png-fix-in-ie-with-css/feed/ 0