Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Re: [wiki] textbook css
The <code> element style has gone funny, eg on this page, which I converted to mw format. So please restyle it. BTW, I couldn’t find an alternative mw thing for <code>.
In removing html from this page I put image in frame which allows caption, thereby allowing removal of <br /> and <small>. However, images now float to the right, so css needs altering.
Last edited by zero (2008-06-30 13:19:00)
Offline
Offline
Re: [wiki] textbook css
I have some reservations about the textile extension. I don’t know if it will handle section headers the same way so we lose the automatic TOC’s on the page. Destry might know a bit more.
Shoving is the answer – pusher robot
Offline
Offline
Re: [wiki] textbook css
As I’ve mentioned before (somewhere), I’ve been involved with moving. We (family) are in, but still no internet connection yet so I’ve not been able to keep a presence here as normal. However, you don’t need an internet connection to work locally, so between the multitude of tasks that come with moving into a new house, like stripping all the unsightly wallpaper (wallpaper seemingly as cultural in France as baguettes), I’ve managed to put my TextBook design thoughts to canvas for everyone’s feedback.
A few notes:
- I’ve gone with a classic Textpattern theme (since I don’t know what the .com guys are cooking up) and tied all the txp family sites into it. I’ve said before that I appreciate the professional way the folks at WordPress have tied all their sites together under one coherent theme so I’ve borrowed from that concept. It’s different enough that nobody should get jumpy. Other sites besides WP have done similar (e.g., Paul Gu, if you consider his Forums), and in anycase it’s a tight way to bring different interfaces (site, blog, forum, wiki…) together that no versed UX designer would argue against.
- The mockups represent a typical interior content page (as opposed to the home/index page), and reflect a logged-in and logged-out state. The only difference being the appearance of the “edit” links and the state of the logged-in user tools in top right.
- I have not yet really given thought to the left column main topics; what you see there is really just placeholder, for what can simply be added later. Likewise the content of this page is arbitrary.
- The “Related Reading” list is an example of using a MW template to create a mini-navigation list for a given suite of pages. For example, let’s say you had “Five Steps to a Devastatingly Gorgious Textpattern Site,” and each step was a page devoted to itself. You could use the mini-nav list template in each of the five pages, providing a link for each page, so no matter which page you were on, it would be dead-easy and intuitive to jump from one page to another without the seagull-feeding pattern (fly up to top and dive back down) of browsing that is often typical of wikis. This mini-nav would always have the same position and presentation, authors would simply add the different links as needed for their mini-nav needs. Note this is not the same as the page “Contents” which is a mini-index of the current page.
- The images don’t show it, but the backgrounds of the header and footer will span the entire width of the screen, while the body is centered and has left and right margins. The total body width is pixels, while the contained divisions (three columns) are percentages. The min screen size targeted will be 1024, which should be acceptable in this community (and most of the web these days). A good print sheet will be created too, but nothing for mobile at this point (though anyone is welcome to give that a shot).
- What I foresee as being under the “Resources” link in the main menu is perhaps a wiki page location (e.g., Community Portal) that provides a list of profiles (Title, one paragraph description, site link) of all the Txp-related sites and resources having active standing, whether from TeamTextpattern or Joe Individual. (Personal blogs not included).
- These mockups are image files created on a winblows laptop that does not render fonts very well, so disregard the pixelly-looking fonts. For the most part what you are looking at is arial and verdana.
And finally the mocks:
I’ll start work on this in a local wiki (cuz I’ll probably use a variation of this locally regardless of what happens here), and roll into the dev wiki when I have internet connection again.
————-
Side:
The question that begs to be asked (assuming a common theme is used across sites) is who’s going to reskin the forum? :)
It should be easy to see how the forum could slip right into a theme I’m proposing without problems. Maybe I’ll do a mockup of that too just for fun; might have the following three mods, at least:
- Drop the “Txp Networks” dropdown since all those links will be accounted for already in one way or another.
- Drop the left and right columns to gain that main content area space for forum tables.
- [optional] Why not keep just the right column and put the “Jump to…” and “Search” controls at the top of it, and then run the names of logged-in users in a vertical list underneath that (as opposed to the typical, horizontal list at bottom).
EDIT: Orthography fixes.
Last edited by Destry (2008-08-18 14:51:57)
Offline
Re: [wiki] textbook css
Yowzers, that looks sweeeeeet. Love the integrated look; to my (albeit untrained) eye it manages to be both classic Textpattern and contemporary at the same time. Very nice work.
Doubt I’m the right person to answer any of the questions, nor probably the right person to do any of the ‘doing’ when it comes to that stage, but if there’s a shortfall of any better-skilled people for editing grunt work / consistency checking, I’m willing to offer to do my best to learn ‘on the job’. Providing someone trusts me enough with a login.
The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.
Txp Builders – finely-crafted code, design and Txp
Offline
Re: [wiki] textbook css
Bloke wrote:
…it manages to be both classic Textpattern and contemporary at the same time.
Thanks, Bloke. “Sweeeeet“er words could not have been said about it.
Offline
Re: [wiki] textbook css
The idea of a unified look for all those websites is very interesting! Looks lovely.
Offline
Re: [wiki] textbook css
Destry wrote:
I’ve gone with a classic Textpattern theme (since I don’t know what the .com guys are cooking up) and tied all the txp family sites into it.
+100. I like the overall look, but the extra points are for the integration concept, one I think is long overdue.
TextPattern user since 04/04/04
Offline
Re: [wiki] textbook css
Looks great!
Piwik Dashboard, Google Analytics Dashboard, Minibar, Article Image Colorpicker, Admin Datepicker, Admin Google Map, Admin Colorpicker
Offline
Re: [wiki] textbook css
Very nice look. And integration of all TXP sites – really needed. Its time TXP grew up and put some big clothes on.
Offline
#24 2008-08-18 19:07:18
- candyman
- Member
- From: Italy
- Registered: 2006-08-08
- Posts: 684
Re: [wiki] textbook css
Very good!
Offline