23Systems Web Devsign Discussion » Forum: Facelift Image Replacement

23Systems Web Devsign Discussion » Forum: Facelift Image Replacement - Recent Posts http://www.23systems.net/bbpress/forum/facelift-image-replacement Custom Website Design and Development en-US Fri, 12 Mar 2010 14:07:02 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.23systems.net/bbpress/search.php Dan Zappone on "Feature Request: @font-face" http://www.23systems.net/bbpress/topic/feature-request-font-face#post-237 Fri, 12 Feb 2010 17:29:37 +0000 Dan Zappone 237@http://www.23systems.net/bbpress/ That's an excellent idea. I'm slowly working on adding the new version of FLIR into the plugin and can hopefully integrate something like this as well. I may need some help too due to time constraints. erik.teichmann on "Feature Request: @font-face" http://www.23systems.net/bbpress/topic/feature-request-font-face#post-228 Sat, 06 Feb 2010 14:59:54 +0000 erik.teichmann 228@http://www.23systems.net/bbpress/ Hey there, I have a suggestion for a future version of FLIR for Wordpress. With the advent of CSS3 support in major browsers, @font-face is becoming an excellent method for using non-standard fonts. I think it would be great for FLIR for Wordpress to detect CSS3 compliant browsers and serve an @font-face declaration for them (without loading the scripts, etc) and display the FLIR-ized page for older browsers. This wouldn't be too hard, would it? I'd be willing to help! -Erik amusingdesigns on "Stopped working after upgrade" http://www.23systems.net/bbpress/topic/stopped-working-after-upgrade#post-205 Sat, 23 Jan 2010 21:06:58 +0000 amusingdesigns 205@http://www.23systems.net/bbpress/ Hi. I have a WordPress blog that had the older version of FLIR on it working perfectly. Then I upgraded the blog to 2.9.1 and it stopped working. At the same time, FLIR was showing an available upgrade. Per the instructions on your plugin page, I deleted the old instance of FLIR via FTP and uploaded the newest version 0.8.8, and now I can't get it to work. I've used the same exact settings as before, uploaded the font, etc...but to no avail. The code is showing through Firebug that it's trying to generate the fonts, but nothing is showing but the default text for the H1 and H4 headings. Here's the blog: <a href="http://www.apreacherswife.com/" rel="nofollow">http://www.apreacherswife.com/</a> I also have another blog it was working on and now it's not, and I haven't upgraded that blog, so I don't think it's the upgrade: <a href="http://adelightfulday.net/blog/" rel="nofollow">http://adelightfulday.net/blog/</a> Any help you can give would be greatly appreciated. Cheers, Karen Lewis Simply Amusing Designs Dan Zappone on "Letterspacing/kerning? And iffy transparency?" http://www.23systems.net/bbpress/topic/letterspacingkerning-and-iffy-transparency#post-187 Wed, 09 Dec 2009 20:06:40 +0000 Dan Zappone 187@http://www.23systems.net/bbpress/ I think there is a way to handle letter spacing - I'll need to check. If you have imagemagick installed you might give that a try and see if it works. Hopefully it because of the CSS. If not please let me know. Dan Zappone on "Not getting formatting to show up" http://www.23systems.net/bbpress/topic/not-getting-formatting-to-show-up#post-165 Mon, 30 Nov 2009 22:04:11 +0000 Dan Zappone 165@http://www.23systems.net/bbpress/ Hmm, that's odd but I'm glad it's working. The most common cause for jQuery not to work is a conflict with another plugin. Also, yes, you should be able to add <code>li.page_item</code> and have it effect those elements with that specific class. Let me know if you are having troubles. gregwbrooks on "Letterspacing/kerning? And iffy transparency?" http://www.23systems.net/bbpress/topic/letterspacingkerning-and-iffy-transparency#post-163 Wed, 18 Nov 2009 22:31:57 +0000 gregwbrooks 163@http://www.23systems.net/bbpress/ Phenomenal plugin -- does what I want without the overhead and issues of sIFR, and kudos all around to the 23Systems team! Two quick questions: * Any way to handle letterspacing? Introducing tighter letterspacing in the CSS doesn't seem to change the appearance of the generated PNG files. * When doing wholesale Facelifts on a page, most (but not all) of the resulting PNG files have a transparent background. Are the ones that are showing up with an opaque, white background doing so because of CSS calling such a background, or is this a bug? Many thanks, Greg cornflower on "Not getting formatting to show up" http://www.23systems.net/bbpress/topic/not-getting-formatting-to-show-up#post-156 Thu, 05 Nov 2009 07:58:34 +0000 cornflower 156@http://www.23systems.net/bbpress/ I messed around a little more. It worked once I switched from jquery to scriptalicious. Strange! cornflower on "Not getting formatting to show up" http://www.23systems.net/bbpress/topic/not-getting-formatting-to-show-up#post-155 Thu, 05 Nov 2009 07:30:57 +0000 cornflower 155@http://www.23systems.net/bbpress/ I'm sure this is a simple syntax error on my part.. Good Old Artisteer (my theme designer program) is spitting out something that looks like this: <li class="page_item page-item-2">Stuff I'm assuming that I can add li.page_item as an element to replace, but when I try that, it doesn't work and I just get text. Any ideas? (I have jquery switched on.) If I try just "li" and not "li.page_item" it works just fine.. except I don't want every li to be the same font etc. Any help would be greatly appreciated. Julia Dan Zappone on "Documentation/tips for new user?" http://www.23systems.net/bbpress/topic/documentationtips-for-new-user#post-57 Thu, 17 Sep 2009 20:55:36 +0000 Dan Zappone 57@http://www.23systems.net/bbpress/ Ok, here you go. For JavaScript Method you need to select a JavaScript Method other than automatic. I recommend jQuery. You can then specify which elements you want to use in the Element Types to Replace text box in the basic configuration (last item.) For example you can use: <code>h1,h2,h3,h4,h5,h6,small,blockquote,div#postinfo,p.date,div#sidebar a</code> You should also select which fonts to use in the Font List combo box. You can add true type fonts to the fonts folder under .../wp-content/plugins/facelift-image-replacement/facelift/fonts. You may need to rename the fonts so that they have no spaces in the name - underscores will work. Then click Save FLIR Configuration. Once that is done you should see a collapsed section called Elements to Replace. In there you can specify what fonts to use. The list is as follows: <ul><li>Element - Which elements you configured to use.</li><li>Use - Check the box next to each element you want active.</li><li>Font - A drop down populated with the fonts you selected in Font List (above.)</li><li>Mode - Static, fixed size no matter what. Progressive, scales the font image to fit within the area the text takes up. Wrap, which keeps the fonts size constant but wraps the text in the image.</li><li>FancyFonts - Uses ImageMagick to render font images - only works if you have Image Magick installed. Don't use unless you are sure it is installed and are having issue rendering certain fonts.</li></ul> Set all your options there and clear your cache in the FLIR for WordPress utilities section. The color should be defined in your CSS as well as fonts sizes etc. Hope that gets you started! lg on "Menu items do not have the same baseline" http://www.23systems.net/bbpress/topic/menu-items-do-not-have-the-same-baseline#post-36 Fri, 14 Aug 2009 12:20:53 +0000 lg 36@http://www.23systems.net/bbpress/ Thanks. I'll be waiting for your update... Dan Zappone on "Menu items do not have the same baseline" http://www.23systems.net/bbpress/topic/menu-items-do-not-have-the-same-baseline#post-34 Thu, 13 Aug 2009 12:29:09 +0000 Dan Zappone 34@http://www.23systems.net/bbpress/ Usually it's cause by having nested elements. I'll have to see if I can locate the work around as I believe there is one. Dan Zappone on "Help me!!" http://www.23systems.net/bbpress/topic/help-me#post-32 Thu, 13 Aug 2009 12:25:39 +0000 Dan Zappone 32@http://www.23systems.net/bbpress/ To add additional styles you want to have FLIR affect you need to add them to the Element Types to Replace field in the configuration. For example: h<code>1,h2,h3,h4,h5,h6,small,blockquote,div#postinfo,p.date,div#sidebar a</code> So for your block headers you would need to add div.BlockHeader-text save the options then in the Elements to Replace section you should be able to activate that option. cetaylor on "Documentation/tips for new user?" http://www.23systems.net/bbpress/topic/documentationtips-for-new-user#post-29 Sat, 08 Aug 2009 19:45:20 +0000 cetaylor 29@http://www.23systems.net/bbpress/ Okay, I've got the Facelift plugin for WP installed, it converts the default h1-h6 tags, I can assign different font types... but... how do I define the font size? Or change colours? Is Facelift bright enough to read the CSS color codes for the pre-existing text element, or does the color have to be defined in PHP or Javascript somewhere...? Just get me pointed in the right direction, I'll figure it out sooner or later. Any assistance is greatly appeciated. DoocesWild on "Help me!!" http://www.23systems.net/bbpress/topic/help-me#post-27 Fri, 07 Aug 2009 05:19:44 +0000 DoocesWild 27@http://www.23systems.net/bbpress/ Ok so I am sorry. I managed to get the slogan by making it an h3 tag. Now I am still needing the menu and the block headers. .BlockHeader-text DoocesWild on "Help me!!" http://www.23systems.net/bbpress/topic/help-me#post-26 Fri, 07 Aug 2009 05:09:19 +0000 DoocesWild 26@http://www.23systems.net/bbpress/ OK I am a total newb, can anyone tell me how to get the menu items replaced by the FLIR, as well as the headers to my blocks on the left. Basically where it says "Home - A Little about us -"etc.. and "newest products, shopping cart," etc, and also the slogan Live Laugh Wear Pretty Things, Love. I managed to get the header in there but I can't seem to figure out anything else. I am at my wits end! <a href="http://www.peanutpieboutique.com" rel="nofollow">http://www.peanutpieboutique.com</a> lg on "Menu items do not have the same baseline" http://www.23systems.net/bbpress/topic/menu-items-do-not-have-the-same-baseline#post-24 Sat, 01 Aug 2009 18:35:04 +0000 lg 24@http://www.23systems.net/bbpress/ Hi there. First of all thanks for a great plugin. I have tested some other wordpress plugins that do the same thing, but I've found yours to be the best. I just have one problem. The menu items don't have the same baseline. What is causing the issue is one of the items which has "p" in it. It pushes this menu item higher than the other menu items. My website is offline for now so I can't send you a link. I have seen this issue being addressed in another forum but I'm not sure what the solution is. Could you please tell me if there is a line of code I could use to fix this? and which file i would need to update? I have tried various fonts, including all the free fonts in the plugin but I have the same problem for all of them. Obviously if i have the menu in capital letters, it's all good. FYI I am using the k2 plugin and applying facelift to ul.menu li. Thank you so much for the support and for this forum... Lisa Dan Zappone on "Line height is cutting off my text." http://www.23systems.net/bbpress/topic/line-height-is-cutting-off-my-text#post-14 Tue, 21 Jul 2009 01:32:53 +0000 Dan Zappone 14@http://www.23systems.net/bbpress/ Excellent I'm glad that worked. pclove on "Line height is cutting off my text." http://www.23systems.net/bbpress/topic/line-height-is-cutting-off-my-text#post-13 Mon, 20 Jul 2009 19:10:01 +0000 pclove 13@http://www.23systems.net/bbpress/ It worked! Nice. I'm using jQuery with FancyFonts, and it fixed itself. Thank you for pointing me in the right direction. pclove on "Line height is cutting off my text." http://www.23systems.net/bbpress/topic/line-height-is-cutting-off-my-text#post-12 Mon, 20 Jul 2009 12:52:07 +0000 pclove 12@http://www.23systems.net/bbpress/ The Horizontal Text Bounds is set to what you say by default. As for Image Magick, I don't have that. If it will fix my issue, then I will install it. I'll try, then post back with my results. Thanks for your attention to this, Dan. Dan Zappone on "Line height is cutting off my text." http://www.23systems.net/bbpress/topic/line-height-is-cutting-off-my-text#post-11 Mon, 20 Jul 2009 11:44:26 +0000 Dan Zappone 11@http://www.23systems.net/bbpress/ Two things to check though make sure the value of Horizontal Text Bounds contains the following: <code>ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz</code> And if you have Image Magick Installed you can try using the Fancy Fonts option pclove on "Line height is cutting off my text." http://www.23systems.net/bbpress/topic/line-height-is-cutting-off-my-text#post-10 Sun, 19 Jul 2009 16:49:01 +0000 pclove 10@http://www.23systems.net/bbpress/ Thanks, I'll wait for some response. The people reading my site can assume what the words say without tails from p-g-y, etc. <img src="http://www.23systems.net/bbpress/my-plugins/bb-smilies/default/icon_wink.gif" title=";)" class="bb_smilies" /> Dan Zappone on "Line height is cutting off my text." http://www.23systems.net/bbpress/topic/line-height-is-cutting-off-my-text#post-9 Fri, 17 Jul 2009 15:48:27 +0000 Dan Zappone 9@http://www.23systems.net/bbpress/ Thanks for letting me know. I'll see if I can figure out what the problem is. I'll also check with Cory to see if he has any idea what the issue might be. pclove on "Line height is cutting off my text." http://www.23systems.net/bbpress/topic/line-height-is-cutting-off-my-text#post-8 Thu, 16 Jul 2009 15:31:45 +0000 pclove 8@http://www.23systems.net/bbpress/ I originally posted this on WP's forums, but I think this may get better attention than there. I'm using FLIR in my sidebar for H2 headers and H3 headers in my posts, and the height of the images generated cut off my text. I've tried to resize the font and it still does it. I've also emptied my FLIR cache, Firefox's cache and nothing new happens when I change settings. I've also tried changing fonts, but it still cuts off the text. FLIR was working great until the WP 2.8 update as well as the other plugin updates that came with that. The site in question: <a href="http://pclove.us" rel="nofollow">http://pclove.us</a> Thanks for any help.