Supporting the Arabic Content online by supporting its direction(RTL) on the web..
Submitted by layalk on Tue, 18/01/2011 - 14:57
Tumblr is a pretty interesting mini-blogging platform that's getting really popular recently. But with RTL, it's horrible! In the text editor, you cannot even right align your text and it strips off any inline styles if you try to add it yourself (I know!! totally unacceptable). In this tutorial I'll show you how to RTL your Tumblr theme completely or have it bidirectional.
Submitted by layalk on Tue, 02/11/2010 - 14:22
Submitted by layalk on Tue, 05/10/2010 - 11:26
A new Wordpress theme as been RTLed: Multichrome
Submitted by l0uy on Thu, 16/09/2010 - 20:59
"Remember the RTLer? that tool which flips your css from left to right!" "well, how does that thing works exactly?" "Here's how..."
zBench, one of the best themes available on the WP.org themes directory, with that nice layout and light design. It's ideal for small and personal blogs, it has custom RSS, twitter and facebook links to add in the header too.... awesome isn't it?
Submitted by layalk on Mon, 06/09/2010 - 11:41
To change the language of a WordPress site, just update the WPLANG constant in your wp-config.php file:
{syntaxhighlighter brush:php}
define ('WPLANG', 'ar'); //changes the language of the site to Arabic
{/syntaxhighlighter}
Submitted by layalk on Tue, 10/08/2010 - 12:20
I know it might be strange that this site uses English to support the Arabic content online; And I've heard lots of comments about this so let me explain!
Submitted by layalk on Thu, 22/07/2010 - 16:01
WordPress has this very easy and straight forward logic when it comes to RTLing themes. It simply checks for the direction of the language you're using in your WP installation, if it happens to be 'rtl'(Arabic for example) it includes the stylesheet rtl.css if it exists. This means that RTLing a WP theme is creating this rtl.css file. A detailed tutorial is coming up soon about RTLing WP themes
Submitted by layalk on Wed, 23/06/2010 - 17:34
jCarousel is a beautiful jQuery plugin. Personally it's one of my favorites! You can set up your caoursel up and running in just one line or two. Even theming it is easy. According to the project's page:
jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation).
The only thing missing in this wonderful plugin is the RTL support. And in this tutorial, it won't miss it anymore.
Submitted by layalk on Mon, 22/03/2010 - 08:58
We're super excited to release another RTLed Wordpress Theme this week:
Submitted by layalk on Wed, 17/03/2010 - 19:29
Since more than half of the RTL-This visitors want to see RTLed CMS Templates (according to our poll), we have successfully RTLed a free WordPress theme and is ready to be download.
Submitted by layalk on Tue, 16/03/2010 - 00:06
When we RTLed the GD Star Rating Wordpress Plugin, we only added support for the default size of the icons(which is the 24px). In this quick and short post, we'll add support to the rest of the sizes so far: 12px, 16px, 20px, 30px and 48px. And since it's a small post, I'll show you how it's RTLed.
Submitted by layalk on Sun, 21/02/2010 - 01:50
Thank you Rami for the suggestion.
Superfish is a very famous jQuery plugin that allows you to add eye-catching effects to dropdown menus (<ul>). It works perfectly in major browsers (including IE6 with some style limitations) too. Well in RTL..it's just not there..so we're going to RTL this one.
Submitted by layalk on Wed, 17/02/2010 - 13:28
There are three major ways I prefer to use when RTLing a webpage. Each one has its own pros and cons. They are actually the same..flipping CSS properties and rules is the same procedure in all ways. What's different is where and how are we flipping them.
Submitted by layalk on Sat, 06/02/2010 - 14:30
GD Star Rating is a WordPress plugin that allows your blog readers to rate your posts and pages. It is extremely flexible when it comes to appearance and language support*. Graphics and text are controllable via the plugin dahsboard. Even in RTL, the rating block is properly aligned (not 100%).
Submitted by layalk on Mon, 11/01/2010 - 01:24
The Twitter updates widget is maybe the most popular widget you can find on blogs. You can get yours from your settings page or by going to the goodies page and choosing widgets. Customizing it is super easy, you get to choose the colors, width and style of the widget itself. The direction though is always LTR. The good thing about the twitter is that it doesn't break in the RTL pages and it looks just fine. But to tweeples who tweet mostly in RTL languages (Like Arabic), it kind of doesn't fit in the RTL content of the whole page. Therefore, it's nice to see it flipped to go with the flow of their RTL page and tweets (what we are going to do now).
Submitted by layalk on Mon, 21/12/2009 - 11:03
Can't express our happiness about the reaction we've been getting so far. Getting feedback and links to blogs that have been RTLed with the help of the tutorials posted here was just more than amazing *if you could just see the smile on my face right now*.
Submitted by layalk on Thu, 03/12/2009 - 12:46
Using backgrounds in CSS gives you the ability to control its position. It is done by controlling its position relativly to the 0,0 point which is the top left corner of the block. If you're rule has a background-position value of left top for example, flipping it to be right top wouldn't be a problem since right is a valid value.
Submitted by layalk on Wed, 02/12/2009 - 19:58
Silverlight recipes is into RTL as well. Learn how to add RTL support to Silverlight there. Thanks Shady for the link.
Submitted by layalk on Fri, 20/11/2009 - 22:12
Now we'll start flipping the CSS. Copy the ltr folder and rename the new one rtl (It's ready in the Source you'll download, you can move it to another place if you want to practice it yourself).
In the index.html file change the path of the css file from ltr/styles.css to rtl/styles.css (what we did here is linking the new file we're going to flip)
Open the styles.css file in your new rtl folder to start flipping it.
Submitted by layalk on Fri, 20/11/2009 - 10:31
Now that everything is ready (a browser and a simple editor), we can start RTLing the simple hello world page. I'll be using Firefox and Notepad++ in this tutorial.
The SRC of this tutorial is available at the end of this post. You'll find the HTML file with both LTR and RTL stylesheets and images.
