Logo name

Ipb 2.2:Post Editor Background Logo

From IpbWiki

  • Currently0.00/5
Jump to: navigation, search


Post Editor Background Logo

You've probably seen this on Platinum Zone, if you have taken the time to post. This tutorial thoroughly explains how to place your forum's logo at the bottom right of the post editor (for new topics) and for the quick reply (for fast reply). It's easy, and doesn't take more than 10 minutes! So let's get started!

Administration CP Enter the Administration Control Panel (Admin CP) by visiting your forums and instead of browsing the index.php inside your forums' directory, change index.php to admin.php. This will bring you to the screen in which you enter your administrative username and password.

user posted image

CP Login Enter your administrative username and password (same as your forum username and password)

user posted image

Look & Feel Tab Click on the Look & Feel tab at the top of your forum.

user posted image

Skin Template HTML Click on the dropdown beside the skin and select Edit Template HTML from the dropdown menu.

user posted image

Global HTMl Template Set Scroll down the list of skin templates and click on Post / PM Editor

user posted image

ips_editor Template After the template bits load on the side, find ips_editor and click on it.

user posted image

PM Editor Background In the ips_editor template set, push Ctrl + F to find text on a page. Inside the box that tells the browser what you are looking for, type in:

Find:

CODE
 <textarea name="{$form_field}" class="rte-iframe" id="{$editor_id}_textarea" rows="10" cols="60" style="width:98%; height:250px" tabindex="3">$initial_content</textarea>

You will find this code inside this template. Follow the next step to add a new link to it.

Replace With:

CODE
 <textarea name="{$form_field}" class="rte-iframe" id="{$editor_id}_textarea" rows="10" cols="60" style="width:98%; height:250px; background-image: url('http://www.platinum-zone.co.uk/forums/images/post.png'); background-repeat: no-repeat;background-position: bottom right" tabindex="3">$initial_content</textarea>

Modify the URL to the image with your own forum logo.

Save Template Bit Click on Save Template Bit.

user posted image

Topic View Click on the Topic View template set.

user posted image

quick_reply_box_open Template Bit Click on the template bit listed for quick_reply_box_open.

user posted image

Find & Replace Push Ctrl + F to find text on a page. Inside the box that tells the browser what you are looking for, type in:

Find:

CODE
  <textarea style='margin:0px;padding:4px;width:98%' tabindex="1" name='Post' id='fast-reply_textarea' class='rte-iframe' cols='80' rows='15'></textarea>

Replace With:

CODE
 <textarea name="Post" class="rte-iframe" id="fast-reply_textarea" rows="15" cols="80" style="margin:0px;padding:4px;width:98%; background-image: url('http://www.platinum-zone.co.uk/forums/images/post.png'); background-repeat: no-repeat;background-position: bottom right" tabindex="1">{$post}</textarea>

© 2007 by John of Platinum Zone. Find many more IPB tutorials at Platinum Zone

This page was last modified on 2 July 2007, at 19:03.  This page has been accessed 3,748 times.  Content is available under GNU Free Documentation License 1.2Disclaimers