Ocean Blue v2

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;
}

 

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

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

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

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

Hey FlyAlaska thanks for this skin I really appreciate it.

GREAT SKIN thanks to the CREATOR

Excellent work done keep up the good work…

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

Excellent work there flyalaska!

Thanks

Josh

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)

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!

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?

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.

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

.

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

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.

Thanks!

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??

I will look at it when I get home

Edited : Got solution over skype.