Register Arama Bugünkü Mesajlar Mark Forums Read

Reply
 
Thread Tools
[HOW TO - vB4] Making stuff right-to-left (RTL) compatible - example: images
vB.Org Poster
vB.Org Poster has disabled reputation
Kayıt Tarihi: Jul 2018
Mesajlar: 298

Show Printable Version Email this Page
Makale: vBulletin 4 Makaleleri, yazar vB.Org Poster 09 Jul 2018, 23:07

The credit for this really goes to Freddie at vbulletin.com, and I readily admit that I have blatantly stolen this little valuable bit of information from one of his comments in the alpha bugtracker. Thanks to Freddie for letting me crib off

What's this good for?

As you probably all know, vBulletin can be used with languages that are read in right to left direction. If you need to provide for this anywhere in your own styles and templates, you can use the style variable {vb:stylevar right} which can be used in css and template files. If the text orientation is standart left-to-right, it's value is "left", if its right-to-left, it's value is "right".

Example: Image with orientation

Say, you have an image or icon that in any way represents a direction, it's possible that the orientation of that image has to change along with the reading direction. An existing example would be the left or right arrow in pagination, for previous and next page. It's good practice to provide for this.

How to do it?

Assume you have an image file, for example: arrow.png

In a first step, add the current direction orientation to the file, using either left and right as suffix. We end up with an image file: arrow-left.png

Now flip the image and change the prefix accordingly. Now we have a second image file, called: arrow-right.png

In your template reference this image as follows:

Kod Blok Kilitli:      (Kayıt veya giriş yapmalısın)  
Engellenmiş, kayıtlı olmayan veya onay bekleyen kişiler kodlara erişemezler.

...and that's why I thought this little gem might be of use to some.

[HOW TO - vB4] Making stuff right-to-left (RTL) compatible - example: images - vBulletin.org Forum
Views: 15
Reply With Quote
Reply

Thread Tools

Şunları Yapabilirsin
Yeni Konu Açmak
Konuya Cevap Yazmak
Eklenti Eklemek
Düzenleme Yapabilmek

Forum Atla


New To Site? Need Help?

All times are GMT +3. The time now is 15:31.

Tasarım Özelliği | Genişlik: Geniş Renk: [HOW TO - vB4] Making stuff right-to-left (RTL) compatible - example: images [HOW TO - vB4] Making stuff right-to-left (RTL) compatible - example: images [HOW TO - vB4] Making stuff right-to-left (RTL) compatible - example: images [HOW TO - vB4] Making stuff right-to-left (RTL) compatible - example: images [HOW TO - vB4] Making stuff right-to-left (RTL) compatible - example: images