A geek's blog about nerdy stuff, with an array of musings on SEO & web design, Barnsley based but internationally read. Honest.
Free CSS Starter Sheet For Your Own mojoPortal Themes / Skins
Hey all
I’ve put together a bit of a starter CSS stylesheet for you to use within your own mojoPortal themes and skins.
I was putting this together for a colleague to start building a mojoPortal theme and decided to make it available for you all to download for free. It contains the basic and most common elements for starting your mojoPortal skins / themes and includes comments to tell you what’s included and what isn’t.
It’s by no means the most comprehensive stylesheet out there, but if you’re looking at starting your own mojoPortal theme / skin from scratch based on an existing HTML or PSD file, it should save you some time. Using the stylesheets from the brilliant pre-installed mojoPortal skins is a great way to go too, but sometimes you can’t see the wood for the trees when deciding what to remove or amend; this starter stylesheet should help you out.
The most important thing to remember is that your CSS needs to be clean, concise and quick to load. With this in mind I’ve tried to set this starter mojoPortal theme stylesheet up so that it has a lot of “reusables” towards the top of the stylesheet.
This means that, when creating your mojoPortal skins you can simply assign reusable classes to any given HTML element – for example to float things to the left yo can simply add the class of “fl” to the elements as opposed to creating CSS rules for each element.
If you can think of any improvements or would like to make any amends, please feel free and just upload a link to your version in the comments section.
Download: Starter mojoPortal Stylesheet.
Have fun working with mojoPortal themes and skins; if you find this stylesheet useful please let me know in the comments section or via Twitter.
Happy skinning!
Mark wrote this...
Mark is a director at The Design Loft; a marketing studio delivering design, web solutions, SEO, PPC, print, photography and digital marketing directly to SMEs and as white label products to marketing agencies and design houses, all from a base near Sheffield, England. He has consulted and worked on projects for the NHS, UK Ministry of Defence, Barclays PLC, JCB and many more as an experienced web designer, online marketer, IT trainer and casual geek. On top of that he has an affinity for his iPhone and his Mac and loves designing and building pretty websites. He is also a huge advocate of the .NET CMS mojoPortal and is one of the UK's leading mojoPortal skin / mojoPortal theme designers. He has a dog called Pete and is the frontman and bassist for Green Ball Flyers. He also dislikes coconut. Alot.
| Print article | This entry was posted by Mark on June 7, 2010 at 4:30 pm, and is filed under mojoPortal. Follow any responses to this post through RSS 2.0. You can leave a response or trackback from your own site. |
No trackbacks yet.
mojoPortal Skins Tutorial – Getting Started With mojoPortal Themes
about 6 months ago - No comments
mojoPortal is, I think, the best.NET CMS by far. It is easy to design for, easy to extend and comes feature packed “out of the box”. It is the best CMS for clients that I have found based on its ease of user interaction and updates; as an IT trainer I can confidently judge that having trained many users on CMS systems. mojoPortal Skins (also called mojoPortal themes) are easy to design, flexible in their build and can look and feel exactly how you want them to, meaning your mojoPortal skins can bring your website out of its shell and help it deliver profitable and high quality relevant traffic, leading to more website enquiries. I’ve created many mojoPortal themes (mojoPortal skins) and I’m going to talk you through the steps that I find useful when creating my own skins for mojoPortal. I assume that you know some HTML and CSS and have created at least a basic website before. Additionally, some familirisation with ASP.Net web forms and Microsoft Visual Studio (Web Developer Express is fine) would be very advatageous. With all that set, dive in and take a look at how easy it is to create your own mojoPortal themes and mojoPortal skins!
mojoPortal Mobile Skins Become Much More Functional
about 7 months ago - No comments
Creating mojoPortal Mobile Skins Becomes More Fun From Today Joe Audette over at mojoPortal has just released a brand new mojoPortal add on for creating mojoPortal Mobile Skins called “Mobile Kit Pro“. The release comes in tandem with mojoPortal release 2.3.6.7 and with the addition of mojoPortal mobile skinning as a “native” feature, the (buzz
Creating A Secured Client Area With mojoPortal (Tutorial)
about 9 months ago - No comments
Securing certain portions of your website using mojoPortal This is something that I get asked a lot by clients, so figured I’d pop a short and snappy tutorial up on how to do it. Here’s the scenario: Can we create an area for each of our clients where we can upload their private PDFs /
New Web Design Launch For Sheffield Steel Fabrication Company, MTL Group Ltd
about 1 year ago - No comments
Congratulations to MTL Group Ltd who are celebrating the launch of their new mojoPortal driven website. The site is running an array of custom skins incorporating a fully editable 4 column layout, along with the capacity to edit all footer elements; this on top of a custom job board written for mojoPortal. Oh, the site
mojoPortal Skin Design – mojo’s Dynamic Columns Explained
about 1 year ago - No comments
Joe Audette over at mojoPortal, along with an every growing and uber friendly community, are delivering a continually progressive and top quality web application framework for web designers like me to create functional, and impressive .NET based CMS systems around. Creating mojoPortal skins is an enjoyable and rewarding task, resulting in some fantastically functional websites
mojoPortal 2.3.4.2 Released – And A New mojoPortal Skin For Integral Network Solutions
about 1 year ago - No comments
Hey guys, been a bit quiet on the blog front this end; sorry! We’re developing a few new products which is taking up a lot of time, no excuse though I know :0) Anyhoo…… Just a quick note to let you know that mojoPortal 2.3.4.2 has now been released. According to Joe Audette it’s a
mojoPortal vs DotNetNuke vs Umbraco
about 1 year ago - 1 comment
I’ve just been doing some research on the various CMS products out there for .Net developers. This is something I do frequently just to keep upto date wth the developments out there. I just came across a brilliant little few paragraphs by Ramto who takes a very high level yet informative look at mojoPortal vs
mojoPortal Now Supported By Artisteer
about 1 year ago - 2 comments
Joe Audette has recently announced the fantastic news that mojoPortal skins are now compatible with Artisteer. Over on the mojoPortal blog Joe mentions that a couple of Artisteer designs are actually included as skins in the new release. For anyone unfamiliar with Artisteer it’s a fantastic licensed product which allows you to build a web
about 1 year ago
Useful information, abounding acknowledgment to the author. It is abstruse to me now, but in general, the account and acceptation is overwhelming. Very abundant acknowledgment afresh and best of luck!
about 1 year ago
Thanks for sharing!
about 1 year ago
Just uploaded a new version with some extra reuables at the top for {strong} and {em} tags.