Jump to content
flyalaska

OceanBlue

Recommended Posts

you used spaces somewhere, remove those and you should be fine.

I figured it was something liked that. I haven't had time to look at it yet. .

Share this post


Link to post
Share on other sites

Eddie awesome job! What I love is this skins works well on desktop and mobile. It is clean, easy to use and maintain and is one of very few skins that look like sufficient time was spent. I love it!

Share this post


Link to post
Share on other sites

too bad it doesn't work properly in Internet Explorer

What version of IE? I have tested it on all the major browsers aswell on in ipad IOS7

Share this post


Link to post
Share on other sites

Frontpage or layout .tpl

Thanks. I had done a search for "DEMO" with Dreamweaver in both those files & it didn't find a match. Just done it again, and there it is, in frontpage_main.tpl

Share this post


Link to post
Share on other sites

Got one more question, so far! Found most of what I need to change in the CSS file for the colours I want, but where is the background colour option for the footer!

Where it says:

copyright © 2014 - Laker Airways Virtual, all rights reserved.

CMS by phpVMS - Your IP address is: 92.17.196.141 - Ocean Blue by Blue Dog Designs

Share this post


Link to post
Share on other sites

Got one more question, so far! Found most of what I need to change in the CSS file for the colours I want, but where is the background colour option for the footer!

Where it says:

copyright © 2014 - Laker Airways Virtual, all rights reserved.

CMS by phpVMS - Your IP address is: 92.17.196.141 - Ocean Blue by Blue Dog Designs

Locate the art.footer in styles/ocean.css. Around line 2386

.art-footer
{
  background: #0075DB;
  background: linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
  background: -webkit-linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
  background: -moz-linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
  background: -o-linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
  background: -ms-linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
  background: linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
  -svg-background: linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
  border-top:1px solid #C1CFD1;
  padding:15px;
  margin:0 auto;
  position: relative;
  color: #BDE0FF;
  font-size: 11px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-align: center;
}

Replace it with

.


art-footer
{
  background: #0075DB;
  border-top:1px solid #C1CFD1;
  padding:15px;
  margin:0 auto;
  position: relative;
  color: #FAD9D9;
  font-size: 11px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-align: center;
}

Change 0075DB to what color you want.

Share this post


Link to post
Share on other sites

Locate the art.footer in styles/ocean.css. Around line 2386

.art-footer
{
background: #0075DB;
background: linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
background: -webkit-linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
background: -moz-linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
background: -o-linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
background: -ms-linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
background: linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
-svg-background: linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
border-top:1px solid #C1CFD1;
padding:15px;
margin:0 auto;
position: relative;
color: #BDE0FF;
font-size: 11px;
font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-align: center;
}

Replace it with

.


art-footer
{
background: #0075DB;
border-top:1px solid #C1CFD1;
padding:15px;
margin:0 auto;
position: relative;
color: #FAD9D9;
font-size: 11px;
font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-align: center;
}

Change 0075DB to what color you want.

Thanks, but that just doesn't look good now!

Share this post


Link to post
Share on other sites

It works perfect for me on on IE11?What do you see when you go to it? Did you happen to remove this lin in the layout.tpl?

<!--[if lte IE 7]><link rel="stylesheet" href="<?php echo SITE_URL?>/lib/skins/ocean_blue/styles/style.ie7.css" media="screen" /><![endif]-->

Share this post


Link to post
Share on other sites

For anyone interested, to mask the password in the skin:

change:

<input type="text" name="password" value="Password" size="24" onfocus="this.value=''">

to

<input type="password" name="password" value="Password" size="24" onfocus="this.value=''">

in frontpage_main.tpl

Gary

Share this post


Link to post
Share on other sites

This is what I get when opening it in IE11

<!DOCTYPE html>

<html dir="ltr" lang="en-US"><head><!-- Created by Artisteer v4.1.0.59861 -->

<meta charset="utf-8">

<title><?php echo $page_title; ?></title>

<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">

<!--<link rel="stylesheet" media="all" type="text/css" href="<?php echo SITE_URL?>/lib/skins/crystal/styles.css" />-->

<link rel="stylesheet" href="<?php echo SITE_URL?>/lib/skins/ocean_blue/styles/ocean.css" type="text/css" title="Ocean Blue" media="screen" />

<link rel="stylesheet" href="<?php echo SITE_URL?>/lib/skins/ocean_blue/styles/style.responsive.css" type="text/css" title="Ocean Blue" media="screen" />

<!--[if lte IE 7]><link rel="stylesheet" href="<?php echo SITE_URL?>/lib/skins/ocean_blue/styles/style.ie7.css" media="screen" /><![endif]-->

This is most likely the part I need to modify, but if I remove the <!-- --> i get the same screen and this line:

[if lte IE 7]>var baseurl = "http://www.daanair.nl"; var geourl = "http://ws.geonames.org";

Also when I go back to Chrome, the layout is changed and the flightmap etc has gone below.

website name is: www.daanair.nl

note that it is currently the default template as I did not modify anything yet due to the changes. I currently use skyline from ittrob which is also a very good skin, but is also not working on IE, but that is known.

Share this post


Link to post
Share on other sites

I see this above the header image

[if lte IE 7]>var baseurl = "http://www.daanair.nl"; var geourl = "http://ws.geonames.org";

Your site is messed up on all browsers.

Share this post


Link to post
Share on other sites

weird isn't it and it is out of the box installed so not sure what is going on in this case. No clue here as i'm not that indept in php/html.

Have set it back to the skyline template from ittrob, which is working ok in Chrome and made a note that a while ago already about best viewed :)

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...