vAirline Template - CSS

[-Nick Tyson-]

Here it is! The vAirline PHPVMS Template! To change the background, simply open up the CSS file, and in the body tag, you can change the background to an image, color, or both!

Click here to download

Click here to see a live preview

Click here to visit vAirline

Notice: You must retain the PHPVMS credit, and the vAirline credit.

Edit: To those who think that you can remove the credit and not get caught... You will. Downloads are tracked via my software. Everyone so far who I have caught has also removed the credit to Nabeel.. not cool!

[Serrador]

accept my registration so I can download the template

Thanks = ]

[-Nick Tyson-]

You need to register at http://vairline.org not at /phpvms

[edmundk]

How to edit the dropdowns? A bit confusing!!

[-Nick Tyson-]

In the core_navigation.tpl file:

Find the LI tag that you want to change the menu bar too. For example:

Setting

    <li><a href="#" >About Us</a></li>

To

    <li><a href="#" rel="dropmenu1">About Us</a></li>

Will display the menu bar

<div id="dropmenu1" class="dropmenudiv">
<a href="#">Our Staff</a>
<a href="#">History</a>
<a href="#">Timeline</a>
</div>

[Txmmy83]

a good idea a phpvms portal

their is definately a need for such site!

and template looks nice

best regards

Thomas

[Guest]

How do you edit history and so on?

[Serrador]

Thanks ;D

[Andy]

Hello Nick, real nice template! Good job and i like it. Works perfekt on firefox and chrome, but IE have an problem to show up this template. What can i do to run this template in IE?

thx

Andy

[Andy]

Hello Nick, real nice template! Good job and i like it. Works perfekt on firefox and chrome, but IE have an problem to show up this template. What can i do to run this template in IE?

thx

Andy

It´s ok an work now on IE9. I think it was a caching isue.

[-Nick Tyson-]

Andy,

Please let me know if anything else isn't working.

I'm working on a new theme that is a different style but will for sure work on all browsers.

Thanks

PS: Went through the download statistics, vAirline has reached over 150 members and 120 downloads of this theme. Great to hear it's getting put to use.

[Jeff]

I'm in need of a wider template. Vairline really didn't work for me because the sidebar was on every page. Is there a way that you can possibly make one where the sidebar only show on the frontpage_main?

[danielkang1234]

vcaf uses this now: http://virtualcanadianairforce.com

[Rickisani]

I have a problem with this design, especially when I in flight schedules, the pireps choose and select, the page breaks together, which is due to the problem.

[Luke2000]

Hi , i get this error , when i'm trying to change my profile picture , whats the fault ?

Warning: imagettfbbox() [function.imagettfbbox]: Could not find/open font in /mnt/webf/a2/22/51125222/htdocs/golda-airlines/core/common/PilotData.class.php on line 1041

Warning: imagettftext() [function.imagettftext]: Could not find/open font in /mnt/webf/a2/22/51125222/htdocs/golda-airlines/core/common/PilotData.class.php on line 1059

Warning: imagettftext() [function.imagettftext]: Could not find/open font in /mnt/webf/a2/22/51125222/htdocs/golda-airlines/core/common/PilotData.class.php on line 1059

Warning: imagettftext() [function.imagettftext]: Could not find/open font in /mnt/webf/a2/22/51125222/htdocs/golda-airlines/core/common/PilotData.class.php on line 1059

Warning: imagettftext() [function.imagettftext]: Could not find/open font in /mnt/webf/a2/22/51125222/htdocs/golda-airlines/core/common/PilotData.class.php on line 1059

Warning: imagettftext() [function.imagettftext]: Could not find/open font in /mnt/webf/a2/22/51125222/htdocs/golda-airlines/core/common/PilotData.class.php on line 1059

[Alemaobaiano]

Hi Nick

Great job with the template, we are using it on our website (www.palegrevirtual.com) due to the clean and elegant looks. There are still a few little odds and ends to tidy up (black lines on the logo image for example) but we've found that it works very well and is extremely stable.

One quick question, how would I add a fixed text element above the news items? Directly in the css file or with layout.tpl?

Thanks

Tony

[Jeff]

Depends on where you have the news item. If you have it on the side bar, you will place it in the layout.tpl if you have it on the front page, you will place it in the frontpage_main.tpl

[Alemaobaiano]

Thanks Jeff, news is on the front page so I'll have a go at that tomorrow.

TTFN

[miniarma]

If people are removing the credits then sue them or just block them from using any of your stuff again.

We authors come on here and give stuff away for the people to enjoy. The least they can do is leave our back links alone and give us some credit.

[michael Kraan]

i cant download hem from your webpage? i have a account on http://vairline.org/index.php?page=downloads but no downloads or download links?

Michael Kraan

[Angel Air]

Hi all,

I am loving the template I am having one small problem I can't seem to get google ads to display has anyone else had this problem?

I am doing as they say and putting the code between the <body> and the </body> tags but it does not show up on the webpage.

Any help would be great.

Thanks

Scott

[Angel Air]

Hi all maybe someone cn help me with this.....

I want to be able to make the admin centre into a drop down menu so I can put the examcentre link within that drop down menu.

Anyone got any ideas?

Thanks in advance

Scott

[Jeff]

Place this with the rest of the menu items:

<?php
}
else
{
// Show these items only if they are logged in
?>
   <li><a href="<?php echo url('/profile'); ?>" rel="dropmenu2">Pilot Operations</a></li>
   <li><a href="<?php echo url('#'); ?>" rel="dropmenu3">Admin Center</a></li>
<?php
}
?>

Next, create the links for the menu under the <!--2nd drop down menu --> items (after the </div>):

<!--3rd drop down menu --> 
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
<?php
if(Auth::LoggedIn())
{
if(PilotGroups::group_has_perm(Auth::$usergroups, ACCESS_ADMIN))
{
   echo '<a style="border-left: 1px solid #DADADA;" href="'.fileurl('/admin').'">Admin Center</a>';
}
?>
<a href="<?php echo url('/admin/yourlink'); ?>">Your Link</a>
<a href="<?php echo url('/admin/yourlink'); ?>">Your Link</a>
<a href="<?php echo url('/admin/yourlink'); ?>">Your Link</a>
<?php
}
?>
</div>

It should work now.

[Angel Air]

Place this with the rest of the menu items:

<?php
}
else
{
// Show these items only if they are logged in
?>
   <li><a href="<?php echo url('/profile'); ?>" rel="dropmenu2">Pilot Operations</a></li>
   <li><a href="<?php echo url('#'); ?>" rel="dropmenu3">Admin Center</a></li>
<?php
}
?>

Next, create the links for the menu under the <!--2nd drop down menu --> items (after the </div>):

<!--3rd drop down menu --> 
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
<?php
if(Auth::LoggedIn())
{
if(PilotGroups::group_has_perm(Auth::$usergroups, ACCESS_ADMIN))
{
   echo '<a style="border-left: 1px solid #DADADA;" href="'.fileurl('/admin').'">Admin Center</a>';
}
?>
<a href="<?php echo url('/admin/yourlink'); ?>">Your Link</a>
<a href="<?php echo url('/admin/yourlink'); ?>">Your Link</a>
<a href="<?php echo url('/admin/yourlink'); ?>">Your Link</a>
<?php
}
?>
</div>

It should work now.

Thanks Jeff,

I had done the second part of your instructions but could not get my head around part 1.

Thanks again +1 for you

Scott

[Jeff]

I've never used this skin, but I keep it around for just this purpose (support). I hope you were able to get it working, and no problem.

[Angel Air]

I've never used this skin, but I keep it around for just this purpose (support). I hope you were able to get it working, and no problem.

all works thankyou very much

[Angel Air]

Hi all,

I am loving the template I am having one small problem I can't seem to get google ads to display has anyone else had this problem?

I am doing as they say and putting the code between the <body> and the </body> tags but it does not show up on the webpage.

Any help would be great.

Thanks

Scott

Bump

[Jeff]

I believe, if you are wanting this to show on every page, you would place it in the layout.tpl. If you are just wanting to show it on the Home page, you would just place it in the frontpage_main.tpl

[Angel Air]

I believe, if you are wanting this to show on every page, you would place it in the layout.tpl. If you are just wanting to show it on the Home page, you would just place it in the frontpage_main.tpl

Thanks Jeff,

I have tried it in both Frontpage.tpl and Layout.tpl with no luck.

It does not show anything and I am just hitting a dead end with whatever I try.

Here is my frontpage.tpl so you can see what I have done.

The google ads script is at the bottom of the code

<div align="center"><script type="text/javascript">

/***********************************************
* Memory Scroller script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var memorywidth="675px" //scroller width
var memoryheight="20px" //scroller height
var memorybgcolor="#E1E1E1" //scroller background
var memorypadding="2px" //padding applied to the scroller. 0 for non.
var borderCSS="border: 0px solid black;" //Border CSS, applied to scroller to give border.

var memoryspeed=2 //Scroller speed (larger is faster 1-10)
var pauseit=1 //Pause scroller onMousever (0=no. 1=yes)?

var persistlastviewedmsg=1 //should scroller's position persist after users navigate away (1=yes, 0=no)?
var persistmsgbehavior="onclick" //set to "onload" or "onclick".

//Specify the scroller's content (don't delete <nobr> tag)
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):

var memorycontent='<nobr><span style="font: bold 13px Verdana">Thank you for visiting, Welcome to Angel Air Virtual Airlines, click<a href="http://angelairva.co.uk/index.php/registration"> HERE</a> to Sign up and join our friendly and helpful community.When you sign up you will have access to our repaints and aircraft also to our forums and your own pilot centre.</span></nobr>'


////NO NEED TO EDIT BELOW THIS LINE////////////
var combinedcssTable="width:"+(parseInt(memorywidth)+6)+"px;background-color:"+memorybgcolor+";padding:"+memorypadding+";"+borderCSS+";"
var combinedcss="width:"+memorywidth+";height:"+memoryheight+";"

var divonclick=(persistlastviewedmsg && persistmsgbehavior=="onclick")? 'onClick="savelastmsg()" ' : ''
memoryspeed=(document.all)? memoryspeed : Math.max(1, memoryspeed-1) //slow speed down by 1 for NS
var copyspeed=memoryspeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-10000px">'+memorycontent+'</span>')
var actualwidth=''
var memoryscroller

if (window.addEventListener)
window.addEventListener("load", populatescroller, false)
else if (window.attachEvent)
window.attachEvent("onload", populatescroller)
else if (document.all || document.getElementById)
window.onload=populatescroller

function populatescroller(){
memoryscroller=document.getElementById? document.getElementById("memoryscroller") : document.all.memoryscroller
memoryscroller.style.left=parseInt(memorywidth)+8+"px"
if (persistlastviewedmsg && get_cookie("lastscrollerpos")!="")
revivelastmsg()
memoryscroller.innerHTML=memorycontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
lefttime=setInterval("scrollmarquee()",20)
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function savelastmsg(){
document.cookie="lastscrollerpos="+memoryscroller.style.left
}

function revivelastmsg(){
lastscrollerpos=parseInt(get_cookie("lastscrollerpos"))
memoryscroller.style.left=parseInt(lastscrollerpos)+"px"
}

if (persistlastviewedmsg && persistmsgbehavior=="onload")
window.onunload=savelastmsg

function scrollmarquee(){
if (parseInt(memoryscroller.style.left)>(actualwidth*(-1)+8))
memoryscroller.style.left=parseInt(memoryscroller.style.left)-copyspeed+"px"
else
memoryscroller.style.left=parseInt(memorywidth)+8+"px"
}

if (iedom){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0" style="'+combinedcssTable+'"><td>')
write('<div style="position:relative;overflow:hidden;'+combinedcss+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=memoryspeed">')
write('<div id="memoryscroller" style="position:absolute;left:0px;top:0px;" '+divonclick+'></div>')
write('</div>')
document.write('</td></table>')
}
}
</script>
</div>
<hr class="break" />
<?php 
/**
* These are some options for the ACARS map, you can change here
* 
* By default, the zoom level and center are ignored, and the map 
* will try to fit the all the flights in. If you want to manually set
* the zoom level and center, set "autozoom" to false.
* 
* You can use these MapTypeId's:
* http://code.google.com/apis/maps/documentation/v3/reference.html#MapTypeId
* 
* Change the "TERRAIN" to the "Constant" listed there - they are case-sensitive
* 
* Also, how to style the acars pilot list table. You can use these style selectors:
* 
* table.acarsmap { }
* table.acarsmap thead { }
* table.acarsmap tbody { }
* table.acarsmap tbody tr.even { }
* table.acarsmap tbody tr.odd { } 
*/
?>
</p>
<script type="text/javascript">
<?php 
/* These are the settings for the Google map. You can see the
Google API reference if you want to add more options.

There's two options I've added:

autozoom: This will automatically center in on/zoom 
  so all your current flights are visible. If false,
  then the zoom and center you specify will be used instead

refreshTime: Time, in seconds * 1000 to refresh the map.
  The default is 10000 (10 seconds)
*/
?>
var acars_map_defaults = {
autozoom: true,
zoom: 4,
   center: new google.maps.LatLng("<?php echo Config::Get('MAP_CENTER_LAT'); ?>", "<?php echo Config::Get('MAP_CENTER_LNG'); ?>"),
   mapTypeId: google.maps.MapTypeId.TERRAIN,
   refreshTime: 10000
};
</script>
<div class="mapcenter" align="center">
<div id="acarsmap" style="width:<?php echo  Config::Get('MAP_WIDTH');?>; height: <?php echo Config::Get('MAP_HEIGHT')?>">
  <p> </p>
</div>
</div>

<p>

 <?php
/* See below for details and columns you can use in this table */
?>
</p>
<table border = "1" width="675" class="acarsmap">
 <thead>
<tr>
	<td width="184"><b>Pilot</b></td>
	<td width="61"><b>Flight Number</b></td>
	<td width="76"><b>Departure</b></td>
	<td width="49"><b>Arrival</b></td>
	<td width="49"><b>Status</b></td>
	<td width="58"><b>Altitude</b></td>
	<td width="49"><b>Speed</b></td>
	<td width="112"><b>Distance/Time Remain</b></td>
       <td width="73"><b>Percent Complete</b></td>

</tr>
</thead>
<tbody id="pilotlist"></tbody>
</table>
<p>
 <script type="text/javascript" src="<?php echo fileurl('/lib/js/acarsmap.js');?>"></script>
 <?php
/* This is the template which is used in the table above, for each row. 
Be careful modifying it. You can simply add/remove columns, combine 
columns too. Keep each "section" (<%=...%>) intact

Variables you can use (what they are is pretty obvious)

Variable:							Notes:
<%=flight.pilotid%>
<%=flight.firstname%>
<%=flight.lastname%>
<%=flight.pilotname%>				First and last combined
<%=flight.flightnum%>
<%=flight.depapt%>					Gives the airport name
<%=flight.depicao%>
<%=flight.arrapt%>					Gives the airport name
<%=flight.arricao%>
<%=flight.phasedetail%>
<%=flight.heading%>
<%=flight.alt%>
<%=flight.gs%>
<%=flight.disremaining%>
<%=flight.timeremaning%>
<%=flight.aircraft%>				Gives the registration
<%=flight.aircraftname%>			Gives the full name
<%=flight.client%>					FSACARS/Xacars/FSFK, etc
<%=flight.trclass%>					"even" or "odd"
   <%=flight.percomplete%>

You can also use logic in the templating, if you so choose:
http://ejohn.org/blog/javascript-micro-templating/
*/
?>
 <script type="text/html" id="acars_map_row">
<tr class="<%=flight.trclass%>">
<td><a href="<?php echo url('/profile/view');?>/<%=flight.pilotid%>"><%=flight.pilotid%> - <%=flight.pilotname%></a></td>
<td><%=flight.flightnum%></td>
<td><%=flight.depicao%></td>
<td><%=flight.arricao%></td>
<td><%=flight.phasedetail%></td>
<td><%=flight.alt%></td>
<td><%=flight.gs%></td>
<td><%=flight.distremaining%> <?php echo Config::Get('UNITS');?> / <%=flight.timeremaining%></td>
<td><div class="progress-container">

<div style="30: <%=flight.percomplete%>%"><%=flight.percomplete%>%</div>

</div>

</td>
</tr>
</script>

 <?php
/*	This is the template for the little map bubble which pops up when you click on a flight
Same principle as above, keep the <%=...%> tags intact. The same variables are available
to use here as are available above.
*/
?>
 <script type="text/html" id="acars_map_bubble">
<span style="font-size: 10px; text-align:left; width: 100%" align="left">
<a href="<?php echo url('/profile/view');?>/<%=flight.pilotid%>"><%=flight.pilotid%> - <%=flight.pilotname%></a><br />
<strong>Flight <%=flight.flightnum%></strong> (<%=flight.depicao%> to <%=flight.arricao%>)<br />
<strong>Status: </strong><%=flight.phasedetail%><br />
<strong>Dist/Time Remain: </strong><%=flight.distremaining%> <?php echo Config::Get('UNITS');?> / <%=flight.timeremaining%><br />
</span>
</script>

 <?php
/*	This is a small template for information about a navpoint popup 

Variables available:

<%=nav.title%>
<%=nav.name%>
<%=nav.freq%>
<%=nav.lat%>
<%=nav.lng%>
<%=nav.type%>	2=NDB 3=VOR 4=DME 5=FIX 6=TRACK
*/
?>
 </div>
</p>
<div id="box">
 <?php
$count = 5;
$pireps = PIREPData::getRecentReportsByCount($count);
?>
 <table width="675" border="1" cellspacing="2" cellpadding="2">
   <tdead>
     <tr class="recent">
       <td><strong>Flight No</strong></td>
       <td><strong>Departure</strong></td>
       <td><strong>Arrival</strong></td>
       <td><strong>Duration</strong></td>
       <td><strong>Pilot</strong></td>
       <td><strong>Status</strong></td>
       </tr>
     </tdead>
   <tbody>

     <?php

if(count($pireps) > 0)
{
 foreach ($pireps as $pirep)
 {
 {
       $pilotinfo = PilotData::getPilotData($pirep->pilotid);
       $pilotid = PilotData::getPilotCode($pilotinfo->code, $pilotinfo->pilotid);

       if($pirep->accepted == '0') $status = 'REJECTED';
       if($pirep->accepted == '1') $status = 'ACCEPTED';
       else $status = 'PENDING'; 
} 
?>
     <tr>
       <td><a href="<?php echo url('/pireps/viewreport/'.$pirep->pirepid);?>">
             <?php echo $pirep->code.$pirep->flightnum; ?></a>
</td>
       <td><?php echo $pirep->depicao; ?></td>
       <td><?php echo $pirep->arricao; ?></td>
       <td><?php echo $pirep->flighttime; ?></td>
       <td><?php echo $pilotinfo->firstname.' '.$pilotinfo->lastname; ?></td>
       <td><?php

               if($pirep->accepted == PIREP_ACCEPTED)
                       echo '<span style="color:#347C17"><strong>Accepted</strong></span>';
               elseif($pirep->accepted == PIREP_REJECTED)
                       echo '<span style="color:#FF0000"><strong>Rejected</strong></span>';
               elseif($pirep->accepted == PIREP_PENDING)
                       echo '<span style="color:#E56717"><strong>Approval Pending</strong></span>';
               elseif($pirep->accepted == PIREP_INPROGRESS)
                       echo '<span style="color:#whatever">Flight in Progress</span>';
                       ?>
       </td>
     </tr>
     <?php
}}
else
{
       echo '<tr><td>There are no recent flights!</td></tr>';
}
?>
    </tbody>
 </table>

</p>
</div>
<div id="box">
   <h3>Top 5 Landings</h3>

   <p>
     <?php MainController::run('touchdownstats', 'top_landings', '5'); ?>

</div>      
   <div id="box">
   <h3>Partners</h3>
   <a href="http://www.simpilotgroup.com" target="_blank"><img src="http://www.simpilotgroup.com/simpilotgroup2.png" alt="simpilotgroup" /></a><a href="http://www.vacentral.net"><img src="/lib/skins/detachable/images/vacentral.jpg" alt="" width="168" height="25" /></a><a href="http://www.avsim.com"><img src="/lib/skins/detachable/images/lback-avsim_logo_medium.png" alt="" width="152" height="28" /></a><a href="http://www.virtual-skies.com/"><img src="../../../Virtual Skies.jpg" alt="" width="197" height="25" /></a><a href="http://www.fivedev.net/"><img src="../../../../fivedev.jpg" alt="" width="150" height="38" /></a>
<p>
</div>
<div id="box">
   <h3>Google</h3>
   <script type="text/javascript"><!--
google_ad_client = "ca-pub-0083970016263894";
/* Angel */
google_ad_slot = "5523767162";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

[Jalio]

Hey Guys

I have registered but can not find the download link for the template, and thanks Nick it looks great.