blog content

downloadables

Hive admin theme for Textpattern CMS

retweet

In the spirit of sharing (and cos’ we’re nice), we have decided to release our ‘Hive’ admin-side theme for the Textpattern CMS (v4.3.0 or greater) as a download. This is the same theme we use on all our commercial website builds, and on this very site.

This theme has been tested within a limited commercial setting with no reported problems (and we’ve tested internally with Chrome 10, Safari 5, Firefox 4, Opera 11 and Internet Explorer 9) but there may be a few bugs that slipped through the testing net, especially in older less capable browsers (AKA IE7 and IE8).

If you spot any glitches or have any suggestions on how we might improve the theme then please feel free to leave a comment and they will be investigated in due course (and hopefully fixed in a future release of the theme).

Download: Hive Admin Theme v1.2.3
Size: 39.09kB | Last modified: 24 June 2011 | Downloads: 383

notable features

  • Clean, simple yet functional design.
  • Semi-liquid layout adjusts to larger/thinner screen widths (down to 768px).
  • Monospaced font for all text input fields, since it’s much easier to spot typos/formating (sic!) errors in a monospaced font.
  • Minimal use of images – keeps the theme lightweight and fast.
  • An extra ‘custom.css’ CSS file where any styling specific to popular Textpattern plugins (that don’t follow the standard Textpattern layout structure) can be stored. This will be updated periodically with fixes for any popular plugins that currently look hideous in the theme, and can be fixed via CSS.
  • Also within the ‘custom.css’ file, there are commented out lines which can be used to easily hide any sections of the write/edit screen that are not used in a particular project. See this forum post for details on why that’s good.
  • Update v1.1: you can now choose between different colourschemes, simply amend the URL line 7 of ‘custom.css’ to point at one of the provided schemes.
  • Update v1.2: now fully compatible with iPad (and probably Android tablets too).

installation instructions

  1. Download the latest version of the theme from the link below.
  2. Unzip the archive.
  3. Upload the directory ‘hive’ into your Textpattern installation -> theme directory.
  4. Log in to your Textpattern admin area. Navigate to admin -> preferences -> advanced.
  5. Select ‘Hive’ from the ‘Admin-side theme’ dropdown list. Save the preferences.
  6. Log out and then log in again – you should now be using the Hive theme.

one last thing

In this theme, the 3 preview tabs on article write/article edit forms have been removed to save screen estate. They were arguable pretty useless anyway so they were dropped, we have never used them in all our time with Textpattern.

If you really do want to enable these tabs again then comment out the following line near the middle of the theme’s ‘textpattern.css’ file (you’ll have to add some custom styling to them though)…

#article-tabs {display: none;}

We hope you find the theme useful in your projects and continue to find success using the wonderful Textpattern CMS.

by | 11 comments

comments

Phil Wareham

Phil Wareham (author)

Just a note to say that once I’m happy that the theme is bulletproof, I’ll submit it to Textgarden.org (which is the ‘official’ way to get new Textpattern themes)

Marc Carson

Marc Carson

Hi Phil,

I’m giving it a try now, looks beautiful. I appreciate the thought you’ve put into it, like the extra CSS allowances. I had actually wondered how that glz_cf calendar pop-up was going to render with this new theme, “sigh.” :-) Good solution.

I kind of want to eat that little red “delete page” button I’m seeing, too. Very cute. Kind of wanting to make the Save/Publish buttons look like that, maybe I’ll do so.

Are you putting the TXP branding out there for your clients, or replacing that icon with your clients’ branding? I am doing the latter because I’ve had clients get confused about it before, try to contact the software developers, etc.

Thanks again.

Phil Wareham

Phil Wareham (author)

Thanks for the comment Marc. I been thinking for a while that I should change the publish (and save) buttons too because I feel they need to stand out a bit more, so I’ll try them in red as suggested and maybe they’ll be in beta2.

I do replace the TXP logo (and site name) with just a client logo in clients’ sites. I’ll update the readme.txt in the next release to include instructions on that.

Joe Hastings

Joe Hastings

Hello Phil,

I came across an IE7 problem on the Content/Write page. There appeared to be a Z-index glitch in that the Textile Help and perhaps the other h3.plain.lever elements appeared over the lighter yellow drop down panel (#txp-nav ul) despite the latter’s high Z-index value (1160).

I found this article which explains the problem and suggests a remedy. #txp-nav ul is positioned absolutely and the trick is to assign a higher Z-index value to the appropriate relatively positioned parent which I took to be #txp-nav li in the parent list. I added a value of 2500 to that.

I can’t check it out completely until early next week when the user with IE7 is back in her office, but needed to get this off to you while I had a bit of time and the detail was fresh in the old head.

Kind regards

Joe

PS It’s a great theme, stands head and shoulders above anything else.

Joe Hastings

Joe Hastings

The steps I outlined above did not resolve the problem. However adding a z-index value to #txp-body and a higher z-index value to #txp-head does resolve it. The z-index value for #txp-nav ul is no longer required and can be removed. Hive theme user with IE7 is now very happy. Thanks again for a great TXP Admin theme.

Michael Pate

Michael Pate

One minor issue: I just tried it on an install in a subdirectory. The site name links to the domain rather than the specific install. Classic and Remora do not have this issue so I assume it is the code you used.

Phil Wareham

Phil Wareham (author)

The issues mentioned above have now been fixed. Thanks for the input.

Rob

Rob

very nice admin theme, just started textpattern and felt the backend seemed very dated. Well done.

Mike Dennis

Mike Dennis

Hi Phil

fwiw – I personally like having a bit of space to frame the tabs. So I’ve been adding 5px padding (left and right) to txp-nav. Thought I’d mention in case you might find the extra space an enhancement to the design.

On other item, also fwiw — with smd_tabber – if a lot of tabs are added, and there is a need for the tabs to wrap – it isn’t doesn’t look to great.

It’s a rare usage case more than likely. I only have one site that is doing it, and it’s a test site at that. So it may never be an issue in the real world. Thought I’d mention it though, in case it was of any help.

Really nice work – you’ve done a great job with this theme!

Phil Wareham

Phil Wareham (author)

@Mike Dennis

The tabs are designed with minimal padding so that it can scale down to a 768px width without problem (for an iPad screen in portrait format). If that is not essential for your user base then extra padding is not a problem to add.

Re the accomoodation of extra tabs – the theme is only intended for use with the standard set of tabs that are as default part of 99.9% of Textpattern installations, not custom tabs added by a third party plugin.

If a developer’s project needs extensive customisation of the admin-side of TXP then they’ll probably modify any bespoke theme for their own needs also – so it’s not something I’d be adding support for at this stage.

Cheers, Phil

John Stephens

John Stephens

Wow! I like this theme a lot. Great work, Phil!

I found one plugin-related glitch: bot_image_upload turns the Article Image field into a link that opens a modal window, with content similar to Textpattern’s Images tab.

In most admin themes, the rest of the screen has a semi-transparent grey overlay when the modal window is active, blocking the UI; also, the modal window does not duplicate Textpattern’s main navigation tabs inside it. In Hive, the #txp-head division seems to be positioned above the overlay, so that it stands out with strong visual contrast, and the navigation UI is no longer blocked. Also, the modal window in Hive contains an additional #txp-head div, giving the user access to Textpattern’s navigation within the modal window.

These issues are very minor, but I wanted to let you know. Thank you for sharing your magnificent creative work!

add a comment

Enter you comment below. Fields marked * are required.
You must preview your comment first before finally posting.
Get a Gravatar.




previous next