Saturday, September 22, 2007

How to Change Images Alignment in Posts

Let's go for more ways to format posts & see how to align pictures.

Images are in most of forums aligned by default on the left side, to change that you need to use one of three tags we already saw in a previous lesson, the [left], [center] & [right] tags, see their use with text here: How to Change Text Alignment.

To summarize, you use one of those tags at once to wrap your text (or image as we'll see):

[left] for left alignment, [center] to center an element & [right] to align an element on the right.

The use of those tags with images is not different than the use for text, you just need to combine them with the [img] tag (learn more about how to combine tags here: How to Correctly Insert Tags).

Examples:

Again let's use Google Logo image as an example:

http://www.google.com/intl/en_ALL/images/logo.gif

Wrap it with the [img] tag:

[img]http://www.google.com/intl/en_ALL/images/logo.gif[/img]

Then according to if you want the image on the left, center or the right, wrap the whole with [left], [center] or [right] tags respectively:

[left][img]http://www.google.com/intl/en_ALL/images/logo.gif[/img][/left]

[center][img]http://www.google.com/intl/en_ALL/images/logo.gif[/img][/center]

[right][img]http://www.google.com/intl/en_ALL/images/logo.gif[/img][/right]

That's all :)

Notes:

1. As with Fonts Change, unfortunately the guys from phpBB seem to think it useless to let users change text or images alignment, let's hope they fix that soon. With other popular forums platforms text alignment works fine: vBulletin, IP.Board & Simple Machines. To know if your posts are on a phpBB powered forum, see: What Kind of Forum are You Using?

2. When you combine tags, most of time, it doesn't matter in which order you insert them as long as the ones you open first are closed last & so on.

However, when you combine [img] tag with other tags, it must the closest to the image URL it wraps (i.e. directly in contact with it) or else you get an error ..

Example:

[center][img]http://www.google.com/intl/en_ALL/images/logo.gif[/img][/center] - Right

[img][center]http://www.google.com/intl/en_ALL/images/logo.gif[/center][/img] - Wrong

16 comments:

Rico said...

Hi,

also in phpBB this is possible without much hacking - once the forum admin adds those BBcodes in the Admin Control Panel (tab "Posting" => "BBCodes" => button "add a new BBCode" in phpBB 3.0.* I use, don't know about previous versions).

Short example to add the [center] tag:

in the box "BBCode usage" enter:
[center]{TEXT}[/center]

in the box "HTML replacement" enter:
<div align="center">{TEXT}</div>

Then add a recognizable description in "Help line text", which will be shown below the corresponding button in edit and post windows in case the bottom box "Display on posting page" is checked.

Quite simple, but yeah, it's unfortunate that it must be added manually.

Have fun

Rico

J33f said...

... LOL?

I fail to see how Common Sense ... is a Forum "Secret?"

If you put something in the alignment tags, it OBVIOUSLY aligns it to that distinction. It's not a secret. Lolwtf.

abo samrah said...

شراء الاثاث المستعمل بجدة
شراء الاثاث المستعمل بمكة
شراء الاثاث المستعمل بالمدينة المنورة
شراء الاثاث المستعمل بالرياض
شراء الاثاث المستعمل بالدمام

شركة تنظيف منازل بجدة
شركة تنظيف منازل بمكة
شركة تنظيف بالمدينة المنورة
شركة مكافحة حشرات بجدة
شركة مكافحة حشرات بمكة
شركة مكافحة حشرات بالمدينة المنورة

Milad Zalaghi said...

آموزش تصويري کامپيوتر

آموزش برنامه نويسي وب

دانلود آموزش موسيقي

دانلود آموزش گيتار

دانلود آموزش برنامه نويسي

دانلود آموزش هاي ليندا

آموزش هاي ليندا

دانلود lynda

آموزش ليندا

در آمد آنلاين

کسب ثروت

راه هاي ثروت مند شدن

ثروتمند شدن

در آمد از اينترنت

راه اندازي کسب و کار

موفقيت مالي

آموزش هيپنوتيزم

آموزش خود هيپنوتيزم

چگونه هيپنوتيزم کنيم

هيپنوتيزم درماني

کسب در آمد از طريق اينترنت

کسب و کار اينترنتي

کسب در آمد از اينترنت

کسب در آمد در منزل

روش هاي کسب در آمد

کسب در آمد اينترنتي

راههاي کسب در آمد

راه هاي کسب در آمد

راز موفقيت چيست

موفقيت چيست

راه هاي موفقيت در زندگي

راه هاي رسيدن به موفقيت

راه موفقيت

راههاي موفقيت

راه هاي موفقيت

روانشناسي موفقيت

عوامل حياتي موفقيت

عوامل کليدي موفقيت

عوامل موفقيت

در آمد آنلاين

کسب ثروت

راه هاي ثروت مند شدن

ثروتمند شدن

در آمد از اينترنت

Hajmehi Zalaghnia said...

خريد اينترنتي

آموزش بافت کلاه

آموزش بافتني با ميل

آموزش قلاب بافي

آموزش بافت شال گردن

آموزش بافت کلاه دخترانه

آموزش بافت کلاه پسرانه

آموزش بافت کلاه نوزاد

آموزش بافت کلاه مردانه

آموزش بافت کلاه منصوره ياوري

آموزش بافت شال

آموزش بافت شال مردانه

آموزش بافت شال زنانه

آموزش بافت کلاه و شال

آموزش بافت شال گردن زنانه و مردانه

قلاب بافي

آموزش کلاه قلاب بافي

آموزش قلاب بافي مبتدي

آموزش کيف قلاب بافي

آموزش قلاب بافي کلاه

آموزش بافتني با دو ميل

آموزش بافتني

بافتني با ميل

آموزش تصويري بافتني با دو ميل

افزايش قد

ژل افزايش قد

خريد ژل افزايش قد

ژل افزايش قد اصلي

ژل افزايش دهنده قد

فروش ژل افزايش قد

گن لاغري زنانه کاسمارا

گن لاغري

گن هاي لاغري

گن مردانه

گن لاغري زنانه

Arab Academy said...

I appreciate your efforts and i always like to learn more and more ... thanks a lot for nice efforts
fire courses
safety courses

Mohamed Elnaseh said...

as many as i visit this blog i can find some fantastic information . Thanks for sharing knowledge . best wishes to be guided
free ads
advertise for free

mai ali said...

شركة تنظيف بالمدينة المنورة تقدم خدمات متعددة فى مجال النظافه العامة لاننا نعتبر رواد فى هذا المجال . شركة تنظيف تقدم خدمات النظافة العامة على اسس منتظمة وجودة عالية باستخدام ادوات وماكينات حديثة ومتطورة ومواد تنظيفه امنه معتمدة من قبل منظمة حماية البيئة لتكون امنه على البيئة وصحه الافراد مع شركة تنظيف بالمدينه المنوره انت واسرتك بين ايدى امينة

شركة تنظيف بالمدينة المنورة

ونحن نسعى للحفاظ على معايير خدمة التنظيف عالية من خلال تقديم كفاءة وفعالية ومرونة خصيصا لكل العملاء الكرام . تقدم افضل شركة تنظيف بالمدينة المنورة خدمات التنظيف للاماكن والمبانى العامة والخاصة (شقق – منازل – بيوت – مطاعم – مصنعك – شركتك – مسشفيات – مراكز تجارية – بيوت الشعر او غيرها ) كما ان عملية التنظيف تشمل (جلى البلاط – تلميع السيراميك – تنظيف الرخام وصيانته – تنظيف المسابح – تنظيف الخزانات– تنظيف السجاد والمجالس والموكيت– تنظيف الوجهات الزجاجية والحجرية).

شركة تنظيف بالمدينه المنوره



حسام داود said...

شركة تسليك مجاري بالرياض
شركة تسليك مجارى بالرياض
level تسليك المجاري بالرياض
افضل شركة تنظيف بالرياض
تنظيف شقق بالرياض
شركة تنظيف منازل بالرياض
شركة غسيل خزنات بالرياض
افضل شركة مكافحة حشرات بالرياض
رش مبيدات بالرياض
شركة تخزين عفش بالرياض
شركة تنظيف مجالس بالرياض
تنظيف فلل بالرياض
ابى شركة تنظيف بالرياض

buyket said...


نستخدم افضل المكينات المخصصه في تنظيف الموكيت والسجاد الخاص بالمساجد والتي تعمل عن طريق تنظيف موكيت المساجد بالمنظفات الحديثه لكي نصل الي اعلي مستوي من التنظيف

كما ان جودة التنظيف الخاص بتنظيف الموكيت تعتمد علي نوعيته مع استخدام المكينات الحديثه وبالاضافه الي الايدي العامله المدربه حديثا

شركة تنظيف مساجد بالرياض

Create short url said...

شركات للربح من اختصار الروابط
Create short url
موقع اختصار الروابط
Create short url
موقع اختصار الروابط
Create short url
موقع اختصار الروابط
جلب الحبيب
الشيخ الروحاني
Create short url
موقع اختصار الروابط
Create short url
موقع اختصار الروابط
Create short url
موقع اختصار الروابط
الشيخ الروحاني
جلب الحبيب
Create short url
موقع اختصار الروابط
Create short url
موقع اختصار الروابط
Create short url
موقع اختصار الروابط
http://www.3nwan.net/vb
http://www.sheikhmaghreb.com/

anabolic rx24 asli said...

nice blog

daun bungkus papua asli said...

joss

obat forex asli said...

Obat Testo Ultra Asli
Ciri-ciri Vimax Asli
Ciri-ciri Anabolic 24rx Asli
Obat Anabolic
24rx Asli

Hammer Of thor asli
Obat Forex Asli
Forex Asli
daun bungkus papua asli
Vmenplus Asli
Ciri-
CiriVmenplus Asli

موفقیت در زندگی said...

موفقیت در زندگی
عزت نفس چیست

Miriam Steve said...

My very wish when i began browsing was to find the best kind of information, and this post happens to be among the pages that have been very beneficial. Learning about other the love of god and mercies, i had visited is a post of with information on how and where to purchase the three shelf glass wall cabinet. They are great when it comes to interior decor, it would be great if you checked the link and find out more.