How can I beautify the top login area?

[sharontan]

Hi, I'm trying to configure the top login area. Is there any way to arrange them in this manner?

With the words as image files

[gjh42]

You would have to customize tpl_header.php to give each link an id so it can be addressed separately in the stylesheet. Tou can change the definition of each text label in the language define file to be an <img>. The shopping cart content line would need to be coded, or install a cart-header mod, unless your template already has it there.
Seeing what you have now (live) would make detailed advice possible.

[sharontan]

Hey, sorry I don't really understand php and css. How do I give them an ID?

Example

// header text in includes/header.php
define('HEADER_TITLE_CREATE_ACCOUNT', 'Create Account');


---> Do I add <img src="url"> next to this line? Or in the css stylesheet? Is there any tutorial where I can learn?

Thanks in advance!

[gjh42]

To make the title an image, change
define('HEADER_TITLE_CREATE_ACCOUNT', 'Create Account');
to
define('HEADER_TITLE_CREATE_ACCOUNT', '<img src="includes/templates/your_template/buttons/english/create_account.gif" alt="Create Account" />');

and save the image in the path noted. If you have multiple languages, make it like

'<img src="includes/templates/your_template/buttons/' . $_SESSION['language'] . '/create_account.gif" alt="Create Account" />'

[sharontan]

Hi, I just tried

// header text in includes/header.php
define('HEADER_TITLE_CREATE_ACCOUNT', 'Create Account');
define('HEADER_TITLE_CREATE_ACCOUNT', '<img src="includes/templates/your_template/buttons/english/create_account.gif" alt="Create Account" />');

But however, my images doesn't appear at all.
I have uploaded the image.

[gjh42]

What is your custom template foldername? You need to change your_template to that.