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

10 comments:

Anonymous 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

Unknown 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.

anabolic rx24 asli said...

nice blog

daun bungkus papua asli said...

joss

expertshelp 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.

Unknown said...

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

3nod maka said...

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

sahar said...

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

Sophie Grace said...

I could have sworn I’ve been to this website before but after looking at some of the articles I realized it’s new to me. Nonetheless, I’m certainly happy I found it and I’ll be book-marking it and checking back regularly! download instagram stories

طراحی وب سایت said...

ساخت سایت
طراحی سایت شرکتی
توریست درمان