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.


New 2 Column Theme (using responsive CSS grid) coming soon!

Login / Search

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

Community saint

Volunteers needed(EXPERIENCED THEME DESIGNERS PREFFERED)

Ok so this is almost ready.

It is working asis but I hope to go in and clean up redundancies in the CSS etc and I still have to run it through a validator.

This theme uses the CSS grid "Responsive" and seems to work very nicely so far.

It is sort of a 2 column layout (2/3rds left and 1/3rd right) with the left column holding main content and right column (further divided into 2 columns holding both the left and right panels ) as well as there are 4 new panels (basically comcode pages) to sit above and below the two main columns.

Here is a layout diagram of what I am talking about
2 panel layout

and here it is in action using mostly ocPortals default colour scheme


One thing to note I removed the helper panel logic so this theme does not display the helper panels. (I may change my mind and add it in again later I don't know but adds to the logic complexities alot lol)

Anyway I was hoping a couple experienced themers would be my first beta testers when it is ready (maybe tomorrow or by Friday at the latest) before I make it available for download. I will hopefully follow up in  the near future with some guides to modifying the theme to take further advantage of the Responsive Grid system. Though the experienced could likely figure it out quite easy on their own.

Let me know if you have time to beta for me when it's ready.

Thanks!
Back to the top
 
Posted
Rating:
#100038
Avatar

Community saint

Oh I should point out that the responsive grid scales well and defaults to 1200px wide if the viewport supports it.
Back to the top
 
Posted
Rating:
#100044
Avatar

Community saint

Looks good, Duck.

Currently unable to 'assist', but as soon as I am, if you still need it, I will jump at the chance of beta testing for you.

 :thumbs:

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:
#100053
Avatar

Community saint

I very much like what you've accomplished here, Duck and would love to help out, but I'm currently spending time away from it all.  I'd like to try themeing it eventually if you'd allow me.

Great work!
:thumbs:
Back to the top
 
Posted
Rating:
#100056
Avatar

Community saint

You're certainly welcome to do what you like with it when it is ready Jean. It pretty much is ready asis. It doesn't run through the validators perfectly but not all of it is the added stuff I am finding. Some of it is because of ocPortals use of cutting edge html 5 features I believe. I am tossing up whether to change the CSS file names from the default Responsive grid names as in order to get the theme to work one must make a modification to global2.php in the sources folder because some files are named by dimensions. But I have not sifted through the JS that is included to see how much that would affect the responsive portion of it. I just include all CSS and JS whether truly needed or not this way it should work for whatever you want to do with it. (I did strip out some but not all redundancies in the main CSS files of it.)

I load ocPortals CSS first then the Responsives so that it will override everything needed but keep most of ocPortals styling where needed.

Here is a couple Screen shots of it in action:

(The last one is after running it through the theme wizard with a green seed.)

Back to the top
 
Posted
Item has a rating of 5 (Liked by Guest)  
Rating:
#100068
Avatar

Community saint

here's the first trial run of it.

Note you have to add the following line to global2.php or you'll get error.

Code

   if(is_numeric($c)) $c = strval($c);

right after (around line 1986):

Code

foreach ($css_to_do as $c)
   {

Attachment
» Download: ocResponsive-03092013-2309.tar (589 Kb, 189 downloads so far)
Back to the top
 
Posted
Item has a rating of 5 (Liked by Guest)  
Rating:
#100088
Avatar

Community saint

Ok so I have had a long day. Tried to work on this a little when I got home but way too tired. I have more to do to this but I don't have much time the next few days but I will update when I get a chance to complete this some more.
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:
 Add topic 

Quick reply   Contract

Your name:
Your message: