Jump to content

vAirline Template - CSS


-Nick Tyson-

Recommended Posts

vairlinetemplate.png

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

box.png

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!

  • Like 1
Link to comment
Share on other sites

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>

Link to comment
Share on other sites

  • 1 month later...

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.

Link to comment
Share on other sites

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. :)

Link to comment
Share on other sites

  • 2 weeks later...
  • 2 weeks later...

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

Link to comment
Share on other sites

  • 2 weeks later...

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

Link to comment
Share on other sites

  • 2 weeks later...

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.

  • Like 1
Link to comment
Share on other sites

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

Link to comment
Share on other sites

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 :D

Link to comment
Share on other sites

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>

Link to comment
Share on other sites

  • 1 month later...

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