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.


9.0.6 - April Theme - Minimal

Login / Search

 [ Join | More ]
 Add topic 
Posted
Item has a rating of 5 (Liked by sholzyLiked by Harry-SLiked by Jean)  
Rating:
#96763 (In Topic #19206)
Avatar

Community saint

This is MINIMAL, the version 9.0.6 theme for April.

Based on the old saying, "Less is more," it seemed like a good idea to move away from the heavily coloured themes I've put up so far and dash off a 'simple' theme, mostly white, that might appeal to those that are a bit chary of heavy colours.

Big mistake!

When I started to 'trim' away the box title backgrounds and the box borders it looked like I would need to fall back on the excuse that I was concentrating on the best use of 'whitespace'. Well, since I've never really comprehended the advice about the careful use of whitespace, it isn't necessarily how I envisaged it would turn out. What you have here is a build that is effectively a blank canvas on which you can drop your own colours - or not! For me it falls into the category of childish riddle, "What is black and white and read all over?"



The above attachment is a graphic of probably the most 'fun' part, and also the hardest. My aim was to merge the popular 'page-curl effect' into an ocPortal template. I managed it, but it took a bit of hair-pulling. I had completely overlooked that the '.box' property is used extensively in ocPortal CSS, and I decided to use the same property to call the shadow display for the effect. Bad move! To shorten the story: I renamed all my '.box' parameters to '.fbox' (for footer-box) and that's a hint for a user to build the same display for the header by naming it '.hbox' (header-box). Why didn't I include it in the build? The answer can be found appended to the end of 'global.css', and when you start trying to work out the 'rotational' and 'skew' degrees you soon realise a simple box-shadow on top is easier!

All the default button images found in:
  • /themes/Minimal/images_custom/EN/page
  • /themes/Minimal/images_custom/EN/pageitem
  • /themes/Minimal/images_custom/EN/chatcodeeditor
  • /themes/Minimal/images_custom/EN/comcodeeditor
… have been changed to shades of 'black/gray' in the Web2.0 style so that they integrate into the theme. If a prospective user wishes to change these buttons to a colour of their choice please ask for the original PSD files as the PNG files cannot be easily adapted. The original buttons that were converted when the theme wizard was run can also be found in the 'non_custom' folder.

The theme includes 'panel(s)' and 'start page(s)'. The user installing the theme will get a choice whether to take the Comcode pages or not, and if they choose to do so, their own pages will be backed up as the last revision. The following panel(s) and start page(s) have been included:
  • : panel_left   
  • : panel_right   
  • : start   
  • adminzone/: start   
  • : rules   
  • site/: panel_left   
  • site/: panel_right   
  • site/: start

All requests for help with this theme should be made here or in the 'Themes' forum.

Enjoy!

Home, Forums, Collab, CMS, Admin



Last edit: by Fletch

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

Community saint

Another exceptional theme!
:thumbs:
Thanks for sharing.

Jean
Back to the top
 
Posted
Item has a rating of 5 (Liked by Fletch)  
Rating:
#96778
Avatar

Community saint

Well its really minimalistic, but good balanced. So good job Fletch.  :thumbs:

Harry


http://digiflash.nl Photo community  (dutch)
Back to the top
 
Posted
Rating:
#96780
Avatar

Community saint

I really like your columnized layout. Did you use comcode for that or is it a template edit?
Back to the top
 
Posted
Rating:
#96781
Avatar

Community saint

Duck,

I allowed the L/H panel to display so that 'side-panel-specific' blocks could continue to be used. I 'disguised' the panel by removing the block borders and title bg's/borders.

I then carved up the remaining real-estate:
  • upper display:  one narrow column on the left and two wider columns to fill the rest of the space
  • lower display: one narrow and one wide that fills the rest of the space

This is the code (used to be fairly commonly used in versions prior to 9.x.x), and although it works fine for me, it appears to have been superseded by the 'fpblock' property. Chris will be able to throw more light on that …

Code

[title="1"]Welcome to [[font="/" color="" size="0.7"][i]your site name[/i][/font]][/title]

[block="3"]main_greeting[/block]

{| 27%:35%:35% wide floats
| [block="quotes" title="Random Quotes"]main_quotes[/block]
[block title="Quote 2"]main_quotes[/block]
[block title="Quote 3"]main_quotes[/block]
| [block=max_entries="2" title="News and Articles" fallback_full="2" fallback_archive="0" filter="1,2,3,4,5,6,7"]main_news[/block]
| [block=max_entries="2" title="Fletch's Blog" fallback_full="2" fallback_archive="0" filter="8"]main_news[/block]
|}

{| 27%:70% wide floats
| [block="5" forum="1,2,3,4,5" date_key="lasttime" title="Latest Forum Entries"]side_forum_news[/block]
| [box][title="3"]Galleries[/title][/box]
[block="root" zone="_SEARCH" title="Galleries"]main_gallery_tease[/block]
|}

[block]main_comcode_page_children[/block]

Not exceeding 97% for all the columns added together is crucial.

Shouldn't be an effort for you to match the code lines with the display!

 :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
 
1 guests and 0 members have just viewed this: None
Control functions:

Quick reply   Contract

Your name:
Your message: