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.


Paradise - Comments

Login / Search

 [ Join | More ]
 

Paradise by Jean

Downloads: 1,094
Added: 27 May 2012
Rating: Item has a rating of 5 (Liked by BobSLiked by FletchLiked by sholzyLiked by Robert W Wong)
To view a live demo site with this theme click HERE.

The Paradise Theme is part of my Tutorial project "Building an ocPortal Theme Generator"

In this first step, I tried to generate a theme base on the premise that it should result from a minimum of CSS code changes. No templates were changed.  Only 1 new image was added and 4 existing images were modified.
The resulting theme will be used in my tutorial as a "Theme Generator" to create new themes by just ch…

Reply

I am going to publish the theme I made on the basis on how you made it

Avatar
I really like this theme. I'm a sucker for anything aquatic.

BTW, the screenshot is really small, Jean.
Avatar

Robbie Goacher said


BTW, the screenshot is really small, Jean.

It's because he's using a small monitor.  :lol:

Avatar
Thanks Robbie!:)

I though screenshots were limited to 200 px.

I should have used the thumbnail of a larger image. I'll change it when I have more time.;)

Jean


Your Themes

Avatar
You and others using ocPortal have made some great themes. My hat is off to you all.

Jean,
I really like "The Forest" it says that "Islander-aua" made it but when I installed it, it show you as the person that made it. Would it be OK to use it on my site?
I want to make it members only site and the splash screen does just what I'm looking for.
But there is one problem, I would like to have the Background and entry sign, to resize with the browser, if that is possible. Can that be done?
If someone goes to the site and has a screen resolution under 1600x1200 they would not be able to enter the site.

I'm new to ocPortal, and still learning. I have a lot of questions, but I need to learn a little more of the workings of the program before I ask questions.

I only ask this one question, as I really would like to use the theme.

Thanks for yours and everyone else's themes.

Robert

Avatar
Thanks for your comments Roberts!:thumbs::)

Islander-aua was the first name I used when I originally joined ocPortal.
Yes for sure, you can use The Forest and any theme available in the "themes" download section.

I've envisioned the Forest welcome page as a panoramic widescreen opening for the site to immerse the visitor into the story. It is possible to make it adjust to any monitor size, however two elements will no longer be in-sync with the scene: The bird fly-path will no longer be for the sign and the sign's invisible URL trigger to the main site will move with the screen re-size which would be more of a problem. In this case, a static link button to the site would have to be added to the scene.

To make the screen adjustable, In GLOBAL.css find this selector: (remove the height and width properties -modify and add the following)

#main_website {

    background-size: 100% auto;
    position: relative;

An important note here is that The Forest theme is not compatible with version 9 of ocPortal, however it can be installed with version 8.15 still supported by ocPortal.

I am in the process of upgrading "The Forest" theme to version 9 which will require only one theme installation to work as oppose to the older version requiring theme Forest 1 and theme Forest 2. It will have insets for videos and slideshows within the Welcome page scenery as points of interest while following the trail. It is still not intended for small screens, but someone can just use the background image to make it so, just like with the present one.

Robert, do not hesitate to post any questions to the Themeing section if you need any help or send me a Personal Topic.

Cheers,
Jean
Avatar
Thanks Jean,

I realize that the two elements would not be in the correct locations. Actually I still have the following in the Top left hand corner
"Welcome to…." and "We hope you enjoy your visit here. Please Join or Login if you have joined before.
You are in the Welcome zone. Proceed to the main website."
But the links do not work. If I could get the Links to work, I would not need to have the background resize. I would change the wording to also refelect that they need to go to a mimumn 1280x1024 to see some of the effects or larger to see the full effect.
I currently have 8.1.5 and 9.0.3 Installed. I find that the 9.03 version runs very slugish.

Thanks,

Robert
Avatar

Robert said

I realize that the two elements would not be in the correct locations. Actually I still have the following in the Top left hand corner
"Welcome to…." and "We hope you enjoy your visit here. Please Join or Login if you have joined before.
You are in the Welcome zone. Proceed to the main website."


Actually, if you ran Setup Wizard, at Step 5 of 10 there is this question:

Single public zone
Whether the Welcome and Site zones should be identical. Identity eases navigation and reduces maintenance, but removes the potential separation advantages (e.g. easily having a paid site).

THE CHECKMARK SHOULD BE REMOVED for my theme to work correctly. This will establish a separate Welcome Zone from the Site Zone. I've modified the HEADER.tpl to give a clean background for the Forest scene. Therefore, you should not be seeing those messages but the background image.
You can run the Setup Wizard again if you missed this.

It is possible to add the scrolling bars if you wish, with this code:
#main_website {
width: 1920px;
height: 1200px;
position: relative;
overflow: scroll;

It is also possible to use the entire background as a target URL for the main site and just click anywhere on the screen, but this would require changes to the GLOBAL.css and HEADER.tpl files which are a bit more complex to explain here. Send me a PT and I can send you the modified files if you would like this option.

Jean  
Avatar
Jean,

I set ocPortal us as a Welcome and Site zones, but am still getting the text in the corner.

I have gone throuth many installs of oc portal because I have it not work correctly, I found that the hosting site that I was using did not install OCP correctly (Didn't like them anyway, but was given them to use for free).
Now I am using the Hosting site that I want, And have a little more knowlege of ocP.

To add the scrolling bars, which file do I do this in and can I just enter this at the end of the file or do I replace/add at the #main_website area in the file.

Also, How do I sent you a "PT"

Thanks for your help,

Robert
Avatar
Robert, you will find it here:

In Admin Zone–>Style–>Manage themes–>The Forest2–>Edit CSS–>global.css - this selector is nearly at the bottom of the file at line 3281:

#main_website { /* #main_website targets only the main site screen, avoiding frames etc */
                /* this is the background seen around our fixed width */
      background: url('{$IMG,BG}') no-repeat;
      width:1920px;
      height:1200px;
      background-color:#000000;
      position: fixed;
}

Change position to relative;
and add  overflow: scroll;

For PT, look below this post, see the blue button "Whisper", click on it and you will have access to two styles of Private Topics, one inline to this post or as a new private topic.

Use the PT to give me the URL for your site and some access if you want me to intervene directly.

Jean

Avatar

Jean said

Robert, you will find it here:

In Admin Zone–>Style–>Manage themes–>The Forest2–>Edit CSS–>global.css - this selector is nearly at the bottom of the file at line 3281:

#main_website { /* #main_website targets only the main site screen, avoiding frames etc */
                /* this is the background seen around our fixed width */
      background: url('{$IMG,BG}') no-repeat;
      width:1920px;
      height:1200px;
      background-color:#000000;
      position: fixed;
}

Change position to relative;
and add  overflow: scroll;

For PT, look below this post, see the blue button "Whisper", click on it and you will have access to two styles of Private Topics, one inline to this post or as a new private topic.

Use the PT to give me the URL for your site and some access if you want me to intervene directly.

Jean
Jean,

I did as instructed. It worked except for the ling was no longer on the sign.
So I changed the following:

#sign {
 width:119px;
 height:61px;
 margin:565px 0 0 1127px;
 position: relative
}

Position from "fixed" to "relative"

Doing that, it works correctly. but now the text that was in the "top left" is now at the "bottom left" and the links now work!

But I now do not need it.

One thing that I forgot to tell you is that ocP on "v 8.1.5", so maybe thats why some things are not working correctly with this Theme.

Thanks for the Info.,


Robert

Avatar

Robert W said

Jean,

I did as instructed. It worked except for the ling was no longer on the sign.
So I changed the following:

#sign {
 width:119px;
 height:61px;
 margin:565px 0 0 1127px;
 position: relative
}

Position from "fixed" to "relative"

Doing that, it works correctly. but now the text that was in the "top left" is now at the "bottom left" and the links now work!

But I now do not need it.

One thing that I forgot to tell you is that ocP on "v 8.1.5", so maybe thats why some things are not working correctly with this Theme.

Thanks for the Info.,


Robert
You did very well, Robert!:thumbs:

The text is part of the Welcome Zone 'start' comcode page. (It is there by default)
As an admin you should see as part of the text a line with "Edit this page" Click on it. If not Go To:

Admin Zone-->Content-->Pages (Comcode page)-->Edit Welcome :start

Delete everything on the page and save it. If it refuses to save because it is empty, add this code and save:  

Code (php)

[semihtml]{$,page hint: no_wysiwyg}[/semihtml]


You can use this comcode page to add any text and links you may want to overlay on the scene.

Jean




Avatar
Jean,

Another option could be allowing the scroll bars where the user could move around the Image to see the full effect and login through the sign

Robert



Avatar
Now that is a relaxing looking theme. The minimal changes are a great idea.

If we could just put every politician on that island and leave them there to deal with each other. HaHa

Avatar

Jean,

I'm trying different background images that work well with you theme, I most Likely will use your tho… It conveys what I want on my site very well.

Where I am stuck now is I'm trying to use your Africa theme in place of The Forest, or you might say some  parts of it. I cannot seem to get the background images of the standard boxes and headers to work.

I have the images in the custom folder, but I am lost as how to get it to work.

Robert




There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: