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.


Some idea for new way theming

Login / Search

 [ Join | More ]
 Add topic 
Posted
Item has a rating of 5 (Liked by kenno)  
Rating:
#88864 (In Topic #17989)
Avatar

Community saint

I have redesigned our photosite in the new V9 beta2 version. And have found a very nice way to layout this site. With the new css 3 is many posible. For a look on the new layout look HERE Let me know if it is not right view on your monitor. (please give the resolution).


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

Non-joined user

Very nice, Harry! Very clean looking.  :thumbs:
Back to the top
 
Posted
Rating:
#88868
Avatar

Community saint

Delightful, Harry.

Now, this is one display that really works well for 'elastic'!

One observation: the zone navigation is getting 'lost' in the background of the eye. Perhaps lightening it (not necessarily white - perhaps #E0E0E0) might make a difference?



Time for you to start offering themes for the later versions …!!

 :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:
#88869
M

Non-joined user

Fletch said


One observation: the zone navigation is getting 'lost' in the background of the eye. Perhaps lightening it (not necessarily white - perhaps #E0E0E0) might make a difference?



Time for you to start offering themes for the later versions …!!

 :thumbs:

I didn't notice that before until I set my browser to full screen. Is there a way to set the nav bar background slightly more opaque?
Back to the top
 
Posted
Rating:
#88871
Avatar

Community saint

thanks guys, here and there need some work to do, like fletch says the nav bar. I have to figure out why the rgba code not respont within the new css. oke change de link code could do it. :-)

A another way is to remove the top navigation and bring it under in the menu on the right. This menu is in the welcome zone. Its a way of thinking how you want to get the whole structure.

I have now only the admin zone in the top area, with is only visible for admijns. All the other links are to the menu on the right. :)


Last edit: by Harry-S


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

Community saint

Still got the page open in a tab. I can see what you have done. Looks fine to a visitor.

One suggestion…
  • adding padding-top: 1.5em; to .global_side_panel
…lowers the navigation box out of the girl's eye

Just my 2 worth ….!

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

Community saint

Good tip Fletch, its better so. I try to see it on different screen formats. But my first is full HD  :) There looks it always better then other.


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

Community saint

Always reluctant to stick my neck out making a 'suggestion'. It may be exactly the look the person is looking for, and that means I have been unnecessarily arrogant in making the suggestion!

Glad you 'liked' the idea …!!

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

Community saint

Great looking theme, Harry!  :thumbs:
Back to the top
 
Posted
Rating:
#88897
Avatar

Community saint

psydoc said

Great looking theme, Harry!  :thumbs:

Thanks psydoc, I like to experiment with graphics.
 :thumbs:


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

Community saint

Fletch said

Always reluctant to stick my neck out making a 'suggestion'. It may be exactly the look the person is looking for, and that means I have been unnecessarily arrogant in making the suggestion!

Glad you 'liked' the idea …!!

 :thumbs:

Your tips always welcome Fletch   :thumbs:


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

Community saint

I experiment with some club zones. I have now two zones (canon and Nikon) and in the main forum two main forums (canon club - Nikon club) both are bound to the both zones. I use for access two different groups.  So far so good.

Both use the same main theme at the moment.
This is under the new beta2 V9.


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

Community saint

I just love your theme, Harry!

The background model has striking eyes which make the page look great at any resolution.

While expanding the "window" across the width of my monitor from left to right, I was caught-up by the idea that if it could start as a pin point on the left corner and allowed to expand automatically to full width it would produce a super effect.

V9 offers intriguing new ways for creating wonderful themes and I'm glad you are showing the way, Harry.  I'm just back from my trip to Canada and have yet to install the new version.  I can't wait to discover its potential.
:thumbs:
Jean
Back to the top
 
Posted
Item has a rating of 5 (Liked by FletchLiked by Jean)  
Rating:
#88996
Avatar

Community saint

Thanks Jean for your nice words. The expanding of the outer background is done with css. I like this way from v9. It gives the designer so many more to play. :)

Code

background: url('{$IMG;,outer_background}');
           background-repeat:no-repeat;
           background-size: 100% auto;
                   background-attachment:fixed;

The background-size auto code is doing the automatic width for every screen.(Thanks to Fletch for this!!)
 It looks good on a 10.1" screen of my notebook


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

Community saint

Brilliant!
Thanks to you and Fletch for the code.
It is giving me lots of ideas and more reasons to seek an animation scheme if it exist.
:):thumbs:
Back to the top
 
Posted
Item has a rating of 5 (Liked by Jean)  
Rating:
#89001
Avatar

Community saint

 :thumbs:  I have a another one in the same style… look HERE


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

Community saint

Harry-S said

   I have a another one in the same style… look HERE


This is also a wonderful graphic representation - Bravo to the artist!
It is great to see how CSS code can actually enhance the impact of an image; in this case, I think -  youth in motion.

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

Community saint

Thanks Jean.
I found this one after long search and its free to use.  


Harry.


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

Community saint

Another great looking theme, Harry.  :thumbs:
Back to the top
 
Posted
Rating:
#89202
Avatar

Community saint

psydoc said

Another great looking theme, Harry.  :thumbs:

Thanks Psydoc


http://digiflash.nl Photo community  (dutch)
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:

Quick reply   Expand