blog documentation FAQ followers forum marketplace services youtube

skin from scratch

The Jamroom Network » Forum » Design and Skin Customization » Page » skin from scratch
blindmime
@blindmime
8 years ago
772 posts
I'm revisiting making a skin from scratch. I think it's been several versions past that Michael made a series of videos about doing that. Do they still apply? Are there new things to consider?

I'd like a quick way to take an existing HTML template and jamroom it. One of the things that hooked me into jamroom with version 4 (I started when version 2 first came out, actually) was how easy it was to build into a template (at least the site index). There was very little to be done to make it jrReady.
updated by @blindmime: 08/17/16 02:24:31AM
douglas
@douglas
8 years ago
2,790 posts
I've not see the videos so can't say if they still apply... I'd say the only difference now would be if you want your skin to work with the Site Builder module.

JR5 skins are also responsive skins unlike JR4 skins/themes, but that may be covered in the videos.


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
jimmyk
jimmyk
@jimmy
8 years ago
514 posts
Yea, @Michael videos still apply. I don't use the Site Builder module, but would assume that if you want that functionality in a new template there will have to be some items to consider.
blindmime
@blindmime
8 years ago
772 posts
Thanks. Don't need Site Builder integration.
michael
@michael
8 years ago
7,715 posts
might look at the bootstrap version I made:
https://github.com/ussher/bootstrap

It has the bits and pieces separated out into .css files in it.

The other thing is the Admin Skin module, it allows you to use a separate skin for the admin, profile, and site areas. So if you only want to make a skin for one section, use the Admin Skin module and use Elastic (or whatever) for the admin panel and profile, and your blank skin for the front end.

--edit--
oh, and there is the "blank skin" which might be a possible starting point too:
https://www.jamroom.net/the-jamroom-network/networkmarket/106/blank-skin
updated by @michael: 05/03/16 03:35:05PM
blindmime
@blindmime
8 years ago
772 posts
Oh, that is brilliant, Michael -- xxBootstrap is exactly what I wanted!

I may even change the name of my first born to Michael; this is so awesome. She's 24, but I think given the circumstances she will be honored.

Thanks so much!
updated by @blindmime: 05/04/16 04:48:54AM
michael
@michael
8 years ago
7,715 posts
:) You probably will find stuff that doesn't line up exactly, fork it and add your fixes where you find them.
blindmime
@blindmime
8 years ago
772 posts
I'm seeing a couple things, but this is really nice, Michael. I threw this together in a couple hours while I was waiting at a car repair shop yesterday: http://intrajam.com -- I've been using Jamroom as an Intranet for the company I work for, so I'm wanting to explore that a bit more with this website. And basically sort of fanboy all over Jamroom.
michael
@michael
8 years ago
7,715 posts
Yeah, thats very slick. Just looks clean. Nice one.
blindmime
@blindmime
8 years ago
772 posts
I'm not familiar with forking it.

I've noticed some pages aren't contained and putting this at the bottom of header.tpl helps those cases:

<div class="container theme-showcase">

updated by @blindmime: 05/07/16 06:29:21AM
SteveX
SteveX
@ultrajam
8 years ago
2,584 posts
That's cool! Good work man!


--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)

Tags