• 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

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)

www.hicksdesign.co.uk/file_download/35/txpadmin.zip

Comments and faves

  1. ★

    Denis Radenkovic, Anthony Baker, vanderwal, N°1, and 31 other people added this photo to their favorites.

  2. drewm (59 months ago | reply)

    Ooo!

  3. placenamehere (59 months ago | reply)

    looks purty

  4. Brian Warren (59 months ago | reply)

    Ooooh, pretty! Well done mate.

  5. DanBenjamin (59 months ago | reply)

    I need to get onboard with skinning camino, I guess.

  6. luxuryluke (59 months ago | reply)

    …and you find this time where…? Nice!

  7. Jon Hicks (59 months ago | reply)

    Luke - couple of hours tops!

  8. MissBlythe (59 months ago | reply)

    Wow! I love it!!

  9. iblastoff (59 months ago | reply)

    very nice! gonna try it now!

  10. Simon Collison (59 months ago | reply)

    Looks like Jesse Bennett-Chamberlain's now official ExpressionEngine control panel theme for 1.6! Oh my oh my...

  11. Makenosound (59 months ago | reply)

    Nice one, Jon. It looks great. Now, if only I was still using TXP ...

  12. Jon Hicks (59 months ago | reply)

    @colly - it does, the header colour and tab style is similar. It also looks like Basecamp (or at least my basecamp).

  13. Michael Grinstead (59 months ago | reply)

    Very nice.

  14. Simon Collison (59 months ago | reply)

    Not a criticism of course Jon, just erm, well, I noticed. But then we did nearly tempt you towards the light recently...

  15. 'ju:femaiz (59 months ago | reply)

    Nice to see someone still loving textpattern. Mind you I'm awaiting the next release with a js library so I can get my event manager plugin updated to a much nicer version.

    --
    Seen in my contacts' photos. (?)

  16. Chris Fonnesbeck (59 months ago | reply)

    I notice your RSS bookmarklets: what are you using to read feeds these days? NewsFire? NNW? Bloglines?

  17. Yong Hwee (59 months ago | reply)

    Pretty cool looking!

  18. oneighturbo (59 months ago | reply)

    nice work hicks. clean. readable.

  19. iblastoff (59 months ago | reply)

    ju:femaiz: txp 4.0.5 comes with jquery

  20. 6809627613 Deleted [deleted] (59 months ago | reply)

    Jon: Your Admin theme looks better than my own effort (that I've been tweaking now and then in my spare time)...

    I especially like what you've done with the site link at the top - nice touch.

    You might be interested in my attempt as well....(possibly/possibly not?!)....see here: www.flickr.com/photos/mattrobin/992995496/

  21. zeusbox (59 months ago | reply)

    Yum yum... going to get this bad ass theme installed real quick ;)

  22. Jon Hicks (59 months ago | reply)

    @Colly - Ha! I think there's room for both in my life ;o)

  23. Samuel Clark (59 months ago | reply)

    I Like !

  24. asthmatic (59 months ago | reply)

    nice work.

  25. Gonçalo Dumas (59 months ago | reply)

    thanks a bunch!

  26. JE Vasshaug (59 months ago | reply)

    Wow! Very very nice

  27. superdeluxe (59 months ago | reply)

    Yeah! This is what I waited for... no more reasons to use any other blogging software! ;-)

  28. Jon Hicks (59 months ago | reply)

    Everyone who's used this, please download again - I've posted a new version, that fixes some bugs and improves the header.

  29. qrayg (59 months ago | reply)

    Hot!!! Great job, Mr. H. Reminds me of Symphony just a little bit.

    I was having a little trouble with the input widths on the categories page and a few others. Here's how I fixed it:

    #event_form table#edit,
    #event_form table#list,
    #event_form input#title,
    #event_form textarea,
    #event_article table#edit,
    #event_article table#list,
    #event_article input#title,
    #event_article textarea,
    #event_page table#edit,
    #event_page table#list,
    #event_page input#title,
    #event_page textarea {
    width: 100% !important;
    }

    input.edit {
    width: 200px !important;
    }

    Otherwise everything else it sweet!

  30. Marko Mihelcic (59 months ago | reply)

    OK jeeees this Rocks the sock!!!!!wooohooO!!!

  31. Viking KARWUR (59 months ago | reply)

    :) cool... thanks...

  32. -sam (59 months ago | reply)

    Very Pretty Jon!

  33. jauhari (59 months ago | reply)

    Sound Perfect ;)

  34. eyevariety (59 months ago | reply)

    sooo hot! looks like expression engine :)

  35. mathewh (58 months ago | reply)

    is the latest version of camino faster than safari 3?

  36. MrQwest (58 months ago | reply)

    Jon, Your kinda spesh at this skinning malarkey aren't you?

    This is very nice, thanks :)

  37. evalottchen (58 months ago | reply)

    this is really beautiful! thanks a lot. :)

    just one thing:
    i had the problem that the pagetop table didn't span the whole width, so I added a width:100% in line 25 of your admin.css.
    If anybody has the same problem, this should fix it.

    table#pagetop {
    background: #000 url(txp_img/bkgd.gif) repeat-x left bottom !important;
    width:100%;
    }

  38. MrQwest (58 months ago | reply)

    Jon, Just a quick question, hoping you can help.

    Is there anyway with CSS that you can shrink the textboxes where you type new articles / edit pages/css/forms etc?

    I've got a laptop with a wide screen. the biggest resolution it'll go is 1220x880 or something similar. When i use textpattern, i generally need to scroll down to save / edit pages.

    Is there away to shrink that textbox so the submit / save buttons are shown on the screen without the need to scroll?

    Hope you can help :)

  39. andrew.swihart (58 months ago | reply)

    Thanks Jon, this makes Textpattern even more of a joy to use!

  40. Joshua Brewer (58 months ago | reply)

    This is great. I was messing around with Jeremy's stuff too, but I like this alot.... in fact, here is my mod for me and the wife's new site Admin.

    Thank you, Mr. Hicks. You are a fine chap.

  41. decavolt (58 months ago | reply)

    It's been said a million times already, but this is a rockin theme Jon. I love it.

  42. Pketh (57 months ago | reply)

    Hey Jon,
    I like your site and now I like your flickr stream :D
    question tho, I've been using camino for a while now, and I could never figure out how to make my bookmark bar all iconless and sleek like yours. how did you do it ?

  43. Jon Hicks (57 months ago | reply)

    here: pimpmycamino.com/parts/AsceticBar

  44. raynebair (57 months ago | reply)

    I installed and love this theme, but I use Windows at work (I'm a software developer, no choice) and the fluid textboxes on the left sidebar in the write tab get really long and make the middle textboxes all squished up. :(

    Otherwise I love this theme.

  45. :: rafa (57 months ago | reply)

    Excellent work!

  46. dujnoyl (57 months ago | reply)

    This is so great, thank you sir! :)

    One minor fix, when you select the plugins menu (Admin > Plugins), the new admin.css file isn't linked so you get the old interface (at least it wasn't for me).

    For those looking for an easy fix it just add the following code in the head of txplib_head.php (textpattern > lib > txplib_head.php):

    style type="text/css">
    @import url("css.php?n=admin");
    /style

    (Of course open and close the style tag properly).

    Thanks again, this made things easier to use not to mention better looking. You are the man!

  47. Jon Hicks (57 months ago | reply)

    Yeah, this is a plugin problem - in the end I just added the new css to the textpattern.css file, but thanks for your solution!

  48. Marko Mihelcic (57 months ago | reply)

    @dujnoyl - yeah I noticed this also. tnx.
    Btw. it also changes the main login page so that's a neat tip.

  49. michaelkpate (56 months ago | reply)

    Of all the revised versions I have seen over the years, this is the first one that I actually thought looked good enough to implement

  50. jachi (55 months ago | reply)

    loverly

  51. drewm (55 months ago | reply)

    On line 168 of lib/txplib_head.php you should change the short php tags '<?' to full ones '<?php' for better compatibility.

    Some configs (like the entropy.ch PHP5 install on my MBP) don't support short php tags any more.

    @dujnoyl - it's quite deliberate that plugins can't style the plugins page. Saves a badly written plugin screwing things up and leaving you without the ability to remove it, and also prevents a malicious plugin from hiding itself.

← prev 1 2
(70 comments)

Want to format your comment?
keyboard shortcuts: ← previous photo → next photo L view in light box F favorite < scroll film strip left > scroll film strip right ? show all shortcuts