jQuery Sponsor Flip Wall

No … it’s not a table. It’s a jQuery animated wall. It does it like this:

jQuery Sponsor Flip Wall - Animation

What’s great is that you can easily modify your sponsors/friends because it takes the data from a simple array:


$sponsors = array(
array('facebook','The biggest social..','http://www.facebook.com/'),
array('adobe','The leading software de..','http://www.adobe.com/'),
array('microsoft','One of the top software c..','http://www.microsoft.com/'),
array('sony','A global multibillion electronics..','http://www.sony.com/'),
array('dell','One of the biggest computer develo..','http://www.dell.com/'),
array('ebay','The biggest online auction and..','http://www.ebay.com/'),
array('digg','One of the most popular web 2.0..','http://www.digg.com/'),
array('google','The company that redefined w..','http://www.google.com/'),
array('ea','The biggest computer game manufacturer.','http://www.ea.com/'),
array('mysql','The most popular open source dat..','http://www.mysql.com/'),
array('hp','One of the biggest computer manufacturers.','http://www.hp.com/'),
array('yahoo','The most popular network of so..','http://www.yahoo.com/'),
array('cisco','The biggest networking and co..','http://www.cisco.com/'),
array('vimeo','A popular video-centric social n..','http://www.vimeo.com/'),
array('canon','Imaging and optical technology ma..','http://www.canon.com/')
);
shuffle($sponsors);


You can read the whole tutorial, view a demo or download it on TutorialZine

First open app/config/bootstrap.php and set the languages you want available for your website:


Configure::write('Config.languages', array(
'ro' => array(
'language' => 'Romanian',
'locale' => 'rum',
'localeFallback' => 'rum',
'charset' => 'utf-8'
),
'en' => array(
'language' => 'English',
'locale' => 'eng',
'localeFallback' => 'eng',
'charset' => 'utf-8'
),
)
);


I chose english and romanian for this example.

Now open your app controller (app/app_controller.php – create one if you don’t have it) and put this function in it:


function setLanguage() {
if(!isset($this->params['lang'])) $this->params['lang'] = 'ro';
$lang = $this->params['lang'];
App::import('Core', 'i18n');
$I18n =& I18n::getInstance();
$I18n->l10n->get($lang);
foreach (Configure::read('Config.languages') as $lang => $locale) {
if($lang == $this->params['lang'])
$this->params['locale'] = $locale['locale'];
}
}


All you have to modify in this function is the first line (that sets the default language). Change the default language to your chosen one.

It’s now time to create a route depending on the language. Open app/config/routes.php and add this route to it:


Router::connect('/:lang/:controller/:action/*', array('lang' => 'ro'), array('lang' => 'ro|en'));


Of course that this can change depending on the languages you are using and their number. You’re a smart boy so you’ll figure it out.

Now all you have left is to create the language files. Go to app/locale and create 2 folders: rum and en. In each of these folders create another folder called LC_MESSAGES. In the LC_MESSAGES folders you will now store the language files. Language files can be divided so it’s easier for you to store the translations ( .po files ).

For example, you can create a login.po, register.po, account.po and default.po.

In the language files you have to set the message id and message string.

English

msgid "hello"
msgstr "Hello"


Romanian

msgid "hello"
msgstr "Buna ziua"


And now to echo these strings on your website you have to remember the string id and the name of the language file (.po) it is stored in. Example:


<?
__d('default', 'hello', true);
?>


This will take the string with the id “hello” from the default.po file and echo it. And true means that it will echo the string.
Good luck

Update

I rewrote the code so that the notices Commander Killbot asked me about no longer appear.

No Demo | Download (2.35KB) ( 19895 downloads )

New simple layout will easy on the eye colors
The entries submitted will stay pending untill the admin approves them.
Image captcha
Pagination system – the GuestBook will display the entries in pages so that your page will load faster and be smaller. You can edit the number of entries displayed per page in includes/db.php
Statistics : your guestbook will show:
- The number of approved entries
- The number of pending entries
- The number of males
- The number of females
- Guestbooks start date.

Administration panel:
– features an ajax feature – Edit In Place with jQuery. – with it you can easily edit the entries without refreshing the page. – to edit any field just click on the text. – For example: if you want to edit the posters name just click on the name, make corrections and click on save. – after you edited all the pending entries on the page just go to Approve all entries and modify “No” with “Yes”. All the pending entries on the page will be approved.

Demo | Download (31.20KB) ( 3281 downloads )

No Preview | Download (4.72KB) ( 2494 downloads )

Preview | Download (1.08KB) ( 3917 downloads )

Preview | Download (1.78KB) ( 6198 downloads )

• Easy to use admin panel (edit/delete/add links)
• Cool display – can be integrated into any website
• Link counter – displays how many times a link was clicked
• Users are able to submit links themselves, but are shown only after admin approval
• Shows a links description also if you enter one so your visitors know what that site is about. HTML Description for the website: Add banner or other HTML stuff about that website

Preview | Download (5.24KB) ( 2910 downloads )

Demo | Download (2.15KB) ( 2473 downloads )

• very easy to install and use
• captcha to prevent spam protection
• very easy to style and integrate into your existing website

Preview | Download (2.98KB) ( 2959 downloads )