You aren't signed in     Sign In    Help

Textpattern Admin theme

This gap is left for the 'updated, saved' etc notifications. I may try and move this elsewhere
clever man.
I just do a lot of long google searches! ;o)
This is all the same, apart from fluid
Textpattern Admin theme by Jon Hicks.
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)


txpadmin.zip 
This photo has notes. Move your mouse over the photo to see them.

Comments

view profile

drewm  Pro User  says:

Ooo!
Posted 29 months ago. ( permalink )

view profile

placenamehere  Pro User  says:

looks purty
Posted 29 months ago. ( permalink )

view profile

Brian Warren  Pro User  says:

Ooooh, pretty! Well done mate.
Posted 29 months ago. ( permalink )

view profile

Hivelogic  Pro User  says:

I need to get onboard with skinning camino, I guess.
Posted 29 months ago. ( permalink )

view profile

Luke Dorny (luxuryluke)  Pro User  says:

…and you find this time where…? Nice!
Posted 29 months ago. ( permalink )

view profile

Jon Hicks  Pro User  says:

Luke - couple of hours tops!
Posted 29 months ago. ( permalink )

view profile

MissBlythe  Pro User  says:

Wow! I love it!!
Posted 29 months ago. ( permalink )

view profile

iblastoff says:

very nice! gonna try it now!
Posted 29 months ago. ( permalink )

view profile

Simon Collison  Pro User  says:

Looks like Jesse Bennett-Chamberlain's now official ExpressionEngine control panel theme for 1.6! Oh my oh my...
Posted 29 months ago. ( permalink )

view profile

Makenosound  Pro User  says:

Nice one, Jon. It looks great. Now, if only I was still using TXP ...
Posted 29 months ago. ( permalink )

view profile

Jon Hicks  Pro User  says:

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

view profile

Michael Grinstead  Pro User  says:

Very nice.
Posted 29 months ago. ( permalink )

view profile

Simon Collison  Pro User  says:

Not a criticism of course Jon, just erm, well, I noticed. But then we did nearly tempt you towards the light recently...
Posted 29 months ago. ( permalink )

view profile

'ju:femaiz  Pro User  says:

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. (?)
Posted 29 months ago. ( permalink )

view profile

Chris Fonnesbeck  Pro User  says:

I notice your RSS bookmarklets: what are you using to read feeds these days? NewsFire? NNW? Bloglines?
Posted 29 months ago. ( permalink )

view profile

Yong Hwee says:

Pretty cool looking!
Posted 29 months ago. ( permalink )

view profile

oneighturbo  Pro User  says:

nice work hicks. clean. readable.
Posted 29 months ago. ( permalink )

view profile

iblastoff says:

ju:femaiz: txp 4.0.5 comes with jquery
Posted 29 months ago. ( permalink )

view profile

Matt Robin says:

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/
Posted 29 months ago. ( permalink )

view profile

zeusbox  Pro User  says:

Yum yum... going to get this bad ass theme installed real quick ;)
Posted 29 months ago. ( permalink )

view profile

Jon Hicks  Pro User  says:

@Colly - Ha! I think there's room for both in my life ;o)
Posted 29 months ago. ( permalink )

view profile

Samuel Clark says:

I Like !
Posted 29 months ago. ( permalink )

view profile

asthmatic  Pro User  says:

nice work.
Posted 29 months ago. ( permalink )

view profile

Gonçalo Dumas  Pro User  says:

thanks a bunch!
Posted 29 months ago. ( permalink )

view profile

JE Vasshaug  Pro User  says:

Wow! Very very nice
Posted 29 months ago. ( permalink )

view profile

superdeluxe  Pro User  says:

Yeah! This is what I waited for... no more reasons to use any other blogging software! ;-)
Posted 29 months ago. ( permalink )

view profile

Jon Hicks  Pro User  says:

Everyone who's used this, please download again - I've posted a new version, that fixes some bugs and improves the header.
Posted 29 months ago. ( permalink )

view profile

qrayg says:

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!
Posted 29 months ago. ( permalink )

view profile

Marko Mihelcic says:

OK jeeees this Rocks the sock!!!!!wooohooO!!!
Posted 29 months ago. ( permalink )

view profile

Viking KARWUR  Pro User  says:

:) cool... thanks...
Posted 29 months ago. ( permalink )

view profile

-sam says:

Very Pretty Jon!
Posted 29 months ago. ( permalink )

view profile

jauhari  Pro User  says:

Sound Perfect ;)
Posted 29 months ago. ( permalink )

view profile

eyevariety says:

sooo hot! looks like expression engine :)
Posted 29 months ago. ( permalink )

view profile

mathewh  Pro User  says:

is the latest version of camino faster than safari 3?
Posted 29 months ago. ( permalink )

view profile

MrQwest  Pro User  says:

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

This is very nice, thanks :)
Posted 28 months ago. ( permalink )

view profile

evalottchen  Pro User  says:

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%;
}
Posted 28 months ago. ( permalink )

view profile

MrQwest  Pro User  says:

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 :)
Posted 28 months ago. ( permalink )

view profile

andrew.swihart  Pro User  says:

Thanks Jon, this makes Textpattern even more of a joy to use!
Posted 28 months ago. ( permalink )

view profile

Joshua Brewer says:

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.
Posted 28 months ago. ( permalink )

view profile

decavolt says:

It's been said a million times already, but this is a rockin theme Jon. I love it.
Posted 28 months ago. ( permalink )

view profile

Pketh says:

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 ?
Posted 28 months ago. ( permalink )

view profile

Jon Hicks  Pro User  says:

here: pimpmycamino.com/parts/AsceticBar
Posted 28 months ago. ( permalink )

view profile

raynebair  Pro User  says:

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.
Posted 27 months ago. ( permalink )

view profile

:: rafa says:

Excellent work!
Posted 27 months ago. ( permalink )

view profile

dujnoyl says:

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!
Posted 27 months ago. ( permalink )

view profile

Jon Hicks  Pro User  says:

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!
Posted 27 months ago. ( permalink )

view profile

Marko Mihelcic says:

@dujnoyl - yeah I noticed this also. tnx.
Btw. it also changes the main login page so that's a neat tip.
Posted 27 months ago. ( permalink )

view profile

michaelkpate  Pro User  says:

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
Posted 26 months ago. ( permalink )

view profile

jachi  Pro User  says:

loverly
Posted 25 months ago. ( permalink )

view profile

drewm  Pro User  says:

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.
Posted 25 months ago. ( permalink )

view profile

typeshige  Pro User  says:

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?
Posted 25 months ago. ( permalink )

view profile

JamieKnight  Pro User  says:

hiya,

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

^licks^

Jamie & Lion
Posted 25 months ago. ( permalink )

view profile

Matt Robin says:

*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).
Posted 25 months ago. ( permalink )

view profile

qrayg says:

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; }
Posted 23 months ago. ( permalink )

view profile

instantpieman says:

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%;
}
Posted 22 months ago. ( permalink )

view profile

instantpieman says:

bit hasty there... the
td.tabs table { left: 0%;}
makes Firefox happy, but Safari preferred the original 10%
;)
Posted 22 months ago. ( permalink )

view profile

akiramorita says:

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...
Posted 22 months ago. ( permalink )

view profile

Roving Rob  Pro User  says:

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

view profile

Jon Hicks  Pro User  says:

I kinda like low key, so often will publish stuff here!
Posted 22 months ago. ( permalink )

view profile

blue&grey says:

My sitename no longer shows in the top left. Just installed this theme on a 4.0.6 site.
Posted 20 months ago. ( permalink )

view profile

Cameron.  Pro User  says:

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

> echo (siteurl)
> echo htmlspecialchars($sitename)
Posted 20 months ago. ( permalink )

view profile

Dukal says:

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):
aro_myadmin
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.
Posted 20 months ago. ( permalink )

view profile

Predrag Drljača says:

Hey,
thnx for the hard work, Jon. Will check it out ASAP ;)
Posted 20 months ago. ( permalink )

view profile

~Sivay~  Pro User  says:

wooow stunning!
Posted 18 months ago. ( permalink )

view profile

robhert james says:

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;}

Regards

Spanish speaker... sorry for my bad English.
Posted 11 months ago. ( permalink )

view profile

robhert james says:

Sorry...

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

it's better.... :D
Posted 11 months ago. ( permalink )

view profile

bici says:

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!
Posted 6 months ago. ( permalink )

view profile

JE Vasshaug  Pro User  says:

Any chance of a v4.2.0 version of this? ;)
Posted 3 months ago. ( permalink )

view profile

Perception Design says:

A 4.2 version would be great!
Posted 2 months ago. ( permalink )

Would you like to comment?

Sign up for a free account, or sign in (if you're already a member).

[?]
view photos Uploaded on August 2, 2007
by Jon Hicks

Jon Hicks' photostream

1,571
uploads

Tags

Additional Information

All rights reserved Anyone can see this photo

Add to your map