Ocean Blue v2

[flyalaska]

Thank you for looking at my skin. Ocean Blue is for php skins only and was tested with SimPilots 5.5 base.

Whats all included:

- PSD for the slider images

- Slider font

- Custom public profile

- Custom Pilot profile/Dashboard

- Styled tables

Modules Needed:

You will need to install a few modules for this template to work.

AirMail 3

All Awards

Ranks

vFleetTracker)php Version)

DO NOT install the template files.

 

Download Here!

Setup:

ACARS Map Settings

# Google Map Options
Config::Set('MAP_WIDTH', '685px');
Config::Set('MAP_HEIGHT', '400px');

 

Slider

The slider has two sets of images. One with a white border for your profile picture, one with out when you are logged off. Simply paste the psd's on your new images.

To add another slider image you will need to edit two file. First in layout.php go to line 76. Look for this below. For every extra slide add a whole new line and change the number accordingly.

<div class="art-slide-item art-slideheader0"></div>
<div class="art-slide-item art-slideheader1"></div>
<div class="art-slide-item art-slideheader2"></div>

 

Open styles/ocean.css go to around line 458

.art-slideheader0 {
background-image: url('../images/slider/slider1_out.jpg');
background-size: 100%;
background-position: 0 0;
background-repeat: no-repeat;
}
.art-slideheader1 {
background-image: url('../images/slider/slider2_out.jpg');
background-size: 100%;
background-position: 0 0;
background-repeat: no-repeat;
}
.art-slideheader2 {
background-image: url('../images/slider/slider3_out.jpg');
background-size: 100%;
background-position: 0 0;
background-repeat: no-repeat;
}

.art-slideheader3 {
background-image: url('../images/slider/slider1_in.jpg');
background-size: 100%;
background-position: 0 0;
background-repeat: no-repeat;
}
.art-slideheader4 {
background-image: url('../images/slider/slider2_in.jpg');
background-size: 100%;
background-position: 0 0;
background-repeat: no-repeat;
}
.art-slideheader5 {
background-image: url('../images/slider/slider3_in.jpg');
background-size: 100%;
background-position: 0 0;
background-repeat: no-repeat;
}

 

Edited March 22, 2020 by flyalaska

[Taran]

Looks amazing! Guess we'll be the first to test it out! Legacyairlines.org

Going to install it now and will have it up and running tonight

[Taran]

Notice: The template file "/home/legacya1/public_html//core/templates/acarsmap.php.tpl" doesn't exist in /home/legacya1/public_html/core/classes/TemplateSet.class.php on line 248

[Taran]

The skin doesn't have an acarsmap.php file??

[flyalaska]

Re download. I must of accidentally deleted that file. Its in the download now.

[KLM]

Hey FlyAlaska thanks for this skin I really appreciate it.

[BenniSelmani]

GREAT SKIN thanks to the CREATOR

[IrfanKhan]

Excellent work done keep up the good work...

Demo Link: http://www.bluedogcreations.net/phpvms/ocean_blue/

[josh90]

Excellent work there flyalaska!

Thanks

Josh

[flyalaska]

Change the date when your Airline started. Open frontpage_main.php. go to line 225

//enter the count up date using the format year/month/day
countup(2014,07,01)

[natcret]

Great template. One quick technical question. I see (as referenced above) that I can change the width and height of the map via the config file. However, in the acarsmap.php file, it has this line:

<div id="acarsmap" style="width:<?php echo Config::Get('MAP_WIDTH');?>; height: <?php echo Config::Get('MAP_HEIGHT')?>"></div>

Can I change this line to the following to override the config file so it won't impact the original crystal template:

<div id="acarsmap" style="width: 600px; height: 600px </div>

Thanks!

[KZR005]

great skin! but... I have a tpl version of phpvms, how I can use this skin? I hope it possible to convert in tpl version?

[flyalaska]

Great template. One quick technical question. I see (as referenced above) that I can change the width and height of the map via the config file. However, in the acarsmap.php file, it has this line:

<div id="acarsmap" style="width:<?php echo Config::Get('MAP_WIDTH');?>; height: <?php echo Config::Get('MAP_HEIGHT')?>"></div>

Can I change this line to the following to override the config file so it won't impact the original crystal template:

<div id="acarsmap" style="width: 600px; height: 600px </div>

Thanks!

Never tried that approach. You can try and see what happens. Always revert back if it doesnt work.

great skin! but... I have a tpl version of phpvms, how I can use this skin? I hope it possible to convert in tpl version?

You will need to install SimPilots phpvms 5.5.2 version. Than you will get some errors. Big headache. If your site is still working on tpl version, I wouldn't change it. You can always download the skin. Change the files to .tpl and see what happens. I can't really help you. My server wont load the current phpvms version.

[natcret]

Never tried that approach. You can try and see what happens. Always revert back if it doesn't work.

Thanks. The reason for the question was the map flowed outside of the inner wrapper margins under both Chrome and IE11. I did try and it seems that the width can be adjusted, however, the height cannot. I tried to change height by itself without touching the width and it would disappear.

<div class="mapcenter" align="center">

<div id="acarsmap" style="width:690; height: <?php echo Config::Get('MAP_HEIGHT')?>"></div>

</div>

Regards

.

[natcret]

Have two other questions for you:

1. How do you remove, resize, or change the color of the small white box surrounding the pilot icon? I have figured how to change the size of the icon, however, I want to adjust the size accordingly.

2. In the top header with the slideshow, how do I stop the slideshow make it static with my own pic? I have tried fiddling with the layout.php and ocean.css but I am just not having any luck.

Regards

[flyalaska]

I send you a PM. To not use the white box, just use a different image and don't use the overlay in the psd folder.

[natcret]

Thanks!

[elfrost]

hello, I'm getting an issue that I cannot figure it out..

testing same page like /index.php/schedules/brief/6377

With my original skin I get:

But with ocean-blue, I get this:

Why its not the same page, i mean the same result??

[flyalaska]

I will look at it when I get home

[Sven]

Edited : Got solution over skype.

[Sven]

I got rid of that error by uploading empty header.tpl to ocean_blue dir. However I still do not have the layout for some reasons.

[TAV1702]

Nice skin. I have it working great except 2 things that I can't believe have not been pointed out yet. One error appears on the demo site and one appears on mine. I cant verify the other on demo site because I am not a member.

Take a look at my pilot dashboard. Notice the top boxes are WAY smaller than they should be?

Then take a look at my other 2 pics of the demo site I believe it is. You can see the footer is broke out of the template and once again, the top boxes are smaller than they should be. Other than that, so far this template has been flawless for me.

Thanks for taking a look.

[TAV1702]

Ok so I made a mistake.

The shot on the left titled oops is the demo site. the other 2 shots are my site. I can not verify the error on the pilot dashboard on the demo site obviously.

Please keep in mind these files are out of the box. I have made 0 (zero) changes to any files.

[TAV1702]

Well now I am getting somewhere!

I was marked as retired and it was how it was according to the screen shots. Once I filed a pirep and became active again, all the issues went away EXCEPT the broken footer in the public profile as depicted in the screenshot titled oops 3.

[flyalaska]

The profile issue with the shrinking boxes is a strange one. The demo was working fine until the other day. I have been marked as retired. I will see if filing a PIREP will fix that. The footer box, I didn't notice until you pointed that pointed that. I will see what I can do. I lost the original source to this template awhile ago. I will see if I can fix manually.

[TAV1702]

The filing of a pirep will fix it for sure. I can verify that first hand. As far as the footer goes, that was not fixed. I know it is as simple as a missing closing div some where but I have yet to find it. Not enough coffee ;-)

[flyalaska]

The boxes shouldn't shrink regardless if you are retired or not. Need to see why its doing that.

[mattsmith]

How do you put a image on the background?

[flyalaska]

in the css, change the color, to the background url.

[mattsmith]

in the css, change the color, to the background url.

Thanks