• This gap is left for the 'updated, saved' etc notifications. I may try and move this elsewhere
  • clever man. - luxuryluke
  • I just do a lot of long google searches! ;o)
  • This is all the same, apart from fluid

Textpattern Admin theme

Newer Older

Inspired by Jeremy Koempels recent TXP admin fiddlings, and the fact that I'm setting up another Textpattern based site for a client. I love the clean TXP admin look, but the tabs have never been my taste, and I like to customise it per client.

I did try and make it a CSS only theme, but there were a couple of things I couldn't accomplish with the css skin alone. So, seeing as I had to fiddle with the php files, I added the link to the site bascampy stylee, and removed the 'view site' tab (which never made sense to me, as you don't view the site in an admin tab). This pulls in your settings for Site Name and Site URL.

The layout is also fluid now. Which you may hate! It breaks on resize too.

Sadly, if you use the hpw_admincss to apply the custom css, for some reason, it doesn't theme the plugins tab. It does if you add the css to the textpattern.css file though.

So, here are the files if you want to download it. Feel free to alter, improve, grill, fry etc.

(Requires TXP 4.05)


Denis Radenkovic, Anthony Baker, and 33 other people added this photo to their favorites.

View 20 more comments

  1. typeshige 89 months ago | reply

    FYI: The new version r2697 and up break the admin interface a little. It's not a big deal, but I was wondering if anyone has a quick fix for this?

  2. JamieKnight 89 months ago | reply


    I like john, yet another nice personal project from you... how do you find the time for clients!


    Jamie & Lion

  3. 6809627613 Deleted [deleted] 89 months ago | reply

    *Sigh*....My reply (above) was four months ago, and I still haven't done anything more on my 'tiger-like' Admin theme...(suppose I better get on with it! Even though I know it won't be anything as good as this one - even when it's completed! hehe).

  4. qrayg 87 months ago | reply

    Adding this line to the CSS will make everything better in 4.0.6

    td.tabup a,td.tabdown a,td.tabup2 a,td.tabdown2 a { width: auto !important; }

  5. instantpieman 87 months ago | reply

    stupendous work, thank you :)

    I had a lil problem with bloated secondary tabs in 4.06 - this seemed to hack it into line.

    #nav-secondary a{
    line-height: 30px;
    padding: 0 4px;

    and the whole menu seemed a bit easterly to me, so I knocked this down to zero.

    td.tabs table {
    left: 0%;

  6. instantpieman 87 months ago | reply

    bit hasty there... the
    td.tabs table { left: 0%;}
    makes Firefox happy, but Safari preferred the original 10%

  7. akiramorita 87 months ago | reply

    great looking admin - i had just installed textpattern for the first time, and implementing this admin theme made me so much more comfortable with the new platform...

  8. Roving Rob 86 months ago | reply

    Awesome. Did you blog about this, or is this another place I have to keep an eye on for Jon Hicks txp wisdom? :)

  9. Jon Hicks 86 months ago | reply

    I kinda like low key, so often will publish stuff here!

  10. blue&grey 85 months ago | reply

    My sitename no longer shows in the top left. Just installed this theme on a 4.0.6 site.

  11. Cameron. [deleted] 85 months ago | reply

    blue & grey: Modify line 168 in txplib_head references to siteurl & sitename:

    > echo (siteurl)
    > echo htmlspecialchars($sitename)

  12. Dukal [deleted] 84 months ago | reply

    Hello Jon, there's a new Plugin by Aeron Glemann that takes the Admin Skining a step forward 'cause you don't need to touch any default file (well, just a line in the index.php if you want perfection):
    Taking Aeron's fantastic work and inspired by your Admin Facelift I've created a new one, using this great plugin:
    Textpattern Aro MyAdmin Mod
    It need some fixes but works without troubles in Firefox.

  13. Predrag Drljača 84 months ago | reply

    thnx for the hard work, Jon. Will check it out ASAP ;)

  14. ~Sivay~ [deleted] 82 months ago | reply

    wooow stunning!

  15. robhert james 76 months ago | reply

    I've tried out and it is pretty. I have found one trouble.... scroll-x (horizontal) nav. To solve this problem, add this on admin.css style

    #event_css, #event_article, #event_postmaster, #event_admin, #event_page{overflow-y: scroll; overflow-x: hidden;}


    Spanish speaker... sorry for my bad English.

  16. robhert james 76 months ago | reply


    body {overflow-y: scroll; overflow-x: hidden;}

    it's better.... :D

  17. bici 70 months ago | reply

    would like to use it on the latest version of TxP: 4.0.8 Will this lovely EEish Admin Theme work out of the box? Where may i get the latest version? many thanks for this Mr. Hicks!

  18. JE Vasshaug [deleted] 68 months ago | reply

    Any chance of a v4.2.0 version of this? ;)

  19. Chris Schmitz 66 months ago | reply

    A 4.2 version would be great!

  20. cainmi [deleted] 55 months ago | reply

    4.2.0 version here.

keyboard shortcuts: previous photo next photo L view in light box F favorite < scroll film strip left > scroll film strip right ? show all shortcuts