Discover the best of the web!
Learn more about Digg by taking the tour.
Mollio CSS/HTML Templates
mollio.org — "Mollio is a simple set of html/css templates. The aim was to create a set of page templates that use css for layout as well as some sample basic content which has also had some css applied. It's definitely a work in progress. More sample content and layouts are planned to be added."
skwid- 1533 diggs
- digg it
- buss, on 10/12/2007, -0/+14These are gorgeous!
- BugMeNot2, on 10/12/2007, -0/+3Very nice, indeed. It'll definately be a great learning "tool" for me, seeing as how I'm currently just learning this stuff.
+digg
+bookmark - xdomination, on 10/12/2007, -1/+1they are awesome
- BugMeNot2, on 10/12/2007, -0/+3Very nice, indeed. It'll definately be a great learning "tool" for me, seeing as how I'm currently just learning this stuff.
- UGM2099, on 10/12/2007, -0/+3damn! That's incredible! great job, mollio!
- startaid, on 10/12/2007, -3/+0Looks very nice
- jschrab, on 10/12/2007, -1/+4Yes, yes they are very nice. And a few color changes, some minor graphic changes and you can have something that looks unique but has a solid layout/style base.
There's a growing number of these "open source design templates" out there but any that are exceptionally nice are a welcome find. - esellerauction, on 10/12/2007, -6/+2I like it, digging it.
- diggm0nkey, on 10/12/2007, -38/+7Yes! Another CSS Topic. Can Never get enough of these
Nice Designs. But Not News!- spliznork, on 10/12/2007, -6/+17fyi: digg isn't a news site, it's a communal blog.
- patrickweber, on 10/12/2007, -2/+5It's not a news site? Hmm, maybe someone made a typo: http://digg.com/faq
- dancpsu, on 10/12/2007, -0/+5I was going to complain about some templates getting to the front page, but these expand correctly, look nice, and have pretty much everything taken care of. I might use it for some of my own stuff.
- skwid, on 10/12/2007, -0/+1Why would you complain ?
- kevin45, on 10/12/2007, -34/+5Jesus, do it by hand. Learn something..
- pkulak, on 10/12/2007, -1/+25Yea, everyone should write everything they use totally from scratch. I even write my own languages and compilers. I figure, if it's been done once, it's worth doing all over again.
- patrickweber, on 10/12/2007, -0/+1Amen.
- skwid, on 10/12/2007, -0/+1Amen (bis)
- seventoes, on 10/12/2007, -0/+1Amen again! And then once im done writing a compiler, i write another compiler with that one to make sure it works correctly.
- masprema, on 10/12/2007, -0/+2Very nice. Thank you. Good start for people just beginning to segue into css.
- Nico_, on 10/12/2007, -1/+2This is great and it is something that i can use. Thanks.
- diggnate, on 10/12/2007, -0/+7http://www.mollio.org/typeD.html
most of the templates seem to look a lot like digg. not that it's not beautiful, but it's just been done before. a good website is coded by hand. Concept > rough drawing > Photoshop > Scite(notepad) > Web.
you could throw a WYSIWYG in there somewhere.
BUT, these templates do a great job of familiarizing you with the semantics of XHTML/CSS which is very effective. no better way to learn than through experience. that's how I learned. - Lacero, on 10/12/2007, -11/+0Me like.
ps. this comment is used as a digg bookmark. - wrinkles, on 10/12/2007, -2/+3 Suh-weet! Diggability: 10 out of 10. **********
- potatodemon, on 10/12/2007, -1/+1these are fantastic!
- SilverRocket, on 10/12/2007, -0/+2Very nice... a pleasant surprise after some bad CSS template links... digg++
- searse, on 10/12/2007, -2/+2amazing resource for anyone wishing to desing sites up to todays standards. SUPER DIGG
- Bogtha, on 10/12/2007, -1/+3You can't really call using a template "designing a site". That's like calling copying a DVD "becoming a film director".
- dancpsu, on 10/12/2007, -0/+0Maybe more like a film editor than a director.
- Massif, on 10/12/2007, -0/+11"Jesus, do it by hand. Learn something.."
It's not so much about learning CSS. I already know CSS, but I have no sense of style whatsoever. That's why I like this. - dave_colorado, on 10/12/2007, -0/+1What timing! I'm just about to do some major redesign and these are great! I'm bookmarking now for use later.
Quick questions:
1. Can the bottom right image on the pull-down menu's be made transparent where the page lifts? Maybe it wouldn't look good...don't know.
2. After you drag your mouse off the menu's, you should have a method call delayed by about a half second to turn them off. that way, they don't disappear instantly after you drag your mouse off. use this method: window.setInterval("hideMenu()", "1500");
FANTASTIC!- diggnate, on 10/12/2007, -0/+2#2
CSS does the hover menus much different than JS. as far as i know, there is no delay on the drop down. but if I'm wrong, I'm sure the code to modify that would be in this file:
http://www.mollio.org/js/common.js
hope that helped. - dave_colorado, on 10/12/2007, -0/+1also - i bow down before your cross-browser integration skills...simply amazing.
but why does the hour glass show up on the mouse every time i navigate the menus using IE? is it fixable? - dave_colorado, on 10/12/2007, -0/+1oh yeah diggnate...that is probably it. i didn't think about that. boy it would be nice to have a little delay, though. i am looking forward to using this in my production software.
- diggnate, on 10/12/2007, -0/+1all IE problems are fixable, it just takes a while to fix it.
Delays to me are annoying. I like quick drop-down, and equally as quick pull-up. just MHO. delays are definitely a JS thing, and typically JS makes a page bloated. the good thing about these suckerfish (SOS) drop downs is the relatively small amount of code it takes to get them working. The only reason there is any JS at all is because IE handles element hovers horribly. if it weren't for that, you could have the dropdowns without a line of JS.
- diggnate, on 10/12/2007, -0/+2#2
- jlangley, on 10/12/2007, -1/+2Great templates. Ignore the flames, glad it made it to the front page.
- tryferos, on 10/12/2007, -1/+4Hot Diggity Dog....good stuff and much cleaner than other sites I have seen. And for all the "oh great more CSS stories", this is a site that is growing and evolving, even Kevin Rose has said it will expand to other topics and types of information.
Enjoy the internet for the resource of knowledge it is....and remember what the world was like without all this free info available at your fingertips. - Cglass, on 10/12/2007, -3/+0i dig
- ScottTaylor, on 10/12/2007, -1/+2Verryyy Nice :) thanks
- BellaOxmyxx, on 10/12/2007, -0/+13To those 1337ists who complain that everyone should just figure out how to do stuff on their own:
1) Sometimes it takes a good example to learn from. Ever think someone might want to look at the CSS source for these templates so that they *can* learn how to do it by hand? Why else does virtually every book on every programming language ever developed start with the "hello world" example application and include numerous other code samples as well? To study and learn from!
2) Sure, most anyone can learn how to do build sites using CSS - but that doesn't mean they can create an attractive design. These templates are actually pretty slick; especially considering they are offered gratis.
3) Just because you know how to do something doesn't automatically mean you should do it - especially if it doesn't make sense efficiency-wise, financially, ethically, etc. Sure I know how to design a decent-looking web site and could spend hours coming up with a nice UI, but if it's not my area of expertise, and I can download one for free or (gasp) pay $50 for a template from TemplateMonster (yeah, a lot of them are dogs on this site, but there are a few gems), then I'm gonna do it because it is a better use of my time/money when I spend it on actual revenue-generating activities.
OK, I feel better.- diggnate, on 10/12/2007, -0/+4I concur. I wouldn't use a "template" on anything long-term, but you can learn so much about this stuff by going in an "hacking" the code to fit what you want. you might find out halfway through the process that you've learned enough about the way the page is displayed, that you might want to just start fresh and build something unique.
modifying code like this is the absolute best way to learn CSS. again, that's how I learned.
- diggnate, on 10/12/2007, -0/+4I concur. I wouldn't use a "template" on anything long-term, but you can learn so much about this stuff by going in an "hacking" the code to fit what you want. you might find out halfway through the process that you've learned enough about the way the page is displayed, that you might want to just start fresh and build something unique.
- cybernetic798, on 10/12/2007, -0/+2For anyone looking to modify the drop-down menus, google for 'suckerfish dropdown', a great tutorial on cross-browser dropdown menus that defeat even IE's CSS incompatibilities.
In any case, these templates are great!- scottpatricks, on 10/12/2007, -0/+3If you look at the javascript code in the download, it actually uses a son of suckerfish menu script!
- LarsJansen, on 10/12/2007, -2/+0Now this is what I'm talking about! Diggety!
- bkorte, on 10/12/2007, -0/+0uh oh, it's in some way associated with ColdFusion! Must be unstable and horrible.
The Daemon guys have been making some killer stuff for a while. It's about time they got some recognition!- bkorte, on 10/12/2007, -0/+0apparently digg's comment system filters html style sarcasm tags ;) take the first line of my comment with heavy sarcasm...
- fullasagoog, on 10/12/2007, -0/+2One of the aims of the Mollio movement is to provide a set of HTML templates with good semantic markup for you to make your own skins. That is, leave the template HTML the same but change the CSS to come up with a completely different look. Like CSS Zen garden but with markup that would work well with most real world content. Of course you may need to change things to make your design unique, but the hope is that these templates might be used as an HTML toolkit so to speak.
- kewlceo, on 10/12/2007, -0/+2The first decent CSS/HTML digg in a while. clap-clap-clap
- MissionSix, on 10/12/2007, -1/+1These look great. Dugg.
- browncarpet, on 10/12/2007, -0/+1I think this is the first CSS site I found on digg that I actually like..... Hmmm.
- pottery, on 10/12/2007, -0/+11Hey, what do you know. I made it to digg! i'm honoured.... :)
thanks all for your kind words. I'm a big fan of progression though sharing - hence putting these Mollio templates out there for free.
If a few people pick up some ideas for creating cleaner/semantic sites than I'm stoked.
For those that say you should learn to do it all yourself rather than nick a template:
Mollio is essentially the result of me looking at other examples and building on them for the last 5-6 years. You gradually work out what works and what doesn't, or what makes a layout fragile or robust. So I definitely think there's merit in putting up good examples to learn from.
so thanks again, still just excited about being dugg :)
cheers,
pete ottery
the guy that put together mollio- skwid, on 10/12/2007, -0/+2Hey !
I actually dugg the story, because I fell in love with your templates ! And also because of the ideology behind it. Congratulations ! I hope you don't mind me digging your site without asking ... I should've asked, so you could have at least prepared your server.
Anyhow, great job ! - skwid, on 10/12/2007, -0/+1Oh, and by the way, how did your server manage ? :)
- dave_colorado, on 10/12/2007, -0/+1your work is first class
- pottery, on 10/12/2007, -0/+1>> I hope you don't mind me digging your site without asking ...
no worries :)
>> how did your server manage ?
i think it's going alright.
*looks across at the guy that looks after the server.*
he's still smiling :) i think the storm has passed...
- skwid, on 10/12/2007, -0/+2Hey !
- Misanthrope, on 10/12/2007, -0/+1Gah! I just got through putting the finishing touches on a style sheet for a site I'm building, and now I see this. Some good ideas there. I wouldn't take the code, but I'll use some of the ideas for sure!
- singingwolfboy, on 10/12/2007, -2/+0It says it's released under the Common Public Licence. But I don't read legalese, and to me it's just a mass of gobbledy-gook. Can someone with more knowledge than me please translate this into regular basic English, and explain how it's different from public domain? (Public doman = stuff anyone can use at any time for any reason, you don't even need to credit the creator)
- Teh_Psyren, on 10/12/2007, -0/+2Sexy, simple design.
- singingwolfboy, on 10/12/2007, -0/+0Says it's under the Common Public License (http://www.opensource.org/licenses/cpl1.0.php), but I don't understand legalese. Can someone please explain this in regular human terms, and also explain how it's different from public domain? (Public domain is, as far as I know, stuff that you can use at any time for any reason, no restrictions whatsoever, you don't even need to credit the author.)
- zootm, on 10/12/2007, -0/+1Common Public Licence is comparable to the GPL, with a patent clause added in to avoid patent litigation and such. There's a quite good summary on Wikipedia: http://en.wikipedia.org/wiki/Common_Public_License
- zootm, on 10/12/2007, -0/+1Very cool, but I'm not seeing a blockquote style?
- pottery, on 10/12/2007, -0/+1Get on the google group, suggest some code/style and I'll add it. There's heaps of bits & pieces that we could add in... i guess the trick is to keep it generic enough so that it remains... generic... enough to reuse/restyle for individual projects.
pete ottery
- pottery, on 10/12/2007, -0/+1Get on the google group, suggest some code/style and I'll add it. There's heaps of bits & pieces that we could add in... i guess the trick is to keep it generic enough so that it remains... generic... enough to reuse/restyle for individual projects.
- prockcore, on 10/12/2007, -0/+1CPL is similar to the GPL. The major difference is you don't have to release source if you don't modify the original code, whereas in GPL you do.
CPL is not designed for documents, and doesn't really work for something like a template. It would've made more sense to use a Creative Commons license.- fullasagoog, on 10/12/2007, -0/+2Mollio is an off-shoot of our work on the FarCry CMS project http://www.farcrycms.org/ FarCry is released under CPL so it made sense (to us at least) to release under that license. As the project evolves we may well consider an alternative and potentially more suitable license such as something under Creative Commons, as you suggest.
We're web developers, not lawyers, so we're kind of feeling our way here :)
- fullasagoog, on 10/12/2007, -0/+2Mollio is an off-shoot of our work on the FarCry CMS project http://www.farcrycms.org/ FarCry is released under CPL so it made sense (to us at least) to release under that license. As the project evolves we may well consider an alternative and potentially more suitable license such as something under Creative Commons, as you suggest.
- diggm0nkey, on 10/12/2007, -0/+4"fyi: digg isn't a news site, it's a communal blog."
O RLY?
What is digg?
Digg is a technology news website that combines social bookmarking, blogging, RSS, and non-hierarchical editorial control. With digg, users submit stories for review, but rather than allow an editor to decide which stories go on the homepage, the users do. - DruSam, on 10/12/2007, -0/+1Delicious! Just what I needed since I'm a CSS newbie! Digg.
- karudzo, on 10/12/2007, -0/+0While templates can be helpful, in the long run they tend to "dumb-down" developers, much like GUI-based web products (like buggy Frontpage, etc...). I think it's far better to learn to write the code from scratch or at least use the templates with the goal of studying them to learn more and move away from them.
- yongfook, on 10/12/2007, -0/+1+digg, but FWIW these templates are a bit fuxx0r3d in IE mac. I know it's not a huge issue since it's a dead (and crap) browser, but the best templates should attempt to work cross-browser to some degree.
- lorimba, on 10/12/2007, -0/+0one of the best free templates. thank you for sharing this info.
cheers! - aura, on 10/12/2007, -0/+0Valid XHTML, good
CSS, good
pretty too. This is a good example of CSS used well. - nvidiafx, on 10/12/2007, -2/+1nice!
- OasisFan, on 10/12/2007, -0/+0Very very nice, especially for people like me who are just starting to learn this stuff!
- vflanders, on 10/12/2007, -0/+0I checked it out in full-page view at Browsercam. Except for AOL 9.0 (which didn't work) it looks good. See it at http://www.browsercam.com/public.aspx?proj_id=236475
- quade, on 10/12/2007, -0/+0so nice, that i would digg twice... :)
© Digg Inc. 2008 —
Content posted by