Code for Flight Board

[Ahmad]

Dear Forum Members Hi Once Again i came up for Help here as we have many professional in this Public forum.

Guys i wanted to make separate Flight board for my International Flights and Domestic Flights i wanted to display my international Flights on 1 flight board and other Domestic flights on 2nd flight board on one page how it can be done need examples or code for your reference you can see this website same thing i needed.

http://www.raihans.com/bb.asp?id=54DACC64796ADFE6918F955DD3F9A4E1DB68DF85〈=EN&va=NL

and secondly you will notice on this website he have used Pics for Alphabets and Digits separately how we can use images in flight board how it was deducting the Alphabets and digits from database separately how we can make same flight boards every posting and help will be appreciated.

Regards

Ahmad

[fsxsimulation]

Dear Forum Members Hi Once Again i came up for Help here as we have many professional in this Public forum.

Guys i wanted to make separate Flight board for my International Flights and Domestic Flights i wanted to display my international Flights on 1 flight board and other Domestic flights on 2nd flight board on one page how it can be done need examples or code for your reference you can see this website same thing i needed.

http://www.raihans.com/bb.asp?id=54DACC64796ADFE6918F955DD3F9A4E1DB68DF85〈=EN&va=NL

and secondly you will notice on this website he have used Pics for Alphabets and Digits separately how we can use images in flight board how it was deducting the Alphabets and digits from database separately how we can make same flight boards every posting and help will be appreciated.

Regards

Ahmad

Well i saw it and i even know this person who made it well regarding the code i dont think it is workable on PHPVMS because this code was specially made for FSACARS and it will be very difficult to made.

[Ahmad]

Dear Waleed everything is possible its just a bit of coding needed we can differentiate the international and domestic flights board need advise from experts in PHP coding i hope someone will come up the suggestion and his expert advice soon.

Regards

Ahmad

[stuartpb]

You can get the same effect all in CSS using Font Faces, without having to resort to js or php. You would first need a suitable font, such as this one here:

http://www.fontriver.com/font/led_board/

Then you need to create a Font-Face kit, which allows you to use embedded fonts in your webpages. The font is uploaded to the server, and when calls are made to the pages where the font-family type is present, it renders the font from your server, instead of from the users computer. Font Faces degrade gracefully too, if a browser is incompatible. You can create Font-Face's easily by visiting this website here:

http://www.fontsquirrel.com/fontface/generator

There is some overhead by serving the font from the server, but it's much, much better than using images for each individual character and letter.

Cheers,

Stuart

[Ahmad]

Thank you so much for your reply Stuart you are of a great help to me here since i joined PhpVms aknowledged that just one question after creating the Font and uplaoding it on my server like here

http:www.mywebsite/phpvms/lib/Fonts if i upload my fonts here what should i put the lnk in CSS style sheet and forexample this is my Font am i putting it write

<style type="text/css">
@font-face {
font-family: MyCustomFont;
src: url("http://www.localhost/EmiratesVirtual/lib/fonts/SF_Alien_Encounters.eot") /* EOT file for IE */
}
@font-face {
font-family: MyCustomFont;
src: url("http://www.localhost/EmiratesVirtual/lib/fonts/SF_Alien_Encounters.eot") /* TTF file for CSS3 browsers */
}
<!--
table.flight th {
color: #e0bb26;
font-family: "SF_Alien_Encounters;
font-weight: bolder;
font-size: 14px;
}
table.flight td {
color: #e0bb26;
font-family: "SF_Alien_Encounters;
font-size: 14px;
font-weight: bolder;
}
table.flight { border-color: #ada45b; 
border-style: dashed; } 

-->
</style>

if not than where should i put the Fonts code? Thanks is advance

[stuartpb]

Thank you so much for your reply Stuart you are of a great help to me here since i joined PhpVms aknowledged that just one question after creating the Font and uplaoding it on my server like here

http:www.mywebsite/phpvms/lib/Fonts if i upload my fonts here what should i put the lnk in CSS style sheet and forexample this is my Font am i putting it write

<style type="text/css">
@font-face {
font-family: MyCustomFont;
src: url("http://www.localhost/EmiratesVirtual/lib/fonts/SF_Alien_Encounters.eot") /* EOT file for IE */
}
@font-face {
font-family: MyCustomFont;
src: url("http://www.localhost/EmiratesVirtual/lib/fonts/SF_Alien_Encounters.eot") /* TTF file for CSS3 browsers */
}
<!--
table.flight th {
color: #e0bb26;
font-family: "SF_Alien_Encounters;
font-weight: bolder;
font-size: 14px;
}
table.flight td {
color: #e0bb26;
font-family: "SF_Alien_Encounters;
font-size: 14px;
font-weight: bolder;
}
table.flight { border-color: #ada45b; 
border-style: dashed; } 

-->
</style>

if not than where should i put the Fonts code? Thanks is advance

When you create a Font Face kit, there should be several files you need to place on your server. I created a folder called fonts and uploaded these files to this folder. Then for the LED Board font kit I would use the following CSS, which is supplied with each kit in a CSS file. You just have to cut and paste and change the path to the font to match the location on your server:

@font-face {
   font-family: 'LEDBOARDNormal';
   src: url('pathtofont/ledboard-webfont.eot');
   src: url('pathtofont/ledboard-webfont.eot?#iefix') format('embedded-opentype'),
        url('pathtofont/ledboard-webfont.woff') format('woff'),
        url('pathtofont/ledboard-webfont.ttf') format('truetype'),
        url('pathtofont/ledboard-webfont.svg#LEDBOARDNormal') format('svg');
   font-weight: normal;
   font-style: normal;
}

/* Then to apply the font to elements I would do the following:*/

table.flight td {font-family: 'LEDBOARDNormal' Arial, Helvetica, sans-serif; /* Adding fallback fonts allows you to control which font will be used if incompatibility occurs, which means graceful degradation. */
/* Add whatever other styling you want eg. color etc */
}

Hope that helps?

[Ahmad]

Thanks Stuart is it ok to use Full URLS or not like http://localhost/Emi.../Fonts/Fontname or any short cur URl needed ?

EDITED--> and does the CSS part should be in Main CSS style sheet file or we can add them into these tags

<style type="text/css">

CSS PART

</style>

Edited May 21, 2011 by Ahmad

[Ahmad]

i have added CSS in main Style sheet also but no result on the page still missing the font font know maybe because of URLS not correct please Advise what should i put in URLS my fonts folder are in here

http://www.localhost/EmiratesVirtual/fonts i have placed all files in this folder which came with font kit but not result on main page what i was doing wrong?

and in CSS these are the URLS i placed

@font-face {
   font-family: 'LEDBOARDNormal';
   src: url('fonts/ledboard-webfont.eot');
   src: url('fonts/ledboard-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/ledboard-webfont.woff') format('woff'),
        url('fonts/ledboard-webfont.ttf') format('truetype'),
        url('fonts/ledboard-webfont.svg#LEDBOARDNormal') format('svg');
   font-weight: normal;
   font-style: normal;
}

[stuartpb]

Is the CSS stylesheet you are using located in the lib/skins/yourskin folder? If so, place the Fonts folder and it's contents in the skin folder you are using. The URL for the font face is relative to the location of the CSS file and not the HTML files.

[Ahmad]

I dont know i have done everything possibly i can but dont know why it was not showing the Font on frontpage in flights board ?

Fonts folder moved to skins folder and added flight board code in CSS looks everythinf perfect but dont know not showing........

here is the code

}
@font-face {
font-family: 'SFAlienEncountersRegular';
src: url('../fonts/sf_alien_encounters-webfont.eot');
src: url('../fonts/sf_alien_encounters-webfont.eot?#iefix') format('embedded-opentype'),
    	url('../fonts/sf_alien_encounters-webfont.woff') format('woff'),
    	url('../fonts/sf_alien_encounters-webfont.ttf') format('truetype'),
    	url('../fonts/sf_alien_encounters-webfont.svg#SFAlienEncountersRegular') format('svg');
font-weight: normal;
font-style: normal;

}
body{
background:#fff;
font:11px/20px Tahoma,Helvetica,sans-serif;
color:#222;
}

Board Code

table.flight th {
font-family: 'SFAlienEncountersRegular' Arial, Helvetica, sans-serif;
font-weight: bolder;
font-size: 14px;
color: #e0bb26;
}
table.flight td {font-family: 'SFAlienEncountersRegular' Arial, Helvetica, sans-serif;font-size: 14px; font-weight: bolder; color: #e0bb26;}
table.flight { border-color: #ada45b; border-style: dashed; }

what you think?

[stuartpb]

What browser and version are you using to view the page? Can you upload the page and CSS to a server, and then I can take a look?

EDIT: Just checked through the code shown on here, and I missed a , out on the code I posted. Here's the corrected CSS:

table.flight th {
       font-family: 'SFAlienEncountersRegular', Arial, Helvetica, sans-serif;
       font-weight: bolder;
       font-size: 14px;
color: #e0bb26;

[Ahmad]

Hey you are a Genius Stuart God Bless you my friend it worked for me now looks so great..........

Post Resolved +100 for Stuartpb but only +1 allowed great thanks for all your support

[stuartpb]

Thanks, and no worries!