Search Results

Search found 24 results on 1 pages for 'sifr3'.

Page 1/1 | 1 

  • Orphan Char appearing when using Sifr3 in Navigation (Wordpress)

    - by missmonkee
    Hi there, I am having an issue implementing Sifr3 on this particular site and it's driving me nuts. Hoping someone will be able to help me: http://client.missmonkee.com/agency-mobile LOGIN: client-login cl1entpassw0rd Here at the top right you can see the navigation to the site, in FF3 Win 7 / FF & Safari MAC some menu items show 1 char on a seperate line to the rest of the menu item. It looks as if there is a width on the li or something but I'm 100% sure there isnt and the rest of the menu items are OK and display fine. Something in relation to this might help answer this problem, is that Sifr3 does does not work AT ALL in IE7 WIN. I've checked previous answers to this, being the trailing comma issue but I've triple checked and I do not have any trailing commas. Can anyone help on this pls? Thanks in advance

    Read the article

  • sIFR3 - diagonal text?

    - by phobo
    Hi there, I'm wondering if it's possible to create diagonal text with sIFR3 ? I searched the net, but haven't come up with any leads so far. Any nudge in the right direction would be much appreciated. Thanks

    Read the article

  • sifr3 text doesn't load on first try?

    - by metal-gear-solid
    sifr3 text doesn't load many time first time on FF 3.5? I haven't checked on other browser. If i reload page again then it loads properly. this is my code sIFR.replace(futura, { selector: '#Homepage h1', ratios: [6, 1.24, 9, 1.13, 10, 1.15, 16, 1.09, 21, 1.06, 22, 1.07, 25, 1.04, 26, 1.06, 29, 1.03, 30, 1.05, 31, 1.03, 32, 1.05, 41, 1.04, 58, 1.03, 97, 1.02, 1.01], wmode: 'transparent', css: '.sIFR-root { background-color: none; color: #ffffff; }' });

    Read the article

  • sIFR3 and UTF-8 problems

    - by bounce
    Hi, in sIFR3 demo page I put some lithuanian alphabet characters like aceeišuuž and nothing happens. It simply doesn't appear on demo web page. What is the problem ? How to make it encoding friendly ? Your help would be appreciated.

    Read the article

  • sIFR3: controlling a and a:hover styles inside replaced through CSS rather than JS

    - by sneeuwitje
    For graceful degrading and minimal coding for the sIFR feature on my websites I would want to define styles in CSS as much as possible. Here's what I do: Define a H3 tag to be replaced by sIFR3. H3 comes in varying colors by CSS depending on it's container, say body.blue-txt h3{ color: #009CDA; } body.white-txt h3{ color: #FFFFFF; } body.etc... H3 might contain an anchor (I'm aware of semantical issues, but that's just how it is ... sorry) With setting sIFR.useStyleCheck = true; sIFR3 will show replaced normal H3 text with correct color, but when it contains a link, it shows the Flash default #0000FF .... All fine; I can tweak e.g. blue text in sifr-config.js by using the css-parameter for sIFR.replace(): sIFR.replace(futura, { selector: 'body.blue-txt h3', css: 'a {color: #009CDA; }, a:hover { color: #009CDA; text-decoration: underline; }' }); But that would have to be coded for every single text-color in my sIFR replacements in both JS and CSS. So I would want to make the sIFR.useStyleCheck setting just respect the CSS in sifr-config.css like: body.blue-txt h3{ color: #009CDA; } body.blue-txt h3 a{ color: #009CDA; } body.blue-txt h3 a:hover{ color: #009CDA; text-decoration: underline; } Only this doesn't seem to work ... the link text keeps popping up as #0000FF and the hover is not underlined. Is this just Not A Feature (Yet), or am doing something wrong?

    Read the article

  • Making animation on sIFR3

    - by Tomo
    Hello all, Now I'm using sIFR3. It works very nicely. Additionally, I would like to put an effect on sIFR. My idea is that when the page loaded, sIFR(ed) texts change its color. For example, sIFR in list item change color one by one. The purpose is to emphasize the sIFR(ed) texts. Reading the document, I thought Flash filters are not for like this animation. Do you think is it possible to make animation on sIFR ? Thank you for your help.

    Read the article

  • sIFR3 smoothing and IE

    - by Misiur
    Hi, i've started to use sIFR3. I don't know how to turn on smoothing of font. Do i need to change it in my font.swf file? In FF3 it work perfect, everything is okay, but when i turn on my IE8, nothing changes. Even live example doesn't work (http://work.likeaninja.co.uk/sifr/demo/). What's going on? My Flash Player is "WIN 10,1,51,95" (http://kb2.adobe.com/cps/155/tn_15507.html). I thinks it's beta, but it shouldn't change anything. Help!

    Read the article

  • sIFR3 and line-height/leading

    - by stephaniesullivan.mp
    I've successfully implemented sIFR3 using the nightlies from the end of Oct. All is well and much easier to work with than sIFR2 except where it comes to line-height. I was able to deal with my headings fine. But I have a pullquote that needs more line-height/leading and though I've read through support and see that it needs to be applied to the .sIFR-root, it's not working. Is there something funky I don't know about? Here's my code: sIFR.replace(fedraBook, { selector: '.callout p', css: '.sIFR-root { background-color: #FFFFFF; color: #968b85; leading: 3.5;}' }); I had the leading at 1.5 but changed to 3.5 just to see if I could get it to vary at all. It does not. I tried also affecting it with this CSS selector with no joy: .sIFR-active .callout p { font-size: 1.6em; padding-top: 7px; line-height: 2.5em; } Does anyone have any ideas here? What am I missing?

    Read the article

  • Is there any cons to use @font-face?

    - by jitendra
    I found @font-face is good alternative of sIFR3 but every browser need different extension of font. If any font which is freely available as a download on net or if font is purchased by client of purchased by my company. in all condition can i use those fonts? Is there any cons to use @font-face in compare to sIFR3?

    Read the article

  • sifr3 line height issue

    - by Abhay
    Why is it that the line height of the last line of text (in any quote with 3 or more lines) is greater than the line height of the above lines? The issue is replicable at www.UXQuotes.com

    Read the article

  • SIFR 3.0 - Font Size

    - by Nick
    I have been working with SIFR 3.0 for some time now and the font-size never seems to work correctly. I understand the most basic concepts behind SIFR. SIFR runs when you load the page. It does some calculations one the size of the HTML rendered font and then replaces it with a flash movie that is roughly equal to that size. Because of this, you want to style your HTML font to match the size of your SIFR font as close as possible. My problem always comes up when trying to style these two font sizes to match. Let's say I want to use a SIFR font of Helvetica Neue Lt at about 32px. The HTML equivalent is something like Arial Narrow at about 36px with some negative letter spacing. So here is what I do. In sifr.css I'll write: @media screen { .sIFR-active h1 { visibility: hidden; z-index: 0 !important; font-size: 36px; } } Great, that gets the default HTML font the size I need. Now I need to update the flash SIFR font size. So I go into sifr-config.js and write something like this: sIFR.replace(HelveticaNeueThinCond, { selector: 'h1', css: '.sIFR-root { color: #762123; font-size: 32px; line-height: 1em; }', transparent: true }); So right now everything is working great. That is until my h1 text wraps more than one line. For some reason, when the text wraps it only shows the first line. It seems calculates the height wrong. This is very weird because I ran some tests. I took "visibility: hidden" off of "sIFR-active h1" to make sure that the HTML rendered text was the right size. It is, it takes up two lines. However, when the Flash replaces this text it gives it a min-height of one line of text. Odd. The only way I could find to fix this wrapping problem was to remove "font-size: 32px;" from "sIFR.replace(HelveticaNeueThinCond" in sifr-config. The problem I run into then is that it inherits the font-size set in sifr.css. Now the problem is that my HTML text is bigger then the SIFR text. So occasional my HTML text will wrap to a new line before my SIFR text leaving a big white space. So, how do I set two different font-size (one for my HTML text and one for my SIFR) without losing the wrapping. The only time I have been able to use the successfully is when I have a SIFR font that is so similar to a web safe font that they can share the same font-size attribute. Thanks

    Read the article

  • Big text appears for few second on page refresh in IE, How to solve?

    - by metal-gear-solid
    Text always appears in big size for a few seconds when one refreshes the page on IE only, which doesn't look very good. pleas look at IE 7 and try to refresh (I've e.g. been pressing ctrl + F5) to see what i'm facing. I'm also using sIFR on this site I check a js error of page and this is the problematic area. <script type="text/javascript">var arr = new Array(3) arr[0] = "Jani" arr[1] = "Tove" arr[2] = "Hege"var arr2 = new Array(3) arr2[0] = "John" arr2[1] = "Andy" arr2[2] = "Wendy"document.write(arr.concat(arr2))</script>

    Read the article

  • Use a light font weight with Sifr

    - by Smickie
    Hi, With sifr, how do I make a font use the light weight version. I have... var gillsans = { src: '/resources/swf/gillsans.swf' }; sIFR.activate(gillsans); sIFR.replace(gillsans, { selector: 'h1', css: '.sIFR-root { background-color: #FFFFFF; color: #000000; text-transform:uppercase; }' }); which is displaying regular Gill Sans, the light version has been exported with the swf (said so in the export report), but how do I get it to display in sifr?

    Read the article

  • Is is possible to apply 2 font filters in SIFR?

    - by Irina
    Hello, is it possible to apply 2 font filters that are of the same type but with different parameters in SIFR? I want to get an outline effect around my fonts and tried to apply 2 glow filters with different settings to get the desirable look, but it looks like only 1 filter (last in the list of filters) is applied. Does anyone know if this is possible? Or if not how can I create a font outline in SIFR? Thank you

    Read the article

  • SIFR, JAVASCRIPT & PHP - How to apply SIFR to dynamically loaded content.

    - by user311039
    Well here's the problem: I have a PHP index page which uses show/hide layers javascript. I am using the on menu.click function to show and hide content relevant to each menu. On.click all divs are hidden except the content for that menu item , which fades in. The content relating to each menu item are displayed within separate DIVS. The property is applied to all the text within all the divs. See: http://jobe-group.com/jobeco/uk/2010live/dynamic/content/index.php# The trouble is that SIFR only appears to be applied to the displayed on.load when the page is first loaded. When this is hidden and the other s shown through the "show" function they load in classic CSS fonts without the SIFR applied. Is this unavoidable with the SIFR setup. Or am I not calling the divs properly. I have set the SIFR to apply to the selector and indeed it works fine on the for the displayed on load. It doesn't work for the within other . In theory I would think its possible to load the SIFR on all divs on page.load even if those divs are presently visibility:hidden. What's the verdict on this? Hope someone can help. Cheers, John

    Read the article

  • How can I get sIFR to render the .sIFR-alternate correctly with FlashBlock enabled?

    - by berkleebassist
    So I've looked this up in a few different places, and the only answer I've seen is "style the span.sIFR-alternate element". Problem is, if I apply any styles to that element that will actually have it appear & be placed correctly, it shows up alongside the sIFR text when FlashBlock isn't present (e.g. in Safari/IE) or is disabled. Here's the default styles for .sIFR-alternate: .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } And I'm adding these: span.sIFR-alternate { font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 24px; line-height: 14px; color: #000000; padding: 0; margin-top:12px; margin-bottom:7px; } What am I missing? Otherwise though, sIFR is working well.

    Read the article

  • Sifr displaying twice - IE only?

    - by Abe Froman
    Hello All, A client is saying that this page is displaying the sifr titles twice. Anybody had this? It doesn't happen all the time which is even more peculiar. Here is one of the pages: http://www.frontier-economics.com/europe/en/news/906/ Is it just IE? Any thoughts hugely appreciated!!

    Read the article

  • Is the sIFR project dead?

    - by Sonny
    I need to implement a typographic solution, and was about to go the sIFR route, but sIFR 2 is ancient and sIFR 3 doesn't appear to have been worked on in over a year and a half.

    Read the article

  • Problem Rendering SIFR with revision 436 on IE6 and IE7

    - by Mark
    Hi, I seem to have a problem with SIFR3. I'm using version 436 and from all my testing it appears to be a problem associated with IE6 and IE7 as I cannot replicate the issue in Firefox, Chrome, Safari for Windows, or even IE8. The problem is occurring on my company's website and can be seen here: http://www.wyldeia.co.uk/blog.php When you first go to the page in IE6 or IE7 it appears to render fine. However if you click away onto another page and then click the back button in the browser, all of the text is replaced by an error saying "Rendered with sIFR3 revision 436". If you refresh the page, then the problem goes away, that is until you browse away and come back again. I've tried this on two separate machines both running IE7.0.6000.16809, and a further separate machine running IE6 which I then upgraded to IE8. I thought initially it might be Flash player related but on upgrading from version 9 to 10 of the flash player the problem remains. Further digging around indicated that the error can be caused by having a corrupted flash font file, or having one present that was generated with a previous revision of SIFR3. However I have exported the flash font file using the supplied fla with revision 436 but the problem remains. Usually I like to track the answer down myself but as it is I'm at a bit of a loss on this one so if anyone has any ideas what might be happening here then I would be very grateful! Regards, Mark

    Read the article

  • sifr menu list problems, height of object calculated wrong

    - by armyofda12mnkeys
    I am using Drupal and have sifr set on list items, and also a, a:hover are set via Drupal so that the links hover. I looked at the sifr3-rules.js file drupal's render module creates and it looks good. and in fact my other sifr items look fine... But the list item ones are goofing for some reason... There is extra space below the list, so if i have a list item, and inside of that, I have a unordered list with more list items, the Flash Object made in the 1st li (which will cover the rest of the sublist items too), is too bid so you see space under the children until the next parent li comes up. (so looks like extra bottom padding on that portion of the list in IE8... in FF almost similar but each subitem has space at bottom... with javascript turned off, you see the list items look fine by themselves).... Also if the parent list item is shorter than the sub list items text, the width for the flash object is set only as long as the first list item, and therefore cuts off the rest the sublist item's text. Any idea how to resolve any of these? Only unusual thing i see i am doing is setting forceSingleLine and preventWrap (which dont make a difference if taken off). ****Edit, I may just try to figure out how to get Drupal's menu-block module to output a around my hyperlinks in the list items... then i can target the div's with my rule (and the a,a:hover rules will apply), so each menu item gets its own sifr object instead of sifr3 trying to figure out how to do the lists and sublists. Very useful to me is anyone knows a way to target a hyperlink (<a> tag) and also allow a:hover rules. I know how to do it with pretend another tag that includes hyperlinks, like if i had <h2><a>sometitle</a></h2>, i could have a rule for h2, but then use the a, a:hover rules in the sifr3-rules.js file to target that. so i would need a way to target the hyperlink in the list, but also apply a :hover to it (not sure if this can be done since its not underneith for example the h2 tag).

    Read the article

1