TXP Admin Mod

02/10 '09

Here’s the public release of my TXP admin interface mod.

Download TXP Admin Mod

v1.1 Updates (06-25-2009):

  • Added hover effects on Edit, HTML, and Preview icons.
  • Styled mini help buttons.
  • Form fields inside fieldsets are white instead of gray.

v1.0 Updates (02-10-2009):

  • Slight navigation style changes.
  • Rounded some form buttons (in Firefox and Safari).
  • Styled legend and fieldset tags.
  • Added new images for the text, html and preview button on the Write page.

I didn’t want to add any images to this mod, but the more I looked at those tabs the more I thought they looked out of place. Thanks, -sam.

Simple Instructions:

  1. Install the hpw_admincss plugin.
  2. Download and unzip my TXP Admin Mod.
  3. Upload the 3 .png images to your /textpattern/txp_img/ folder.
  4. Paste the contents of admin.css into the “admin” style on the Presentation | Style page.

txplib_head.php Edits:

For best results you will need to edit some of the base TXP code. These edits were originally devised by Mr. Jon Hicks.

1. Open /textpattern/lib/txplib_head.php in your favorite text editor…

2. Replace line 165-ish (as of 4.0.8) with the following:

<tr id="branding">
<td>
<h2><a href="http://<? echo $GLOBALS['prefs']['siteurl']; ?>"><? echo $GLOBALS['prefs']['sitename']; ?></a> &nbsp;|&nbsp; textpattern</h2>
</td>
<td id="navpop"><?php echo navPop(1); ?></td>
</tr>

3. Comment out line 185-ish (as of 4.0.8) so it looks like this:

//'<td class="tabdown"><a href="'.hu.'" class="plain" ...

Credits

This TXP Admin Interface would not exist were it not for Jon Hicks’ original TXP Admin Mod.

Short URL: http://ersk.in/13

Comment (1)

# 1

Paul said on March 13, 2009 @ 02:42 PM...

I can’t believe no one has commented yet, this is how the admin area of TXP should look!

As a brand new adopter of TXP—I mainly use wordpress or ExpressionEngine—I was slightly put back when I saw the not-so-appealing admin area and started to transform it into what I’d like it to look like. Having a quick “google” however, I found this and it’s quite possibly exactly how I would have made it, so it’s perfect! Thanks for your effort and for sharing.

Leave a comment...