temporary website

My Tiger- By Puja

My Tiger- by Puja
Date: 27 Sep 2007 | Categories: Art | Leave a comment

Comments

No Comments for this post yet...

Leave a comment


Options:<> (Line breaks become <br />)

Bill Gates- We need microformats

Date: 25 Sep 2007 | Categories: Video, Microformats | Leave a comment

Comments

No Comments for this post yet...

Leave a comment


Options:<> (Line breaks become <br />)

How to display pixel fonts with sIFR3

If you didn't already know, sIFR stands for 'Scalable Inman Flash Replacement' and allows you to display text on your web page in a font of your choice, thereby removing restrictions on limiting yourself to system fonts. It's best used for headlines and a few titles but you really shouldn't replace all text on screen with it unless you want your web page load time to shoot up singinficantly.

While you could get sIFR 2 to display pixel fonts with a hack , sIFR 3 has inbuilt support for displaying pixel fonts, which makes the task a lot simpler.

So here's a step by step guide on how to use sIFR3 to display pixel fonts.

First, Download sIFR 3.(The version used for this tutorial is sIFR 3r278 which is the latest release at this moment. It's a security update, so in case you have a version lower, upgrade anyways.)

Next, unzip the folder to a location on your hard drive and then navigate to sifr3-r278\flash\ and open the file sifr.fla. Double click the movie clip overlayed on the white background and change the font to your desired pixel font through the properties bar. No other changes are needed.

I chose Craig Kroeger's uni (05_53)font for rendering the day and date you see below the search box in the header. This quality font along with a few others are available free at miniml.com. A word about Miniml fonts... years back Craig used to have this beautiful (minimally designed, of course) flash website which was a real joy to use (the website's design has changed now but you could probably check it out on the Wayback Machine if you please to. I'd suggest you do). I think he was also amongst the first few people (may be wrong though. If you think so, drop a comment and let me know) involved with pixel fonts.

Anyway, back to the tutorial, now go to file>export and save it as an swf file, with the fonts name presumably.

Now navigate to sifr3-r278\js\ and open the file sifr-config.js which should be blank. Paste the following code into it:

var uni = {src: 'path to YOURFONTMOVIE.swf)'};
 
sIFR.activate(uni);
 
sIFR.replace(uni, {
     selector: 'h6',css: [ '.sIFR-root { text-align: right; color: #72797f; font-size: 8px; text-transform: uppercase; }' ], pixelFont: true , transparent: true });

Save the file. (In the code above, the Flash replacement is targeted toward the h6 selector. Replace this with the selector you want to target for font substitution.)

A word about absolute and relative paths here. I'd suggest you use an absolute path for line number 2 of the code where you mention the path to your flash movie till you get the Flash replacement working. Once everything's cool, you can change it to a relative path. Why I say so is because if your desired selector's not getting replaced with the Flash file, you have one less a suspect to worry about while debugging then, since you know you've at least got the path to the flash movie right!

Okay, back to the tutorial. Now upload the sifr3-r278 folder (you can rename it to sifr if you like)without the demo and flash contained inside it since they're not required. You can upload the folder to any place you want to put it.

Now for the last step. You need to invoke the following files in your template or index file.Add them in <head></head> section of your file. Make sure you get the path right. Again, I'd suggest you place an absolute path down to the files required till font substitution occurs and then once it's done, go relative.

<link rel="stylesheet" href="PATH TO SIFR FOLDER/css/sIFR-screen.css" type="text/css" media="screen" />
<link rel="stylesheet" href="PATH TO SIFR FOLDER/css/sIFR-print.css" type="text/css" media="print" />
 
<script src="PATH TO SIFR FOLDER/js/sifr.js" type="text/javascript"></script>
<script src="PATH TO SIFR FOLDER/js/sifr-config.js" type="text/javascript"></script>

Now refresh your web page. Do a CTRL+F5 if you need to. A CTRL+F5 clears your browser cache for the page requested and is useful while testing and debugging stuff since you don't want the browser to pick any stuff from the cache at that time. That's pretty much it. You should be see your desired text getting substituted with the pixel font you chose.

In case something font substitution doesn't happen, stay chill. Go through the steps once again and check whether you got them right. Try using absolute paths to the files required if you hadn't done so. If something is still screwed up and you're using, as you should be using, Firefox or Mozilla, try looking up the error log in the Error Console to locate what's wrong, it's probably a JavaScript issue. You can access the error console from Tools>Error Console in Firefox.

If it still doesn't work after trying the above, drop me a comment and I'll try and help you out. Happy sIFRing!

Date: 25 Sep 2007 | Categories: sIFR, Tutorials, Typography | 1 comment

Comments

  • Whs up mate, Look what i found

    http://www.adpost.com/instruments/rings/160/

    Bhavik — 26 Sep 2007 at 12:26

Leave a comment


Options:<> (Line breaks become <br />)

Red Interactive Agency - Beautiful Chat Environment

Screen shot of chat feature on Red Interactive Agency's website

Really awesome. Cutomizable character's too.

Red interactive Agency
Date: 22 Sep 2007 | Categories: Cool shit | Leave a comment

Comments

No Comments for this post yet...

Leave a comment


Options:<> (Line breaks become <br />)

AUDIO tape VISUAL archive

Image of psychedelic Happy Sound and yellow AGFA Ferro Color audio tapes

Currently with 128 tapes online... Cool shit right here. Brings back memories of when music was tape.

Date: 22 Sep 2007 | Categories: Cool shit | Leave a comment

Comments

No Comments for this post yet...

Leave a comment


Options:<> (Line breaks become <br />)

Ipod Touch

Image of the Ipod Touch

Stale news, 18 days old. But none the less... good news.

The iPod touch is an unbelievable 8 mm thin, and is priced starting at just £199 (inc VAT)...
Date: 22 Sep 2007 | Categories: Cool shit | Leave a comment

Comments

No Comments for this post yet...

Leave a comment


Options:<> (Line breaks become <br />)

Lifecycle of a human being- an animated gif

This is just way to cool. Check it out. It's 280 kb so depending on your connection may take a while to load.

An animated gif depicting the lifecycle of a human being
Date: 18 Sep 2007 | Categories: Cool shit | Leave a comment

Comments

No Comments for this post yet...

Leave a comment


Options:<> (Line breaks become <br />)

The truth about Soyabean: Harmful?

I thought soy was good for health. No two thoughts about that. But an article by the Guardian and a website made me think otherwise. Thought I'd share them with you.

Here's the links. Read and decide... or find out further:
Should we worry about soya in our food?- Special Report- Guardian

Most people remain unaware that soy is known to contain an array of potent chemical toxins...

Date: 18 Sep 2007 | Categories: Food, Health | Leave a comment

Comments

No Comments for this post yet...

Leave a comment


Options:<> (Line breaks become <br />)

A Dilbert RSS Feed

picture of Dilbert

Wish the official Dilbert had an RSS feed.

Anyhow, there's an unofficial Dilbert RSS feed that I goggled and found out. It's cool because it pumps out the official Dilbert daily comic so you won't miss anything from there.

Date: 16 Sep 2007 | Categories: Humor | Leave a comment

Comments

No Comments for this post yet...

Leave a comment


Options:<> (Line breaks become <br />)

Integrate FeedFlare with B2Evolution

Adding FeedFlare to your B2Evo posts is pretty straightforward.

I presume you have a FeedBurner account in first place. You need to go to Optimize>FeedFlare and check the options you want to enable for FeedFlare for Site. You could enable it for your feeds too if you wanna by checking Feed as well.

Now, browse your website directory's folder down to skins>/<enabled skin for your blog> and open up the main.php file.

Now search for <div class="meta">. In it, you should see this as probably the last line before the closing div:

<?php $Item->edit_link( '', '', T_('Edit This') ) // Link to backoffice for editing ?>

Add the following below it:

<script src="http://feeds.feedburner.com/~s/YOUR WEBSITE FEED NAME HERE?i=<?php $Item->permanent_url() ?>" type="text/javascript"></script>

That's it. You should be done. If you can't see it immediately, try pinging FeedBurner and clicking the window icon (next to the RSS icon) in your FeedBurner account page.

In case you still have an issue, drop a comment and I'll try and help out. Look out for typo's when specifying your feed name. I got that wrong and was wondering a while why my FeedFlare was not showing up.
Date: 15 Sep 2007 | Categories: B2Evolution | 4 comments

Comments

  • I'm using b2evolution 1.9.3. I did get FeedFlare to work a while back, but only by checking the 'Use extra-path info' box under App settings in the back office (FeedFlare doesn't like the long addresses with ampersands). Thing is, I have to keep this box unchecked, or else the category system for blogs other than the main blog get screwed up (I have a number of different blogs on the same site). What happens is that clicking on links to posts just leads to an empty page instead of to the right post. This is because the part of the address signifying which blog the post is in gets left out if extra-path info is used. For example, here's an address without extra-path info:

    http://www.badthinking.com/blog/index.php?blog=10&title=honour_killings_in_syria&more=1&c=1&tb=1&pb=1

    But with extra-path info, the blog=10 part gets left out, and the system thinks all posts are in the main blog. Suggestions on what to do about this would be greatly appreciated!

    xapiens — 22 Sep 2007 at 06:51

  • I don't know the answer to it but I plan on having multiple blogs too and would need the solution to this sooner or later as well. Did you try putting up a question at the forums?

    Inverse [Member] — 15 Oct 2007 at 08:07

  • Thanks for this post. I have extended what you have done to work with multiple blogs. Your post got me 1/2 way there!

    http://www.masonworld.com/computer/b2evo/adding-feedflare-to-b2evolution

    Mark Mason — 03 Jan 2008 at 11:38

  • I'm glad this post helped Mason. Cheers!

    Inverse [Member] — 07 Jan 2008 at 04:14

Leave a comment


Options:<> (Line breaks become <br />)

Skin + Content © copyright unless stated 2007 Inversarium | Powered by  b2evolution | blog tool | dedicated server | evoTeam