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.


Sports theme coming

Login / Search

 [ Join | More ]
 Add topic 
Posted
Item has a rating of 5 (Liked by FletchLiked by Chris GrahamLiked by Jean)  
Rating:
#91663 (In Topic #18423)
Avatar

Community saint

This theme about sports will be somewhat simple to my other themes, but maby someone can use it.
For now first a picture. next day will made it ready for download.

Harry

Sports theme


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

Community saint

Nice stuff.   

How on earth do you get those big background images and how well do they resize based on the size of the users browser window?

Paul
Back to the top
 
Posted
Rating:
#91686
Avatar

Community saint

Arbo said

Nice stuff.   

How on earth do you get those big background images and how well do they resize based on the size of the users browser window?
Thanks Arbo,
backgrounds are/or made digital, but if you search on google for free art or free background you will find some :) the format is crucial, search for minimal 1600x1200 px.

In global css you need the following code:

Code

{+START,IF,{$CONFIG_OPTION,fixed_width}}{+START,IF,{$NOT,{$MOBILE}}}
   html>body#main_website { /* #main_website targets only the main site screen, avoiding frames etc */
      background-color: {$GET,fixed_width_background};
      background-attachment: fixed;

      /* Want to change the tiled background?
         Try this Google search to get image ideas http://www.google.co.uk/search?tbm=isch&q=tile+background
         Find how to edit the referenced "outer_background" theme image by doing an Admin Zone search for "outer_background"
      */
      background: url('{$IMG;,outer_background}');
           background-repeat:no-repeat;
           background-size: 100% 100%;
                background-attachment:fixed;   
   }
look at the last 3 rows. Code start at row 366 og global.css

Hope this give you some ideas

Harry


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

Community saint

Ah, my concern for such things was just that images that big are usually huge in terms of file size.   That's a big performance hit, isn't it?   

Paul
Back to the top
 
Posted
Rating:
#91689
Avatar

Community saint

If you can this pictures open in a graphic programm, and then saved them again with a greater compression, this will help to get them small as possible. (100 - 200 kb)

Harry


http://digiflash.nl Photo community  (dutch)
Back to the top
 
There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: