HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


ocPortal themeing video tutorial

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#53140 (In Topic #11573)
Avatar

Themes 201: brand-new themes

We have launched a new video tutorial, themes 201. This tutorial is easily our longest so far, and steps through the process of implementing an entirely new design in ocPortal.

» Watch tutorial

With this tutorial we have released a new minimal theme called "ocPortal reset", which makes it easier to implement new themes. This theme is used in the tutorial as a base, and is available from the "import addon" screen inside ocPortal.

The tutorial doesn't try to teach XHTML or CSS, but instead how to take prebuilt XHTML and CSS and put it into ocPortal. Many will want to study the code Allen wrote to make the original standalone design work:
Attachment
» Download: original website design.zip (294 Kb, 457 downloads so far)


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#53157
Avatar

Community saint

Allen,

A foxy Geography teacher (I was totally in love with her - doesn't apply here!) once marked me 21/20 on an assignment, with the added comment "I would not presume to comment on such excellence!"

I've always treasured it, but I think it is time to hand it on.

It's all yours …

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#53365
Avatar

Community saint

Allen,
Once again, this video is totally awesome !!

This is a wonderful way to showcase the significance of Zones in oc.Portal and demonstrate how, with a few "near-easy" processes it is possible to extend an existing website with creative and artistic material without losing what makes oc.Portal so great: A seamless integration of Contents.
Many thanks for the great tutorial.:thumbs:
Back to the top
 
Posted
Rating:
#55207
Avatar

Community saint

Hey Allen,

Just want to add my thanks for this video. Even tho I am themeing 4.2, this helps a lot. Some of the coding is different but I know what to look for.

Eric DeMars . com
My electronic portfolio and personal site. Uses ocPortal!
Back to the top
 
Posted
Rating:
#58549
Avatar

Fan in action

Thank you for this very helpful tutorial. It gave me kick start on modifying my site and it was easy to follow what to do and what to edit.

I had some troubles on watching it first, but when i downloaded and used VLC, no problems.

Back to the top
 
Posted
Rating:
#68242
Avatar

Fan in action

With this tutorial we have released a new minimal theme called "ocPortal reset", which makes it easier to implement new themes.
Hi, Chris!   :)  Where can I possibly download the item? I haven't any available from my import screen, you see…
Back to the top
 
Posted
Rating:
#68244
Avatar

This theme has not been maintained, but it is in our addon directory under an older version and it is possible it may still work.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#68245
Avatar

Fan in action

O'k I see, there's probably to be a reason for that. I was going to imlement a jQuery slider design on my site, something simmilar to what you have on your Home page. What would you advise me as the required steps to take in this case?  
Back to the top
 
Posted
Rating:
#68246
Avatar

Sorry, I can't step through themeing questions outside commercial support.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#68247
Avatar

Fan in action

No, problem, Thank's. I was asking that question because of missing relevant tutorial.:thumbs:
Back to the top
 
Posted
Rating:
#68253
Avatar

I have uploaded an updated ocp_reset theme for v6. We'll now try and maintain it for future versions.

Using something like jQuery in ocPortal is no different really to using it anywhere else. ocPortal templates and CSS incorporate all the normal web technology. However we have a designer themes tutorial that addresses any particular issues a designer needs to be aware of.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#68254
Avatar

Fan in action

Thank's. :hippie: I mistakenly wrote 'missing tutorial' instead of 'missing reset theme' in previous post. I thougt if that lo loger supported there's no point to look for that in older version having in mind my current task. But if you say the reset theme is still relevant I'll be interested to have a look. So where do I get the one? Is it already available?
Back to the top
 
Posted
Rating:
#68255
Avatar

It is now where you didn't find it before.

The reset theme is just one approach, the one in this particular tutorial. There are various approaches discussed in various tutorials (reset theme, theme wizard, stripping down the default theme yourself, making changes gradually in situe, possibly others).


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#68256
Avatar

Fan in action

Wow, what a surprise, refreshing the page - that's only what I needed, bein a lazy … :hippie: hipppie! The things are being moved themselfs (have I sad ok?)
Back to the top
 
Posted
Rating:
#76947
Avatar

Fan in training

Hey! That was a really great tutorial! But one problem I'm having is with the url. So I named the new them 'test', my site's url has now become localhost/ocportal/test how do I make it my default? So when people go to localhost/ocportal they will see my new template?

Thanks!
Back to the top
 
Posted
Rating:
#109723

Non-joined user

Chris Graham said

This theme has not been maintained, but it is in our addon directory under an older version and it is possible it may still work.

I think the reset theme no longer works fluidly. Been trying to follow your themes tutorial, but the design does not respond to changes made in the template
Back to the top
 
There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: