http://www.kriesi.at/support/tags/png Support Forum - Tag: PNG - Recent Posts en-US Tue, 21 May 2013 06:32:04 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/using-png-images-in-slider-background-is-black#post-91256 Sat, 12 Jan 2013 10:27:44 +0000 Dude 91256@http://www.kriesi.at/support/ <p>Hey! </p> <p> Can you post a link to a page where the issue occurs please? </p> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/using-png-images-in-slider-background-is-black#post-91253 Sat, 12 Jan 2013 10:13:54 +0000 emk228 91253@http://www.kriesi.at/support/ <p>Hi Chris,</p> <p>Are you able to respond to this query? I'm also having the same issue with this.</p> <p>Thanks,</p> <p>Erin </p> http://www.kriesi.at/support/topic/using-png-images-in-slider-background-is-black#post-43575 Mon, 27 Feb 2012 04:10:37 +0000 Chris Beard 43575@http://www.kriesi.at/support/ <p>Hey,</p> <p>sorry for the delay. Could you link us to your site? This way we're sure we're providing correct information.</p> <p>Regards,<br /> Chris </p> http://www.kriesi.at/support/topic/using-png-images-in-slider-background-is-black#post-43315 Fri, 24 Feb 2012 08:47:35 +0000 coxine 43315@http://www.kriesi.at/support/ <p>Anybody can help me to solve this problem ?<br /> It would be nice to have some help ! :) </p> http://www.kriesi.at/support/topic/using-png-images-in-slider-background-is-black#post-42964 Wed, 22 Feb 2012 15:17:28 +0000 coxine 42964@http://www.kriesi.at/support/ <p>Hello<br /> I'm trying to understand how to remove black background behind the slider which is using a transparent png file.<br /> When i remove color #000000 to transparent<br /> <pre><code>&lt;br /&gt; #top .slideshow li img {&lt;br /&gt; background: none repeat scroll 0 0 transparent;&lt;br /&gt; border: medium none;&lt;br /&gt; display: block;&lt;br /&gt; height: auto;&lt;br /&gt; margin: 0;&lt;br /&gt; padding: 0;&lt;br /&gt; position: relative;&lt;br /&gt; width: 100%;&lt;br /&gt; z-index: 3;&lt;br /&gt; }&lt;br /&gt;</code></pre> <p>It remains white ! :-o</p> <p>Is it a png issue ? I'm using firefox for this test :)</p> <p>Streched layout with textured bg.</p> <p>Thank's for your help ! </p> http://www.kriesi.at/support/topic/what-is-the-optimal-image-size-for-use-in-propulsion#post-39032 Sat, 28 Jan 2012 05:39:37 +0000 nancygyes 39032@http://www.kriesi.at/support/ <p>I'm thinking jpg, png. what is the best size that will translate smoothly into all the img options available? Starting with the slideshow...</p> <p>-terryd, aka nacygyes' web weasel</p> <p>(wish i could have my own dang account) </p> http://www.kriesi.at/support/topic/titels-in-combination-with-icons-display-problem#post-33814 Sun, 04 Dec 2011 04:35:25 +0000 Chris Beard 33814@http://www.kriesi.at/support/ <p>Hi,<br /> the only "clean" option I can think of is what vanwero stated. Thanks for helping out, vanwero!<br /> If this doesn't work for you please do say so! </p> http://www.kriesi.at/support/topic/titels-in-combination-with-icons-display-problem#post-33722 Fri, 02 Dec 2011 11:56:56 +0000 vanwero 33722@http://www.kriesi.at/support/ <p>When I add the following line &lt;h1 class="post-title"&gt;&lt;/h1&gt;</p> <p>in front of:</p> <p>&lt;h1 class="post-title"&gt;KBC Verzekeringen&lt;/h1&gt;<br /> [one_third first]<br /> &lt;h3 class="title"&gt;Contacteer ons&lt;/h3&gt;</p> <p>it works. But this is a little "dirty" in my opinion.<br /> Alle other (nicer) word-arounds may be posted of course!!;-))</p> <p>Thanks in advance!<br /> Vanwero. </p> http://www.kriesi.at/support/topic/titels-in-combination-with-icons-display-problem#post-33683 Thu, 01 Dec 2011 22:57:40 +0000 wenv 33683@http://www.kriesi.at/support/ <p>Is it possible that it has something to do with the png-icons i use?<br /> Should it be .ico icons? or in other format?</p> <p>Greets,<br /> Rob. </p> http://www.kriesi.at/support/topic/titels-in-combination-with-icons-display-problem#post-33660 Thu, 01 Dec 2011 17:10:29 +0000 vanwero 33660@http://www.kriesi.at/support/ <p>Maybe it's better to post my code here as a screenshot.</p> <p>I Just want a title and under the title an icon (aligned left) with text wrapped around the icon on the right &amp; bottom</p> <p>my code:<br /> <a href="http://dev.verzekeringen-portaal.net/wp-content/uploads/Foutmelding3.bmp" rel="nofollow">http://dev.verzekeringen-portaal.net/wp-content/uploads/Foutmelding3.bmp</a></p> <p>And the result in IE7:<br /> <a href="http://dev.verzekeringen-portaal.net/wp-content/uploads/foutmelding.jpg" rel="nofollow">http://dev.verzekeringen-portaal.net/wp-content/uploads/foutmelding.jpg</a></p> <p>Also the second icon (orange) is not aligned properly in IE7. (way to much to the right)<br /> I also noticed that in IE7 when I go to my html-code it also adds som &lt;p&gt;'s before my code (see marked in red on screenshot)</p> <p>Hope that this is a layout-problem that's known and can be solved because the computers of the people who I'm selling my site to are all working on Internet Explorer 7...!!</p> <p>Thanks for your anwers already!<br /> Greets,<br /> Rob. </p> http://www.kriesi.at/support/topic/titels-in-combination-with-icons-display-problem#post-33650 Thu, 01 Dec 2011 15:54:50 +0000 wenv 33650@http://www.kriesi.at/support/ <p>Hi,</p> <p>I'm using titels &amp; icons on my homepage and I thought everything was all right until I've watched my site at the office.</p> <p>* Everything looks good on Safari (at home) and on Internet Explorer 8 (also at the office).<br /> * But when I look it at Internet Explorer 7, I got the following:</p> <p><a href="http://dev.verzekeringen-portaal.net/wp-content/uploads/Foutmelding.jpg" rel="nofollow">http://dev.verzekeringen-portaal.net/wp-content/uploads/Foutmelding.jpg</a></p> <p>Maybe there is a better way to achieve this? My code is the following:</p> <p>&lt;h1 class="post-title"&gt;KBC Verzekeringen&lt;/h1&gt;<br /> [one_third first]<br /> &lt;h3 class="title"&gt;Contacteer ons&lt;/h3&gt;<br /> <img title="Schade" src="http://../wp-content/uploads/1322742304_05_phonebook.png" alt="" /><strong>W&amp;V Verzekeringen</strong><br /> ...<br /> [/one_third]</p> <p>Any idea how I can fix that? It's not really looking good if on some computers it looks correct and on some it looks messed up!</p> <p>Thanks already for your anwers!</p> <p>Greets,<br /> Vanwero </p> http://www.kriesi.at/support/topic/aviaslider-display-of-transparent-png-images-in-ie#post-20369 Thu, 02 Jun 2011 19:31:57 +0000 Semblance 20369@http://www.kriesi.at/support/ <p>Thanks guys for your quick response - sucks though with IE. I understand though. For all the other browsers that play nice I need to stick with PNG24.<br /> Is there a line/s of code that you can think of to add, like you did with the background...<br /> To target same file name, but with different extension (.gif) when browsing with IE.<br /> I realise this is a far stretch, but thought I will ask anyway :/ </p> http://www.kriesi.at/support/topic/aviaslider-display-of-transparent-png-images-in-ie#post-19980 Fri, 27 May 2011 12:34:33 +0000 Kriesi 19980@http://www.kriesi.at/support/ <p>Hey!</p> <p>The problem you are encountering is nothing that is slider specific unfortunatley. All versions of IE (all but IE9) have major problems with image transitions that are done by changin the opacity value, when it comes to fading transparent pngs. I dont think that there is a slider ot there that uses opacity and is able to fade a transparent png24 in IE without problems.</p> <p>It will work with either png8 or gif, which might be sufficient in your case, or you could create full jpeg images of the different slider states. </p> <p>Sorry that I cant offer any more in this case... </p> http://www.kriesi.at/support/topic/aviaslider-display-of-transparent-png-images-in-ie#post-19974 Fri, 27 May 2011 05:49:16 +0000 Dude 19974@http://www.kriesi.at/support/ <p>Hey,<br /> as far as I know the IE had problems with the opacity filter (which is buggy) and Kriesis slider. Some users reported a "white dot effect" which appeared after the fading transition. That's why Kriesi started to work with black backgrounds to avoid this IE bug. I'll ask to comment on it. </p> http://www.kriesi.at/support/topic/aviaslider-display-of-transparent-png-images-in-ie#post-19906 Thu, 26 May 2011 12:55:35 +0000 Semblance 19906@http://www.kriesi.at/support/ <p>Hello</p> <p>I am busy with my website's redesign. The design, still in working progress is using your AviaSlider and can be viewed here: <a href="http://www.semblance.co.za/toets3/" rel="nofollow">http://www.semblance.co.za/toets3/</a></p> <p>Before purchasing your slider I used another slider <a href="http://slidesjs.com/" rel="nofollow">http://slidesjs.com/</a> that is freely available on the internet with a different slide effect. I decided to change the design of the slides and so the slide effect too. Your slider seemed to be perfect, for I needed one with a fade in - fade out transition and controls at the bottom.<br /> My previous slider design and the existing one, have to use transparent .png. With <a href="http://slidesjs.com/" rel="nofollow">http://slidesjs.com/</a> the .png display perfectly across all browsers. When using your slider however, in IE at first, the .png gets a black background. I managed to find this bit of code in your .js file where there is a condition, that if browsed with IE the background should be black. I changed that to transparent, but now the shapes in the png has a jaggered black line around the shapes.<br /> Why is your slider doing this to the .png image (<a href="http://slidesjs.com/" rel="nofollow">http://slidesjs.com/</a> did not do that) and is there a way around it?<br /> You can see what I mean viewing <a href="http://www.semblance.co.za/toets3/" rel="nofollow">http://www.semblance.co.za/toets3/</a> in IE compared to all other browsers.</p> <p>Really hope this is something that can be resolved.<br /> Thank you in advance.</p> <p>Elzette </p> http://www.kriesi.at/support/topic/png-problems-in-ie8-ie7-standrads#post-10751 Thu, 30 Dec 2010 09:28:37 +0000 Dude 10751@http://www.kriesi.at/support/ <p>Hey,<br /> sorry. I missed the DOT lock :)</p> <p>Have a look at this article. <a href="http://www.wesjones.net/home/2010/11/transparent-png-ie8-js/" rel="nofollow">http://www.wesjones.net/home/2010/11/transparent-png-ie8-js/</a><br /> It's a browser problem. There are tons of fixes and hacks out there. (I.e just search "ie8 png black" in google). </p> http://www.kriesi.at/support/topic/png-problems-in-ie8-ie7-standrads#post-10725 Wed, 29 Dec 2010 12:29:11 +0000 dinis 10725@http://www.kriesi.at/support/ <p>Hi. could you change it? - where it says DOT, put a "." - I don't want to mess my statistics with visits from kriesi.at :P. </p> http://www.kriesi.at/support/topic/png-problems-in-ie8-ie7-standrads#post-10719 Wed, 29 Dec 2010 11:26:28 +0000 Dude 10719@http://www.kriesi.at/support/ <p>Hey,<br /> the link you posted doesn't work for me. Please check it again. </p> http://www.kriesi.at/support/topic/png-problems-in-ie8-ie7-standrads#post-10716 Wed, 29 Dec 2010 11:16:43 +0000 dinis 10716@http://www.kriesi.at/support/ <p>Hi.<br /> The png image - above social bookmarks icons with the logo "brinka" in <a href="http://pt-pt.liveningonlineDOTcom/brinka-enjoy-toys-2446" rel="nofollow">http://pt-pt.liveningonlineDOTcom/brinka-enjoy-toys-2446</a> is not showing properly in ie7 neither ie8.<br /> I tried appending a ie6fix class but it does not work.<br /> Any ideas? </p> http://www.kriesi.at/support/topic/cant-get-lightbox-to-work-at-all#post-4448 Fri, 10 Sep 2010 06:02:06 +0000 Dude 4448@http://www.kriesi.at/support/ <p>Did you check if all Javascripts are available/working? Did you try to insert an image manually to a post/page by using<code>&lt;img src=&quot;xy&quot; rel=&quot;prettyPhoto&quot; /&gt;</code> It's hard to say what's going wrong without seeing it real life. Can you send me a link to:</p> <p><a href="mailto:kriesi2000-dude@yahoo.com">kriesi2000-dude@yahoo.com</a></p> <p>I'll look into it. </p> http://www.kriesi.at/support/topic/cant-get-lightbox-to-work-at-all#post-4436 Thu, 09 Sep 2010 23:07:14 +0000 misterm 4436@http://www.kriesi.at/support/ <p>Hi</p> <p>Bought this theme a little while back and can't get the lightbox to work at all.<br /> Just a small box appears above the mouse pointer, about 20px wide.<br /> Following all instructions, but nomatter what url enter into the "Full Size Pic or Video for Lightbox", no image popup is appearing.<br /> I tried uploading an image too and still nothing.</p> <p>I have no other plugins installed.</p> <p>I have set the post category under "Gallery options" and still nothing.</p> <p>I am using Wordpress 3.0.1</p> <p>The external image I want to use for the lightbox popup is a PNG.<br /> The thumbnail of the enternal PNG does appear in the box just above where I entered the url under "Full Size Pic or Video for Lightbox", which is odd as it still doesn't appear in the popup.</p> <p>Any ideas?</p> <p>I'm afraid I can't post the url on the forum as the project is a private client site.</p> <p>Many thanks</p> <p>Mr M </p> http://www.kriesi.at/support/topic/transparent-pngs#post-4113 Mon, 06 Sep 2010 13:26:45 +0000 Dude 4113@http://www.kriesi.at/support/ <p>Hope everything works fine for you now.</p> <p>The Dude </p> http://www.kriesi.at/support/topic/transparent-pngs#post-4090 Mon, 06 Sep 2010 04:21:25 +0000 scottfoleymultimedia 4090@http://www.kriesi.at/support/ <p>Hey thanks a lot, I'll try that.</p> <p>I figured out another way earlier this morning: I simply moved the .png into the images file on my site than added this on to the pages:</p> <p><code>&lt;img class=&quot;noborder ie6fixt&quot; src=&quot;http://www.example.com/images/example.png&quot; alt=&quot;example&quot; /&gt;</code> </p> http://www.kriesi.at/support/topic/transparent-pngs#post-4016 Sun, 05 Sep 2010 07:33:17 +0000 Dude 4016@http://www.kriesi.at/support/ <p>Here's an example code:<br /> <pre><code>&lt;img src=&quot;your-image.png&quot; alt=&quot;&quot; title=&quot;my-png&quot; style=&quot;background:none;border:none;&quot; /&gt;</code></pre> <p>The Dude </p> http://www.kriesi.at/support/topic/transparent-pngs#post-4005 Sat, 04 Sep 2010 23:01:05 +0000 scottfoleymultimedia 4005@http://www.kriesi.at/support/ <p>Anybody know how to apply transparent PNG's to the Avisio theme without having the white backdrop box apply? </p> http://www.kriesi.at/support/topic/png-issues#post-2225 Sat, 07 Aug 2010 17:33:49 +0000 aoken 2225@http://www.kriesi.at/support/ <p>Problem solved, cheers. </p> http://www.kriesi.at/support/topic/png-issues#post-2221 Sat, 07 Aug 2010 16:36:18 +0000 cwrigley 2221@http://www.kriesi.at/support/ <p>Your PNG looks fine. I think the CSS is adding the background. Check this thread for a solution:</p> <p><a href="http://www.kriesi.at/support/topic/re-problem-png-image" rel="nofollow">http://www.kriesi.at/support/topic/re-problem-png-image</a> </p> http://www.kriesi.at/support/topic/png-issues#post-2217 Sat, 07 Aug 2010 14:48:06 +0000 aoken 2217@http://www.kriesi.at/support/ <p>Hi, </p> <p>I am just setting up my site with your template and am having problems with PNG transparency - <a href="http://www.aoken.com/why-aoken/" rel="nofollow">http://www.aoken.com/why-aoken/</a></p> <p>I changed over the images to better suite our needs and saved them out via Photoshop as ever type of PNG I know of.</p> <p>I think it has something to do with the CSS style code but I am not a great coder. </p> <p>Thanks for the help.</p> <p>Paul </p>