tag:blogger.com,1999:blog-59392780615920889942023-08-02T13:07:18.412+03:00Bilişim GünlüğüBilişim (Web, Mobile, Desktop) ile ilgili paylaşımlar.Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.comBlogger48125tag:blogger.com,1999:blog-5939278061592088994.post-88258814189649581182018-04-08T01:04:00.000+03:002019-02-09T11:30:59.966+03:00Asp.NET MVC View Text KullanımıMerhaba Arkadaşlar,<br />
<br />
Uzun bir aradan sonra tekrar merhaba :). Kendimi geliştirmeye devam ediyorum ve asp.net projesi yazarken ufak bir sorunla karşılamdım sorunu çözdüm sizinle paylaşmak istedim. Mvc Razor View içinde if kullanında direk string yada script içinde text kullanılmıyor mvc elementi gibi algılıyor. Çözümü ise çok basit :<br />
<br />
<b><span style="color: red;">Yazıdığımız script içindeki komutları veya stringleri razor içinde kullanırken <text></text> tagıyla kullanınca sorun çözülüyor.</span></b><br />
<br />
@if(){
<p>Text</p>
text - > hata verir
<script>
alert('Text'); ---> hata verir.
</script>
}
Çözümü --->
@if(){
<p>Text</p>
<text> ->
text
</text>
<script>
<text>
alert('Text');
</text>
</script>
}
Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-66039179543619474202016-07-23T21:12:00.000+03:002016-10-20T20:21:42.625+03:00icobui - Resim dosyalarını android ve ios market için boyutlandırır.Merhaba arkadaşlar,<br />
<br />
Mobil geliştiriciler bilir marketler bizlerde belirli boyutlarda resimler ister ve bizde resimleri hazırlarız tek tek yani çoğumuz. Icon Builder ise bizi bu dertten kurtarıyor en az 1024x1024 px çözünürlükteki istediğimiz resim dosyasını: "<span style="font-family: "arial";"><span style="font-size: 14px; line-height: 19.6px;">28,29,36,40,48,50,57,58,60,72,76,80,87,96,100,114,120,144,152,180,512" oranlarında küçültüp sıkıştırılmış(.rar) halinde indirmemizi sağlıyor. Çok kullanışlı bir site öneririm.</span></span><br />
<span style="font-family: "arial";"><span style="font-size: 14px; line-height: 19.6px;"><br /></span></span>
<span style="font-family: "arial";"><span style="font-size: 14px; line-height: 19.6px;">İyi çalışmalar.</span></span><br />
<span style="font-family: "arial"; font-size: 14px; line-height: 19.6px;"><br /></span>
<span style="font-family: "arial"; font-size: 14px; line-height: 19.6px;"><a href="http://www.icobui.com/" target="_blank">www.icobui.com</a></span>Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-46538277519747442682015-12-26T21:35:00.001+02:002015-12-26T22:46:03.597+02:00Mowes portable Php curl hatası çözümMerhaba arkadaşlar,<br />
<br />
Mowes portable varsayılan olarak curl çalışmaz ve internette anlatılan php.ini içinde<b> php_curl.dll</b> başındaki<b> ; </b>kaldırmak yetmiyor. <b>Php.ini</b> içindeki ; kaldırdıktan sonra sunucu kapalı iken<b> php</b> klasörü altında bulunan <b>libeay32.dll</b> ve <b>ssleay32.dll</b> dosyalarını apache/bin klasörüne kopyalamanız gerekiyor. Tekrar apache server'i çalıştırdığımız da curl sorunumuz çözülmüş olacaktır.<br />
<br />
<br />
Detayla bilgi aşağıdaki videoda anlatılmıştır.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/s_vi/bxUZglKeqDI/default.jpg?sqp=CMz4-7MF&rs=AOn4CLCpKYaBNuvpdoG_z71jPy3weH8qTQ" frameborder="0" height="315" src="https://www.youtube.com/embed/bxUZglKeqDI?feature=player_embedded" width="560"></iframe></div>
<br />Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-47355125281944970852015-12-26T21:17:00.000+02:002015-12-26T22:36:09.164+02:00Php short tag kullanımıMerhaba arkadaşlar,<br />
<br />
Bu makalemde sizlere php short tag kullanımı ve etkinleştirilmesini anlatacağım. Bazı sunucularda varsayılan olarak kapalı durumdadır.<br />
<br />
Short Tag Nedir ?<br />
<br />
<?php echo "uzun tag" ?><br />
<br />
<?echo "kısa tag"?><br />
<br />
short tag aktif değilse ikince örnek teki gibi yazılırsa php çalışmaz bütün kaynak kodu ekrana açıklama gibi verir.<br />
<br />
Short tag aktifleştirmek için <b>php</b> klasörünün altında <b>php.ini</b> not defteri ile açarak<br />
<br />
Short Tag = Off > Short Tag = On olarak değiştirin ve başında ; varsa kaldırın.<br />
<br />
Detaylı anlatım için videomu izleyebilirsiniz.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/UI13su_4Cjs/0.jpg" frameborder="0" height="315" src="https://www.youtube.com/embed/UI13su_4Cjs?feature=player_embedded" width="560"></iframe></div>
<br />Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-91271720529522207862015-12-04T23:58:00.000+02:002015-12-26T22:30:01.917+02:00Tekrar Merhaba - Mowes Portable ile PHP Sunucu KurulumuUzun bir aradan sonra tekrar merhaba..<br />
<br />
Malum askerlik görev zorunluluğundan ötürü biraz ara vermek zorunda kaldım. Şimdi sizlere mowes portable II ile PHP sunucu kurulum ve kullanım videosu çekerek paylaşmak istedim. Ben PHP yazarken Mowes'i kullanıyorum çok kullanışlı ve stabilize bir program sizinde işinize yarayacağını düşündüğüm için sizinle paylaşmak istedim. Umarım işinizi görür kolay gelsin.<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/TJB7O7GWfI0/0.jpg" frameborder="0" height="315" src="https://www.youtube.com/embed/TJB7O7GWfI0?feature=player_embedded" width="560"></iframe></div>
<br />Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-61011077948172596002014-07-16T09:50:00.000+03:002014-07-24T07:00:36.708+03:00Resmi Hafızada Boyutlandırma C#Merhaba arkadaşlar bu makalemde sizlere C# Asp.net ile bir resmi orjnal haline bir etki etmeden sunucu hafızasında geçiçi olarak boyutlandırmayı göstereceğim. Örn: 1250x980 bir resim var biz bu resmi sadece bir sayfada geçici olarak 80x50 göstermek istiyoruz işte anlatacağım makale ile bunu gerçekleştirebileceğiz.<br />
<br />
Öncelikle 1. resmin gösterileceği sayfa<br />
2. hafıza işleminin yapılacağı sayfa<br />
<br />
Şimdi 1. sayfa örn: "görüntüle.aspx" içerisimde de bir adet img nesnesi var:<br />
<br />
<img src="resimboyutla.aspx?dosyaadi=1.jpg" /><br />
<br />
yukarıda fark ettiğiniz gibi img nesnesinin kaynağını bir resim değil aspx sayfası olarak gösterdim ve resmin adını gönderdim. Şimdi ikinci aşama resimboyutla.aspx içini tasarlayalım.<br />
<br />
<br />
<pre class="brush: csharp;">
public partial class resimboyutla : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string path = Server.MapPath("~/images/" + Request.QueryString["dosyaadi"]);
Image original = Image.FromFile(path);
Image resized = ResizeImage(original, new Size(100, 100));
MemoryStream memStream = new MemoryStream();
resized.Save(memStream, ImageFormat.Jpeg);
Byte[] bytes = new Byte[memStream.Length];
memStream.Position = 0;
memStream.Read(bytes, 0, (int)bytes.Length);
Response.ContentType = "image/JPEG";
Response.BinaryWrite(bytes);
original.Dispose();
resized.Dispose();
Response.End();
}
public static Image ResizeImage(Image image, Size size, bool preserveAspectRatio = true)
{
int newWidth;
int newHeight;
int ofsetx = 0;
int ofsety = 0;
if (preserveAspectRatio)
{
int originalWidth = image.Width;
int originalHeight = image.Height;
float percentWidth = (float)size.Width / (float)originalWidth;
float percentHeight = (float)size.Height / (float)originalHeight;
float percent = percentHeight < percentWidth ? percentHeight : percentWidth;
newWidth = (int)(originalWidth * percent);
newHeight = (int)(originalHeight * percent);
if (newWidth > newHeight)
{
ofsetx = 0;
ofsety = (size.Height - newHeight) / 2;
}
else
{
ofsetx = (size.Width - newWidth) / 2;
ofsety = 0;
}
}
else
{
newWidth = size.Width;
newHeight = size.Height;
}
Image newImage = new Bitmap(size.Width, size.Height);
using (Graphics graphicsHandle = Graphics.FromImage(newImage))
{
graphicsHandle.InterpolationMode = InterpolationMode.HighQualityBicubic;
graphicsHandle.FillRectangle(new SolidBrush(Color.White), 0, 0, size.Width, size.Height);
graphicsHandle.DrawImage(image, ofsetx, ofsety, newWidth, newHeight);
}
return newImage;
}
}</pre>
Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-53485362419884163412014-07-16T09:18:00.001+03:002014-07-16T10:21:49.980+03:00String İçindeki Slashları (\\ /) KaldırmaMerhaba aşağıdaki kod örneği ile Asp.net C# dilinde string deger içindeki slashları(\\ /) kaldırabilirsiniz. Diğer programlama dillerine de uygulanabilir.<br />
<br />
<br />
<pre class="brush: csharp;">string deger = "Bu string ifade içinde \\ ve / bulunmaktadır.;
if (deger.IndexOf('\\') > -1)
{
deger= deger.Substring(deger.LastIndexOf('\\') + 1);
}
else if (deger.IndexOf('/') > -1)
{
deger= deger.Substring(deger.LastIndexOf('/') + 1);
}
</pre>
Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-52810289499424292772014-01-30T12:09:00.001+02:002014-02-09T04:15:17.957+02:00Json veri yazma ve okuma Asp.Net (C#)Merhaba arkadaşlar bu makalede sizlere başlıkta da belirttiğim gibi C#'ta json veri yazma ve okumayı aşağıda adım adım anlatmaya çalışacağım.<br />
<br />
öncelikle aşağıdaki linkten json yapısını inceleyiniz.<br />
<br />
<a href="http://tr.wikipedia.org/wiki/JSON" target="_blank">JSON</a><br />
<br />
1. adım projemizde Doit.aspx(siz başka bir isimle de kullanabilirsiniz.) kullanarak json verimizi yazacagız. Şimdi yukarıdaki gibi doit.aspx.cs de "page_load" eventinde yazalım.
<br />
<br />
<pre class="brush: csharp;">string str = "";
str = "[";
str += "{\"ad\" : \"ali\", \"yas\" : 15, \"adres\" : \"amasya\"},";
str += "{\"ad\" : \"veli\", \"yas\" : 15, \"adres\" : \"amasya\"},";
str += "{\"ad\" : \"hasan\", \"yas\" : 15, \"adres\" : \"amasya\"}";
str += "]";
Response.ContentType = "application/json"; //sayfa tipini json yapıyoruz
Response.Write(str);</pre>
<br />
<br />
evet arkadaşlar yukarıda isimsiz bir dizi oluşturduk ve 3 eleman ekledik sonrasında sayfanın tipini json yapıp ekrana yazdırdık.<br />
<br />
2. adım olarak doit.aspx'i okuyalım. Her hangi bir nesne ile (buton, a v.b) alttaki fonksiyonu çağırarak veriyi alırız.<br />
<br />
<pre class="brush: jscript;">function jsonoku(){
$.ajax({
url: 'doit.aspx', //json verimizin oldugu sayfa
success: function (data) {
if (data.length > 0) {</pre>
<pre class="brush: jscript;"> //eğer data içinde veri döndüyse
$.each(data, function (i, item) {</pre>
<pre class="brush: jscript;"> //datayı döngüye sokuyoruz ve elamanları iteme atıyoruz
alert(item.ad + ":" + item.yas + ":" + item.adres);//ve yazdırıyoruz
});
}
},</pre>
<pre class="brush: jscript;"> error: function (error) {
alert('error; ' + error);
}
});
}
</pre>
<br />
<br />
Rar şifresi : www.bahadirakkoy.com.tr<br />
<a href="https://mega.co.nz/#!XNURhATZ!u1_V1h9SWqpME0YvhapgodbvqjCrPHaXZkPydV6zWSk" target="_blank">Proje dosyası</a><br />
<br />
iyi çalışmalar.Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-88679018642235237322013-12-21T22:11:00.000+02:002013-12-21T22:15:48.290+02:00MSVCR100.DLL Hatasının Çözümü<div style="background-color: white; font-family: verdana, 'Lucida Grande', Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 1.2em; padding: 0px;">
Bazı programlar kurulurken veya kurulum sonrası çalıştırılırken “Program, <em style="margin: 0px; padding: 0px;">MSVCR100.dll bilgisayarınızda eksik veya hatalı olduğundan çalıştırılamadı</em>” gibi sistem hatası verir. Bu hatanın nedeni, ilgili dll dosyasının bozulmasından veya olmamasından kaynaklanmaktadır.<span id="more-704" style="margin: 0px; padding: 0px;"></span></div>
<div style="background-color: white; font-family: verdana, 'Lucida Grande', Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 1.2em; padding: 0px;">
Hatanın çözümü için hata mesajında da belirtildiği gibi MSVCR100.dll dosyasının onarılması yada değiştirilmesi gerekmektedir.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-bB-8917Dmck/UrX0b0gpt6I/AAAAAAAACl0/8_FhNvAhkCo/s1600/msvcr100-dll-300x107.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-bB-8917Dmck/UrX0b0gpt6I/AAAAAAAACl0/8_FhNvAhkCo/s1600/msvcr100-dll-300x107.png" /></a></div>
<div style="background-color: white; font-family: verdana, 'Lucida Grande', Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 1.2em; padding: 0px; text-align: center;">
</div>
<div style="background-color: white; margin-bottom: 1.2em; padding: 0px;">
<div style="font-family: verdana, 'Lucida Grande', Arial, sans-serif; font-size: 13px; line-height: 19px;">
Çözümü ise :<b> <span style="line-height: 18px;">"</span><span style="line-height: 18px;">Visual C++ Redistributable"</span></b></div>
<div style="font-family: verdana, 'Lucida Grande', Arial, sans-serif; font-size: 13px; line-height: 19px;">
<span style="line-height: 18px;">Aşağıdaki bağlantılardan </span><span style="line-height: 18px;">işletim sisteminize uygun olanı indirip kurun.</span></div>
<div style="font-family: verdana, 'Lucida Grande', Arial, sans-serif; font-size: 13px; line-height: 19px;">
</div>
<h2>
<span style="font-family: verdana, Lucida Grande, Arial, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><a href="http://www.microsoft.com/en-us/download/details.aspx?id=5555" target="_blank">Microsoft Visual C++ 2010 Redistributable Package (x86)</a></span>
<br />
</span><span style="font-family: verdana, Lucida Grande, Arial, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><a href="http://www.microsoft.com/en-us/download/details.aspx?id=14632" target="_blank">Microsoft Visual C++ 2010 Redistributable Package (x64)</a></span></span></h2>
</div>
Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-1194848669139603682013-12-21T03:29:00.000+02:002014-07-16T10:09:49.418+03:00C# Karakter Büyültme ProgramıMerhaba zamanında C# dili ile yazdığım küçük bir karakter büyültme programı kaynak kodları ile aşağıdaki linkten indirebilirsiniz.<br />
<br />
<pre class="brush: csharp; title: ; notranslate" title="">Forma bir buton ekleyin ve butonun Onclick Fonksiyonunu aşagıdaki gibi düzenleyiniz.
private void btnBuyult_Click(object sender, EventArgs e)
{
txtGoster.Text = txtVeri.Text.ToString().ToUpper();
}
</pre>
<br />
<br />
Rar Şifresi : www.bahadirakkoy.com.tr<br />
<a href="https://mega.co.nz/#!iQMyFRLY!CdSai3ddALf_ajTMWsY1uiPdxLMSvUoil5bwpg5-nZo" target="_blank">C# Karakter Büyültme Programı</a><br />
<br />
İyi çalışmalar.Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-32995617950694570142013-11-21T01:49:00.000+02:002013-11-21T01:50:00.948+02:00Akıllı Kart İşletim Sistemi<b>1- Akıllı Kart'a neden ihtiyaç duyulmuştur?</b><br />
<br />
İlk plastik kart bir statü göstergesi olarak <b>DINERS CLUB</b> tarafından 1950'de kullanılmaya başlanmıştır. Yalnız üyelere özgün olarak çıkartılmıştır ve para yerine sadece "ismi" ile ödeme yapabilmişlerdir.<br />
<br />
Visa ve Mastercard'ın bu alana girmesi ile kartlar, plastik para olarak, başta ABD'de sonra Avrupa ve Dünyanın diğer bölgelerinde çok daha hızlı şekilde yayılmıştır.<br />
<br />
İlk kartların fonksiyonu oldukça basittir. Kart sahibinin ismini ve kart numarasını kabartma yazılar ile kullanılarak kart kişiselleştirilmesi yapılmıştır. Ancak plastik kartların yaygınlaşması ile birlikte ortaya çıkan organize suçlar, kart üzerindeki temel güvenlik unsurları ile önlenemez olmuştur. Bunu önlemek için ilk gelişme kartların arka yüzüne manyetik şerit konularak olmuştur. Manyetik şeritli ve kabarma yazılı kart halen en çok kullanılan tip ödeme kartıdır. Uygun donanımı olan herkesin, kolayca manyetik şeritte yazılı veriyi okuyabilmesi, değiştirerek yeniden yazabilmesi manyetik şeridin çok önemli bir zayıfığını oluşturmuştur. Bu yüzden gizli bilgilerin manyetik şeritte tutulması uygun değildir.<br />
<br />
Akıllı kartlardaki ve elektronik veri alanındaki gelişmeler yukarıdaki probleme yeni çözümler ortaya çıkartmıştır. 1970'lerde elektronik dünyasında olan büyük gelişmeler sonucunda birkaç milimetrekare alan içine aritmetik işlemci ve veri depo alanı sığdırılabilmiştir. Yapılan testler sonunda, akıllı kartın, yüksek seviyede dayanıklılık ve tahrifata karşı tüm beklentileri fazlası ile karşıladığı görülmüştür. Modern şifreleme tekniklerinin tümleşik devre yapısı ile beraber gelişmesi ile banka kartı uygulamaları da yaygınlaşmıştır.<br />
<br />
<b>2- Kart Tipleri Nelerdir?</b><br />
<br />
<b>"ISO 7810 Identification Cards - Physical Characteristics"</b> standardı, üç farklı formatta, kartların sahip olması gereken ölçüleri, esneklik, ısıya dayanıklılık özelliklerini belirler.<br />
<br />
Kabartma Yazılı Kartlar<br />
Manyetik Şeritli Kartlar<br />
Akıllı Kartlar<br />
<br />
<b>3- Akıllı Kartların Avantajı Nedir?</b><br />
<br />
Akıllı kartın en önemli avantajı, içine depolanan bilgi, yetkisiz erişim ve tahrifata karşı korunabilmesidir. Veriye erişim sadece seri yoldan olduğu için bu kapının kontrolü kart işletim sistemi ve güvenlik mekanizması tarafından yapılmaktadır. Bu güvenlik mekanizması altında, gizli bilgi karta yazılabilir ve yetkisiz kişiler tarafından erişilemez. Bu bilgiler uygulama gereği kart işlemcisi tarafından işlenebilir veya kullanabilirler. Bu işlemlerde dışarıya bir bilgi sızmaz. Prensip olarak okuma, yazma ve silme gibi bellek fonksiyonları donanımsal ve yazılımsal olarak belirli şartlara bağlanarak çeşitli güvenlik önlemleri alınabilir.<br />
<br />
Şifreleme algoritmalarını da başarılı şekilde uygulayabilmeleri, akıllı kartları uygun ve taşınabilir güvenlik modülleri haline getirmiştir.<br />
<br />
<b>4- Akıllı Kart'ın Güvenlik Unsurları Nelerdir?</b><br />
<br />
Akıllı kartlar, özel bir işlemin gerçekleştirilmesi için bir yetkilendirme aracı veya kart sahibinin tanınmasının aracı olarak kullanılır. Bu işlemlerin sahte kartlar ile yapılmasını önlemek için akıllı kartın üzerine tümleşik devrenin yanı sıra çeşitli güvenlik unsurları da bulundurulur. Kartın gerçek olduğunun kontrolü makinelerin yanı sıra göz ile de yapılacağından, birçok güvenlik unsuru görseldir. Makineler tarafından yapılacak gerçeklik kontrolü, kart işlemcisi ve okuyucu arasındaki özel protokol ile yapılabilir. Ancak, kartın gerçek olduğunu ispatlayacak olan görsel güvenlik unsurlarının, teknik olarak taklidi zor, geniş bir teknik bilgi birikimi gerektiren ve teknik detaylarının kolay elde edilemediği özellikler olması gerekir. İmza paneli, Gökkuşağı baskı, Dekoratif çizgiler, Mikro yazı, Morötesi yazı, Hologram, Hayal resim, Lazer ile nakşetme, Kabartma yazı gibi güvenlik teknikleri kullanılmaktadır.<br />
<br />
<b>5- Akıllı Kartın Uygulama Alanları Nelerdir?</b><br />
<br />
Akıllı kartların kullanım alanı günümüzde çok yaygınlaşmıştır. Bunların başlıcaları aşağıda görülebilir.<br />
<br />
Cep Telefonu SIM Kartı<br />
Kredi kartı, e-cüzdan<br />
Ankesörlü Telefon Kartı<br />
Toplu Ulaşım Kartı<br />
Sağlık Sigortası Kartı<br />
Elektronik (Sayısal) İmza Kartı<br />
Kimlik Kartı<br />
Ödeme Sistemlerinde Akıllı Kart<br />
Otomatik Geçiş Sistemi<br />
<br />
Kaynak : <a href="http://www.akiskart.com.tr/" target="_blank">http://www.akiskart.com.tr</a>Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-28604381844779358332013-11-16T23:53:00.000+02:002013-11-17T00:10:51.680+02:00Font-Face Kullanımı<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
Selam,</div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
Font-Face nedir ? Ne işeyarar ? Nasıl kullanırım ? sorularını cevaplayarak font-face’ i inceleyelim..</div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
Font-face ile yaptığımız siteler içerisinde özel font kullanarak içeriklerimizi görsel açıdan zenginleştirebiliriz. Sistemde yüklü olmayan fontlar font-face özelliği ile ziyaretçinin bilgisayarına indirilip (cache -<em style="margin: 0px; padding: 0px;">keş</em>- belleğe) kullanma imkanı verir. Font-face özelliği CSS2 ile geldi fakat CSS2.1 de bazı sorunlar nedeniyle kaldırılmıştı ki CSS3 ile birlikte tekrar geldi. -<em style="margin: 0px; padding: 0px;">iyide oldu</em>-</div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
<strong style="margin: 0px; padding: 0px;">Kullanacağımız font(-lar) free, opentype yada trutype olmalıdır, tasarımlarda kullanılan font eğer lisans gerektiren bir fontsa servis bunu çevirmiyor ve lisanslı bir font kullandığınıza dair sizi uyarıyor. </strong></div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
Font-face özelliğini tüm yeni nesil tarayıcılar kendi belirledikleri yada mevcut bazı font formatlarını destekliyorlar, mevcut tarayıcılar yada eski sürüm tarayıcılar için font tarayıcı tablosunu incelemelisiniz.</div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
<span id="more-16" style="margin: 0px; padding: 0px;"></span></div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
<img alt="Font tiplerini destekleyen tarayıcılar" class="alignnone size-full wp-image-17" height="277" src="http://mehmetbat.com/blog/wp-content/uploads/font_tarayici.jpg" style="border: none; margin: 0px; max-width: 100%; padding: 0px;" title="font_tarayici" width="440" /></div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
Tablodanda görüldüğü gibi projemizde kullanılan bir font için tüm tarayıcılar da-<em style="margin: 0px; padding: 0px;">genelde referans aldıklarımız ie, chrome, firefox</em>- görüntülenebilmesi için aynı fontun dört farklı formatını edinmemiz gerekiyor. İşte bu noktada <a href="http://www.fontsquirrel.com/" style="color: #888888; margin: 0px; padding: 0px; text-decoration: none;">www.fontsquirrel.com</a> adresindeki font-face servisi tam bizlik!<br />
Çünkü herhangi bir formattaki fontumuzu upload edip dört farklı formatta fontlarla beraber, nasıl kullanmamız gerektiği ile ilgili dökümanıda bizim içi oluşturuyor bu sistem.</div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
Türkçe karakter destekli font-face servisini en verimli şekilde kullanmak için ‘Font-face kit generator’ görselindeki ayarları yapmamız gerekir. Burdaki numaralanmış yerleri maddeler halinde yazacağım. Ayrıca font ayarları ve optimize noktasında desteğini esirgemeyen <a href="http://astarist.com/" style="color: #888888; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Dilek Yördem</a> arkadaşıma teşekkür etmeden geçemeyeceğim. Aşağıda vereceğim adımlar ve klavuz görsel en temek hali ile işinizi görebilecek maddeler içerir daha detaylı bir bilgi için servisin diğer ayarlarını ve <a href="http://www.fontspring.com/fontface" style="color: #888888; margin: 0px; padding: 0px; text-decoration: none;">http://www.fontspring.com/fontface</a> adresini inceleyebilirsiniz.</div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
<a href="http://www.fontsquirrel.com/fontface/generator" style="color: #888888; margin: 0px; padding: 0px; text-decoration: none;" target="_blank" title="Fon-Face Online Servis">@font-face Generator</a></div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
1- Fontu upload ediyoruz.</div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
2- Fontu optimize edeceğimiz için bu seçeneği seçiyoruz ve altaki detay ve optimize ayarları çıkıyor.</div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
3- Font ayarları ve diğer karakterleri eklemek için bu bölümü açınca karakter tipi, dil ve unicode ayarı yapabiliyoruz,</div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
4- Mac Roman,</div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
5- Turkish,</div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
6- Basic Latin ayarı ile Türkçe karakter sorununu ortadan kaldırıyoruz, <em style="margin: 0px; padding: 0px;">-fontumuzun Türkçe karakter desteklemesi gerektiğini unutmayalım-</em></div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
7- Aynı ayarlarımızı bir sonraki kullanımda tekrar hatırlaması için,</div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
8- Yasal koşulları kabul edip font paketini indiriyoruz.</div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
<a href="http://mehmetbat.com/blog/wp-content/uploads/font_face.jpg" style="color: #888888; margin: 0px; padding: 0px; text-decoration: none;"><img alt="" class="alignnone size-full wp-image-18" height="2248" src="http://mehmetbat.com/blog/wp-content/uploads/font_face.jpg" style="border: none; margin: 0px; max-width: 100%; padding: 0px;" title="font_face" width="615" /></a></div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
“CompleteinHimTR” ismindeki özel fontumuz ile örnek bir uygulama yapalım, fontumuz görüldüğü gibi TrueType formatında.</div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
<img alt="" class="alignnone size-full wp-image-20" height="393" src="http://mehmetbat.com/blog/wp-content/uploads/complateFont.jpg" style="border: none; margin: 0px; max-width: 100%; padding: 0px;" title="complateFont" width="603" /></div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
Yukarıdaki adımları izleyerek fontu upload edip, optimize ve Türkçe karakter ayarlarını yaptıkdan sonra koşulları onayladık ve “Download Your Kit ” butonu ile dosyamızı indirip inceliyoruz. Style dosyasını ve dört farklı formattaki fontlarımı oluşturdu. Dosya içerisindeki html de önizlemesini ve nasıl sayfalarımda kullanmam gerektiği ile ilgili dökümantasyon mevcut.</div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
<img alt="" class="alignnone size-full wp-image-22" height="433" src="http://mehmetbat.com/blog/wp-content/uploads/webfontkit.jpg" style="border: none; margin: 0px; max-width: 100%; padding: 0px;" title="webfontkit" width="605" /></div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
<img alt="" class="alignnone size-full wp-image-23" height="468" src="http://mehmetbat.com/blog/wp-content/uploads/webfontkitDoc.jpg" style="border: none; margin: 0px; max-width: 100%; padding: 0px;" title="webfontkitDoc" width="577" /></div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
Döküman gayet net ve açıklayıcı font-face kodunu ve fontlarımızı kopyaladıktan sonra istediğimiz şekilde geliştirip proje içerisinde kullanabiliriz artık. Css kullanımında ise en verimli olarak şu şekilde kullanmalıyız.</div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
En üstte ‘reset.css’ sonra kullandığımız fontlar için bir ‘fonts.css’ ve proje içerisinde kullandığımız ‘style.css’ dosyaları, dilerseniz style.css yada main.css <em style="margin: 0px; padding: 0px;">-bu size ve projenize göre değişiklik gösterebilir tabiki- </em>içerisine import ederek de kullanabilirsiniz. Şahsen ben projeye tek bir css yüklüyorum “main.css” main.css içerisine en üstüne önce reset.css’i sonrasında ise font.css ‘im varsa onu <a href="http://www.google.com.tr/search?gcx=c&ix=c1&sourceid=chrome&ie=UTF-8&q=css+import" style="color: #888888; margin: 0px; padding: 0px; text-decoration: none;" target="_blank" title="@import nedir ? ">@import</a> ediyorum.</div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
Kod olarak örnek verecek olursak, şu şekilde kullanabiliyorsunuz <em style="margin: 0px; padding: 0px;">-bunu indirdiğimiz paket içerisinde de bulabilirsiniz-</em></div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin: 0px; padding: 0px;">
<div class="syntaxhighlighter css" id="highlighter_466576" style="font-size: 1em !important; margin: 1em 0px !important; overflow-x: auto !important; overflow-y: hidden !important; padding: 0px; position: relative !important; width: 640px;">
<div class="toolbar" style="background-color: rgb(108, 226, 108) !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: none !important; bottom: auto !important; box-sizing: content-box !important; color: white !important; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10px !important; height: 11px !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: absolute !important; right: 1px !important; top: 1px !important; vertical-align: baseline !important; width: 11px !important; z-index: 10 !important;">
<span style="margin: 0px; padding: 0px;">?</span></div>
<table border="0" cellpadding="0" cellspacing="0" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 647px;"><tbody style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="gutter" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(175, 175, 175) !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><div class="line number1 index0 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
1</div>
<div class="line number2 index1 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
2</div>
<div class="line number3 index2 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
3</div>
<div class="line number4 index3 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
4</div>
<div class="line number5 index4 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
5</div>
<div class="line number6 index5 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
6</div>
<div class="line number7 index6 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
7</div>
<div class="line number8 index7 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
8</div>
<div class="line number9 index8 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
9</div>
<div class="line number10 index9 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
10</div>
<div class="line number11 index10 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
11</div>
<div class="line number12 index11 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
12</div>
<div class="line number13 index12 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
13</div>
<div class="line number14 index13 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
14</div>
<div class="line number15 index14 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
15</div>
<div class="line number16 index15 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
16</div>
<div class="line number17 index16 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
17</div>
<div class="line number18 index17 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
18</div>
<div class="line number19 index18 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
19</div>
<div class="line number20 index19 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
20</div>
<div class="line number21 index20 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
21</div>
<div class="line number22 index21 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
22</div>
<div class="line number23 index22 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
23</div>
<div class="line number24 index23 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
24</div>
<div class="line number25 index24 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
25</div>
</td><td class="code" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 612px;"><div class="container" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line number1 index0 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><!DOCTYPE html ></code></div>
<div class="line number2 index1 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><html></code></div>
<div class="line number3 index2 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><head></code></div>
<div class="line number4 index3 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><meta http-equiv=</code><code class="css string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"Content-Type"</code> <code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">content=</code><code class="css string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"text/html; charset=utf-8"</code> <code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">/></code></div>
<div class="line number5 index4 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><title>Font-Face</title></code></div>
<div class="line number6 index5 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><style type=</code><code class="css string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"text/css"</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></div>
<div class="line number7 index6 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">@font-face {</code></div>
<div class="line number8 index7 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">font-family</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'CompleteinHimTRRegular'</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></div>
<div class="line number9 index8 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">src</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">url</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(</code><code class="css string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'complete_in_him_tr-webfont.eot'</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></div>
<div class="line number10 index9 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">src</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">url</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(</code><code class="css string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'complete_in_him_tr-webfont.eot?#iefix'</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">) </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">format</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(</code><code class="css string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'embedded-opentype'</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">),</code></div>
<div class="line number11 index10 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">url</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(</code><code class="css string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'complete_in_him_tr-webfont.woff'</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">) </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">format</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(</code><code class="css string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'woff'</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">),</code></div>
<div class="line number12 index11 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">url</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(</code><code class="css string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'complete_in_him_tr-webfont.ttf'</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">) </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">format</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(</code><code class="css string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'truetype'</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">),</code></div>
<div class="line number13 index12 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">url</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(</code><code class="css string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'complete_in_him_tr-webfont.svg#CompleteinHimTRRegular'</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">) </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">format</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(</code><code class="css string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'svg'</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></div>
<div class="line number14 index13 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">font-weight</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">normal</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></div>
<div class="line number15 index14 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">font-style</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">normal</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></div>
<div class="line number16 index15 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number17 index16 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">}</code></div>
<div class="line number18 index17 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">h</code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">1</code> <code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">{ </code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">font-family</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'CompleteinHimTRRegular'</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">; </code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">font-size</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">:</code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">26px</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">; </code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">color</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">:</code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">#666</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;}</code></div>
<div class="line number19 index18 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></style></code></div>
<div class="line number20 index19 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></head></code></div>
<div class="line number21 index20 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number22 index21 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><body></code></div>
<div class="line number23 index22 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><h</code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">1</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">>Alafortanfoni Dev Blog</h</code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">1</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></div>
<div class="line number24 index23 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></body></code></div>
<div class="line number25 index24 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: rgb(0, 0, 0) !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></html></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
Görüldüğü gibi arayüz geliştirirken çoğu zaman bizi sıkıntıya sokan ie ve sürümlerinde bile doğru ayarlar yapıldığında gayet verimli bir şekilde çalışıyor.</div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
<img alt="" class="alignnone size-full wp-image-24" height="244" src="http://mehmetbat.com/blog/wp-content/uploads/ie_fontFace.jpg" style="border: none; margin: 0px; max-width: 100%; padding: 0px;" title="ie_fontFace" width="605" /></div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
“Abi uğraştırma beni bunlarla, varmı şöyle elinde güzel fontlu hazır bişiler..” diyen arkadaşlarda <a href="http://www.fontsquirrel.com/fontface" style="color: #888888; margin: 0px; padding: 0px; text-decoration: none;">http://www.fontsquirrel.com/fontface</a> burayı inceleyebilirler sizin için hazır font kitleri mevcut..</div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; padding: 0px;">
Son olarak şunu belirtmekte fayda var internet explorer da localde gayet güzel çalışırken server üzerinde bazen sorun yaratmaktadır <a href="http://ben.ferit.im/" style="color: #888888; margin: 0px; padding: 0px; text-decoration: none;" target="_blank" title="Ferit Arslan">Ferit Arslan</a>’ın incelemesi ve çözümlemesine göre Windows server da ISS panel üzerinden mime type leri içerisine eğer “.eot” formatı tanımlı değilse bu formatı tanımlanması gerekmektedir.</div>
<div class="entry" style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin: 0px; padding: 0px;">
<div style="margin-bottom: 20px; margin-top: 20px; padding: 0px;">
Bu konuda incelediğimiz fontu ve örnek dosyaları <a href="http://hotfile.com/dl/255355169/cf0a22b/fontFace.zip.html" style="color: #888888; margin: 0px; padding: 0px; text-decoration: none;" target="_blank" title="Font-Face örnek dosyayı indir..">Font-Face</a> bağlantısı ile indirebilirsiniz.</div>
<div style="margin-bottom: 20px; margin-top: 20px; padding: 0px;">
Kaynak : <a href="http://mehmetbat.com/" target="_blank">http://www.mehmetbat.com</a></div>
</div>
Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-31454766148584120082013-10-21T01:59:00.005+03:002013-10-21T02:00:48.737+03:00Yeni Windows 8.1Daha iyi arama deneyimi, daha fazla uygulama ve bilgisayarınızı size özel hale getirmek için hemen Windows 8.1'e geçin. Bu güncellemeyi Windows Mağazası'nda bulabilirsiniz.<br />
<br />
<br />
<div style="text-align: center;">
<a href="ms-windows-store:WindowsUpgrade?OCID=GA8-1_O_WOL_DIS_Meet_81Update_Null_01"><span style="color: white; font-family: Arial, Helvetica, sans-serif;"><b style="background-color: blue; padding: 10px;">Ücretsiz Güncellemeyi Yükleyin</b></span></a></div>
<br />
<br />
Kaynak : <a href="http://windows.microsoft.com/tr-tr/windows-8/meet?ocid=msa_r_81announce_na_body_1_1" target="_blank">http://windows.microsoft.com/tr-tr/windows-8/meet?ocid=msa_r_81announce_na_body_1_1</a>Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-52524148888705791322013-09-16T04:25:00.000+03:002014-01-30T12:02:54.643+02:00Veri Şifreleme Nedir? Şifreleme Teknikleri Nelerdir?İyi akşamlar sevgili okurlar,<br />
Bilgisayar ağlarının tüm dünyayı sardığı günümüzde ağ güvenliği büyük bir sorun olarak karşımıza çıkmaktadır. Tüm kurumların işlemlerini İnternet ve/veya İntranet gibi ağ ortamlarından gerçekleştirdiğini de göz önüne aldığımızda güvenlik sorunun ne kadar büyük olduğu daha iyi anlaşılabilir.<br />
Biz bilgisayar kullanıcılarının veri şifreleme yöntemlerini bilmemiz gerekir ki alabildiğimiz önlemleri alarak verilerimizi güvenle şifreleyebilelim.<br />
<br />
<strong>Veri Şifreleme</strong><br />
Veriler, çeşitli şifreleme yöntemleri kullanılarak şifrelenir (encryption) ve okunamaz hâle getirilir. Gönderildiği yerde de yine çeşitli yöntemlerle şifresi çözülür (decryption). Verinin gönderildiği sistemde, kaynakta kullanılan şifreleme tekniği ile aynı mantıkta çalışan şifre çözme programı bulunmak zorundadır. Çünkü şifrelerin çözülebilmesi için kaynakta kullanılan algoritmaların hedefte de kullanılması gereklidir. Eğer kaynakta kullanılan algoritmalar hedefte yoksa şifrenin çözülmesi imkânsız hâle gelebilir.<br />
<br />
<em><strong>Günümüzde kullanılan bazı şifreleme teknikleri aşağıda sıralanmıştır:</strong></em><br />
<br />
<strong>MD5 (Message-Digest algorithm5) :</strong> Veri bütünlüğü veya özet fonksiyon olarak da bilinir. Tek yönlü (açık anahtarlı) şifreleme tekniğidir. Bir yere gönderilecek veri 128 bitlik özetler hâlinde şifrelenir. Veri bütünlüğünü sağlamak için kullanılır. Aşağıda bir örnek görülmektedir.<br />
<strong>‘emre’ için MD5 şifreleme:</strong><br />
<strong> 6B4F5EDB7A0BACDE6E1AB303E45B759A</strong><br />
<br />
<strong>SHA-1 (Secure Hash Algorithm) :</strong> Özetleme algoritmasıdır. Tek yönlü (açık anahtarlı) şifreleme tekniğidir. Veri bütünlüğünü sağlamak için kullanılır. Verileri 160 bit uzunluğunda özetler. Web alanında geniş kullanımı vardır.<br />
SHA-2 adı altında hazırlanmış 224,256,384,512 bit uzunluğunda özetler üreten çeşitleri vardır.<br />
<br />
<strong> “emre” isminin SHA-1 ve SHA-2 özetleri aşağıdaki gibidir…</strong><br />
<br />
<strong>SHA-1 (160bit) >> 63B88EA1273FCF5D9F244612BD5A3A95729F56BD</strong><br />
<strong>—————————————————————————————————-</strong><br />
<br />
<strong>SHA-256 >> C4265F1F1053CA3588F9934F37DEB1FD8D818134E3<br />
</strong><strong>FD00DF9679952E516FDB7B</strong><br />
<strong>—————————————————————————————————-</strong><br />
<br />
<strong>SHA-384 >> 8C4F5903787E227EDA9A1238F2C2603C6B91C89FBB0E568244<br />
</strong><strong>E9186A38E1E3B9F5E8F2CA07A37BA8BB546C57AF1ECF2A</strong><br />
<strong>—————————————————————————————————-</strong><br />
<br />
<strong>SHA-512 >></strong> <strong>D5B4345E8EBA3E64295F2180692C990B92B8269A395975DCD861793BC4<br />
</strong><strong>119DD8B5DE5EDA961807AF7AB5622DF98705E8F5899D581E842B461D8339DFD368865A</strong><br />
<br />
<br />
<strong>NOT:</strong> MD5, SHA-1, SHA-2 (SHA-256,-384,-512) gibi algoritmalar “Hash” Algoritmaları olarak sınıflandırılır.<br />
<br />
<strong>DES (Data Encryption Standart) :</strong> Simetrik şifreleme tekniğidir. 56 bit uzunluğunda anahtar kullanır. Blok şifreleme algoritmasını kullanır. (Bitler önce bloklanır sonra şifrelenir.) Hem şifrelemek için hem de şifre çözmek için aynı anahtar veri kullanılır. Örneğin, tek kilidi olan bir sandık düşünün.<br />
<br />
Birbirinin kopyası iki anahtarı olsun. Anahtarlardan biri kaynakta diğeri ise hedeftedir. Kaynakta anahtarla kilitlenen sandık, hedefe gittiğinde yine aynı anahtarla açılacaktır.<br />
<br />
<strong>3DES (trible DES) :</strong> DES’teki açıkları kapatabilmek için DES’te kullanılan algoritmanın üç kez uygulanmasıyla anahtar uzunluğunu artıran yöntemdir.<br />
Anahtar uzunluğu 112 bite çıkarılmıştır. (Anahtar uzunluğu ne kadar artarsa güvenlik de o kadar artar.)<br />
<br />
<strong>AES (Advanced Encryption Standart) :</strong> Günümüzde en yaygın olarak kullanılan şifreleme yöntemlerinden birisidir. Bu da blok şifreleme algoritmasını kullanılır. Veriler 4×4’lük diziler (matris) hâlinde bloklandıktan sonra uzunluğu en az 128 bit olan anahtarlar kullanılarak şifreleme gerçekleştirilir.<br />
<br />
<strong>RC-4 (Ron’s Code) :</strong> Simetrik şireleme tekniğidir. Ama DES ve AES’ten farklı olarak dizi şifreleme algoritmasını kullanır. (Veriler bit bit şifrelenir. Aynı karakterin karşılığı her seferinde farklı olur.) WEP ve SSL gibi güvenlikli bağlantı standartlarında yaygın olarak kullanılmaktadır.
<br />
<br />
Kaynak : <a href="http://www.emresupcin.com/veri-sifreleme-nedir-sifreleme-teknikleri-nelerdir/" style="background-color: transparent;" target="_blank">http://www.emresupcin.com/veri-sifreleme-nedir-sifreleme-teknikleri-nelerdir/</a>
Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-9319993412955116382013-07-05T02:59:00.000+03:002013-07-05T03:04:31.994+03:00HTML5 Nedir, Yeni Gelen Elementler Nelerdir ?HTML5, internet'in çekirdek teknolojilerinden HTML işaretleme standardının beşinci sürümüdür.Internet Explorer, Mozilla Firefox ve Opera tarayıcılarının güncel sürümleri tarafından kısmen desteklenmektedir, Kısaca H5 Google Chrome ve Safari tarayıcılarının güncel sürümleri üzerinde, deneme aşamasında da olsa çok daha iyi bir şekilde çalışmaktadır. Günümüzde kullanılan HTML 4.1 sürümü, CSS desteğiyle ne kadar düzenli ve sağlam bir yapıda kodlanırsa kodlansın, yine de fazladan yazılan kodların işlevselliği bozduğu bilinmektedir. Bu yüzden HTML 5 bu ihtiyaçları karşılamak adına geliştirilmeye başlanmıştır. Video paylaşım sitesi Youtube, deneme aşamasında HTML5'i kullanıcılarına sunmaktadır.<br />
<br />
HTML5 kullanmak aynı zamanda UI (kullanıcı arabirimi) mühendislerinin ve back end (sunucu uygulama) geliştiricilerinin sadece tek codebase kullanımından yararlanabiliyor olmaları demektir. Yapının temelleri aynı kalsa da, her platforma entegre edilmiş back end layerlar ve görüntüler olabilecektir. Bu, birbirine bağlı bir ürün tecrübesinin yaratılmasına yardım eden ürün çizgisinin karşısında, gelişimin yayılma sürecini hızlandırmaktadır.<br />
<br />
Ses veya film etiketleri gibi bir çok spesifik yönleriyle birlikte kullanılması gereken HTML 5, sadece bir biçimleme dili olmasından ziyade web uygulamaları yaratmakta da kullanılabilmektedir. CSS3 ve JavaScript ile birleştirmek çok daha güçlü uyumlu ve sağlam uygulamaları mümkün kılmaktadır. Uygulamalar bu sayede binlerce cihazda bir çok ihtimale uygun şekilde kullanılabilmektedir. Özellikle de iliştirilmiş platformlar ve bağlanmış cihazlarla çok daha güçlü olacaklardır.<br />
HTML5 tüm HTML Sürümleri (HTML1.0 vb) ile uyumludur.<br />
<br />
<b><u>Yeni elementler</u></b><br />
<br />
<ul>
<li><canvas>: Sayfada bir tuval alanı oluşturur. Tuvale çizim javascript ile yapılabilir.</li>
<li><audio>: Sayfaya ses oynatıcı bir modül ekler.</li>
<li><video> : Video oynatıcı bir modül ekler.</li>
<li><progress> : İşlem süreci göstergesi ekler.</li>
<li><caption> : Başlık olarak düşünülen metinleri düzenler.</li>
<li><header> : Sitenin başlık ve açıklama içeriğini alır.</li>
<li><nav> : Menüleri ve bir takım zaruri işlevleri içine alır.</li>
<li><footer> : Sitelerin en alt kısmını içine alır.</li>
<li><section> : Sitelerin ana içerik kısmını içine alır.</li>
<li><aside> : Ana içerikte ayrı yazılan kısımdır.</li>
<li><article> : Makale, deneme tarzı yazıları kapsar.</li>
<li><embed> : Dışarıdan eklenen componentler için kullanılır. (Örn : .swf uzantılı dosyalar)</li>
<li><details> : Detay bilgisi içerir.</li>
<li><summary> : Yazının başlığını belirler.</li>
<li><time> : Tarih, saat verilerini kapsar.</li>
<li><mark> : Yazı içerisinde özellikle üstünde durulan kelimeleri belirler.</li>
<li><figcaption> : <figure> elementinin başlığını belirler.</li>
<li><figure> : Çeşitli medya içeriği gruplarını belirler.</li>
<li><hgroup> : Başlık grubunu belirtir. H1, H2 gibi başlık elementleri burada tanımlanabilir.</li>
<li><datalist> : Düzenlenebilir elementlere otomatik tamamlama özelliği verilmesini sağlar</li>
</ul>
<div>
<br />
Kaynak : <a href="http://tr.wikipedia.org/wiki/HTML5" target="_blank">http://tr.wikipedia.org/wiki/HTML5</a></div>
Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-86402468864340248892013-07-02T02:08:00.000+03:002013-07-02T02:08:09.103+03:00RSS NEDİR ?RSS çeşitli internet siteleri tarafından yayınlanan haber vb. içeriğin tek bir ortamdan topluca izlenebilmesine olanak sağlayan yeni bir içerik besleme yöntemidir. <b>RSS</b> – <b>R</b>eal <b>S</b>imple <b>S</b>yndication, RDF Site Summary veya Rich Site Summary (Zengin Site Özeti) kelimelerinin baş harflerinden oluşan kısaltmadır. <b>XML</b> biçiminde olan RSS dosyaları ilk olarak NetScape firması tarafından geliştirilmeye başlanmıştır. RSS dosyalarının kullanımı her geçen gün artarak yaygınlaşmaktadır.<br />
<br />
<a href="http://www.rssnedir.com/" target="_blank">Devamı için tıklayınız.</a>Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-22187801548828336092013-07-02T02:00:00.000+03:002013-07-02T02:03:39.925+03:00XML NEDİR ?XML (Extensible Markup Language) HTML ile pek çok açıdan benzerlik gösteren bir markup dilidir. Verinin tanımlanması ve tarif edilmesi için kullanılır. HTML'deki yapının aksine XML'de kullanılacak olan tag'ler önceden tanımlı değildir. Yani bir XML dokümanının yapısı tamamı ile kullanıcı tarafından oluşturulur. Verinin tarif edilmesi için DTD adı verilen yapılar kullanılmaktadır. XML ve DTD'nin birlikte kullanılması ile dokümanlar kendini tarif eden bir yapı halini alırlar.<br />
<br />
XML ve HTML arasındaki en belirgin fark XML'in verinin kendisiyle ilgilenmesi HTML'in ise verinin sunumuyla ilgilenmesidir. Buna bağlı olarak HTML dokümanları veriye ilişkin şekillendirme bilgilerini içerirken XML dokümanları ise verinin tanım bilgilerini içermektedir. XML'in tasarım amaçlarından biri de verinin taşınmasıdır. Bahsedilen bu özellikleri incelendiğinde XML'in pek çok önemli işlevi yerine getirdiği görülmektedir.<br />
<br />
Şimdi çok basit bir XML dokümanını birlikte inceleyelim:<br />
<br />
<not><br />
<kime>esra</kime><br />
<kimden>demir</kimden><br />
<heading>acıklama</heading><br />
<body>ders saatleri!</body><br />
</not><br />
<br />
HTML dokümanlarına çok benzeyen bu yapıda ilk etapta göze çarpan nokta tag yapılarının bizim tarafımızdan tasarlanmış oluşudur. HTML'de kullanılan <p> ve <h1> gibi standart tag yapıları yukarıdaki XML dokümanında kullanılmamıştır. Bahsedilen bu özelliği nedeniyle XML dokümanları genişletilebilir(extensible) bir yapıya sahiptir. Dokümanın bu hali gerçek anlamda herhangi bir şey ifade etmez. Dokümanın iletimi(gönderim veya alım) ya da sunumu için başka şeylerin de yapılması gerekmektedir.<br />
<br />
Burada önemli bir nokta olarak XML'i HTML'in yerine geçecek bir dil olarak düşünmek yerine HTML'in tamamlayıcısı olacak olan bir dil şeklinde düşünmek uygundur.<br />
<br />
Günümüz bilişim dünyasına bakacak olduğumuzda XML'in her alanda karşımıza çıktığını görmekteyiz. Bu nedenle XML'I bir anlamda geleceğin web dili olarak tanımlamak mümkündür.<br />
<br />
<b>XML Nasıl Kullanılabilir?</b><br />
XML hakkında bilinmesi gereken en önemli nokta bu dilin veriyi taşımak amacıyla tasarlanmış oluşudur. XML ile veriler yapı bakımından modülerlik kazanmaktadır. Bahsettiğimiz gibi XML dokümanları verinin içeriğiyle ilgilenmektedirler. Bu sayede verilerin içerik,yapı ve sunum kısımları ayrı modüller halinde farklı XML dokümanlarında tutulmaktadır.<br />
<br />
XML dokümanları Veri Adaları(Data Islands) adı verilen teknik sayesinde HTML sayfaları içerisinde de depolanabilmektedir. Bu teknik sayesinde verinizin sadece sunumuyla ilgilenilmektedir.<br />
XML ile verinin alışveriş işlemi gerçekleştirilir. XML,yapısının esnekliği sayesinde birbirine uyumlu olmayan sistemler arasında veri alış verişini rahatlıkla gerçekleştirmektedir. Günümüz bilişim dünyasında bilgisayar sistemleri ve veritabanlarının genellikle birbirine uyumsuz sistemler içerebildiklerini görmekteyiz. Bundan dolayı uygulama geliştiriciler Internet üzerinden bu tip uyumsuz verilerin alış veriş işlemini gerçekleştirmek zorundadırlar.<br />
<br />
Verinin XML formatına çevrilmesi ile farklı sistemler ve uygulamalardaki verilerin karmaşıklık derecesi indirgenerek alış veriş işleminin kolaylaştırılması sağlanır.<br />
XML ile finansal bilgilerin Internet üzerinden alış verişi sağlanmaktadır. Günümüzde artık hepimizin sıklıkla duyduğu elektronik iş kavramı açısından incelenecek olduğunda XML'in önemli fonksiyonları yerine getirdiği görülmektedir. Bahsedilen bu fonksiyonları ile XML geleceğin Elektronik İş dili olarak da yeni bir misyonu üstlenmektedir. XML ile verinin paylaşımı kolaylaştırılır. XML,veriyi düz metin (plain text) formatında saklamasından dolayı veriyi paylaştırma konusunda da hem yazılım hem de donanımdan bağımsız hareket edebilme imkanını sunmuştur.<br />
<br />
Bu sayede farklı uygulamalarda hareket eden farklı veri tipleriyle çalışmak daha da kolaylaşır. Ayrıca işletim sistemlerinin yükseltgenmesi,sunucu,uygulama vb. dışsal faktörlerin yenilenmesi gibi dışsal faktörlerden de asgari ölçüde etkilenilmiş olunur.<br />
<br />
XML ile verinin depolanması sağlanır.<br />
XML, verinin dosyalarda veya veritabanlarında saklanması için de kullanılabilir.<br />
XML,yazılım,donanım ve uygulamalardan bağımsız olduğu için verinin daha elverişli olarak kullanımını sağlamaktadır. Yani başka istemci(client) veya uygulamalar tıpkı veri kaynaklarına erişiyormuş gibi XML dosyalarına rahatlıkla erişebilirler.<br />
XML,esnek yapısı nedeniyle başka dillerin de oluşturulabilmesine olanak tanır. Wireless Markup Language(WML) mobil cihazları için kullanılan WAP ortamlarının dilidir ve XML'in türevidir<br />
<br />
XML Sözdizimi(XML Syntax)<br />
XML Syntax basit bir kaç kuraldan ibarettir. Bundan dolayı kullanımı ve öğrenimi oldukça kolaydır.<br />
Bir XML döküman örneğini inceleyelim:<br />
<?xml version="1.0"?><br />
<not><br />
<kime>Mehmet</kime><br />
<kimden>Erdem</kimden><br />
<heading>Hatırlatma</heading><br />
<body>Kitapları Unutma!</body><br />
</not><br />
<br />
XML dokümanları kendini tarif eden bir syntax'a sahiptir.<br />
Dokümanın ilk satırı XML deklerasyonu(XML declaration) olarak isimlendirilir. Bu kısımda XML dokümanının versiyon bilgisi tanımlanır. Yukarıdaki örnekte XML dokümanımızın versiyonu 1.0 olarak belirtilmiştir.<br />
Bir sonraki satırda dokümanın "root element" adı verilen kök elementi belirtilmiştir. Örneğimizde root element "not" tur.<br />
<not><br />
<br />
Daha sonraki satırda 4 adet child element belirtilmiştir.(kimden,kime,heading ve body):<br />
<kime>Mehmet</kime><br />
<kimden>Erdem</kimden><br />
<heading>Hatırlatma</heading><br />
<body>Kitapları Unutma!</body><br />
<br />
Son olarak root elementin bitişini gösteren tag bulunmaktadır:<br />
</not><br />
<br />
Tüm XML elementleri bir kapanış tag'ine sahip olmalıdır. HTML'de ise bazı elementler bitiş tag'lerine sahip olmayabilir. Örneğin aşağıdaki kod parçası HTML için geçerli bir kod olmasına rağmen XML için geçerli değildir:<br />
<br />
<p>Bu bir paragraftır<br />
<p>Bu başka bir paragraftır<br />
<br />
Yukarıdaki kod parçasını XML formatına uyarlayacak olduğumuzda<br />
<br />
<p>Bu bir paragragftır</p><br />
<p>Bu başka bir paragraftır</p><br />
şeklinde bir düzenleme yapmamız gerekecektir.<br />
XML tag'ler için case-sensitive özellik gösterirler. HTML'de ise case-sensitive özellik yoktur.<br />
<br />
<mektup>Bu syntax yanlıştır</MEKTUP><br />
<mektup>Doğru bir syntax örneği</mektup><br />
<br />
XML dokümanları içerisinde tüm elementler hiyerarşiye uymalıdırlar.HTML dokümanlarında bazı elementler düzgün bir iç içe olma yapısında olmayabilirler. Aşağıdaki örneği inceleyelim:<br />
<b><i>Burada kullanılacak olan dokümanın formatı bold ve italic olacaktır</b></i><br />
XML syntax kurallarına göre yukarıdaki örneği düzenleyecek olursak:<br />
<b><i>Burada kullanılacak olan dokümanın formatı bold ve italic olacaktır</i></b><br />
<br />
Görüleceği üzere elementler belirli bir düzen çerçevesinde iç içe geçmiş durumdadırlar.<br />
XML syntax'ında tüm XML dokümanlarının bir root elementi olması gerekmektedir. XML dokümanları içerisinde ilk tag "root tag" olarak isimlendirilir:<br />
Bahsedilen bu root elementin altındaki tüm elementler "child element" olarak adlandırılır. Bu child elementler ise daha önceden belirtilmiş olan synax'a uymak zorundadır.Yani elementlerin iç içe geçme durumları belirli bir hiyerarşiye göre olmaktadır.<br />
<br />
<root><br />
<child><br />
<subchild>….</subchild><br />
</child><br />
…………<br />
</root><br />
<br />
Attribute değerleri daima tırnak içine alınmalıdır.<br />
XML elementleri attribute'lara sahip olabilirler ve bu attribute'lar ise tıpkı HTML'de olduğu gibi isim/değer(name/value) çiftlerini içerebilirler. Attibute değerlerinin nasıl kullanıldığını bir örnekle açıklayalım:<br />
<br />
<?xml version="1.0"?><br />
<not date="12/10/99"><br />
<kime>esra</kime><br />
<kimden>demir</kimden><br />
<heading>uyarı</heading><br />
<body>sınav tarihi</body><br />
</not><br />
<br />
Dikkat edilecek olursa "not" elementinin sahip olduğu "date" attribute değeri tırnak işareti içerisinde belirtilmiştir.<br />
<br />
HTML'de white space adı verilen boşluk karakteri göz önüne alınmaz. Oysa XML dokümanlarında white space karakterler de değerlendirmeye alınır. Yani bir HTML sayfasında "Merhaba,benim adım esra" cümleciği sunum sırasında "Merhaba,benim adım esra" şeklinde görüntülenir.Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-72657156202278158412013-07-02T01:22:00.002+03:002013-07-02T01:24:17.850+03:00ASCII Nedir ?ASCII (İngilizce: American Standard Code for Information Interchange, Türkçe: Bilgi Değişimi İçin Amerikan Standart Kodlama Sistemi) Latin alfabesi üzerine kurulu 7 bitlik bir karakter setidir. İlk kez 1963 yılında ANSI tarafından standart olarak sunulmuştur.<br />
ASCII'de 33 tane basılmayan kontrol karakteri ve 95 tane basılan karakter bulunur. Kontrol karakterleri metnin akışını kontrol eden, ekranda çıkmayan karakterlerdir. Basılan karakterler ise ekranda görünen, okuduğumuz metni oluşturan karakterlerdir. ASCII'nin basılan karakterleri aşağıda belirtilmiştir.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-rDRQQnI0FV4/UdIAMhKU4II/AAAAAAAAChU/rc7SA9-KePc/s500/ASCII_Code_Chart.svg.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="155" src="http://3.bp.blogspot.com/-rDRQQnI0FV4/UdIAMhKU4II/AAAAAAAAChU/rc7SA9-KePc/s400/ASCII_Code_Chart.svg.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>ASCII yazdırma karakterleri</b></div>
<span style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;"><br /></span>
<br />
<span style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;">32–126 arası sayılar klavyenizde bulabileceğiniz ve bir belgeyi görüntülediğinizde veya yazdırdığınızda görünen karakterlere atanmıştır. 127 SİL komutunu gösterir.</span><br />
<br />
<br />
<span style="font-family: sans-serif;"><span style="line-height: 19.1875px;"><a href="http://tr.wikipedia.org/wiki/ASCII" target="_blank">Devamı için tıklayınız.</a></span></span>Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-83112057072281575602013-07-02T01:13:00.002+03:002013-07-02T01:13:42.997+03:00Unicode Nedir ?Bilgisayarların geliştirilmesi ile birlikte birçok karakter kodlaması geliştirilmiştir. Bu kodlamalardan en çok kullanılan Ascii (American Standard Code for Information Interchange) kodunda her karakter ve sembol için 7 bit (1 bayt) kullanılmaktadır. Ascii kodu ile en fazla 128 farklı karakter gösterilebilmektedir. Bu 128 koddan 33′ü (ilk 32′si ve 127.) özel kontrol (Esc, Tab, Enter vb) kodlarıdır. Genişletilmiş Ascii karakterler ise 8. bitin kullanılması ile 128 ile 255 arasındaki 128 karakteri kapsar. Bu her ülke için farklı kod sayfası tanımlanabilmesini ve gösterilebilmesini sağlamıştır. Örneğin Kuzey Amerika, Batı Avrupa, Avustralya ve Afrika dillerine ait yazılım programlarında ISO 8859-1 kod sayfası kullanılırken, Türkçe için ISO 8859-9 kod sayfası kullanılır. Fakat aynı anda birden fazla kod sayfası kullanılamadığından sadece bir dil kullanılabilmektedir. Bir kod sayfası ile yazılmış anlamlı bir metin başka bir kod sayfası ile gösterildiğinde anlamsız karakterler dizisine dönüşmektedir. Ascii kodu Çince, Rusça, Arapça gibi diller ve bilimsel semboller için yetersiz kalmaktadır.<br />
<br />
Dünya üzerindeki dillerin ve özel sembollerin kullanılabilmesi için fazla karakter alabilecek bir kodlamaya ihtiyaç duyulmaktadır. Bunun için Unicode (Universal Code – Evrensel Kod) geliştirilmiştir. Unicode, Unicode Konsorsiyumu (The Unicode Consortium) tarafından geliştirilen birçok firma ve programın desteklediği bir kodlama standartıdır. Unicode’da dünya üzerindeki her karakter ve sembol’e bir karakter numarası verilir. Verilen karakter numaraları sabittir, değiştirilmez. Yeni eklenen her karakter ve sembol için yeni karakter numaraları eklenir. Unicode sürekli olarak geliştirilmektedir. Sürekli yeni sembol ve karakterler eklenmektedir. Unicode’da karakter numaraları sabit olmasına karşın farklı karakter kodlamaları kullanılmaktadır. Bunlardan bazıları (Unicode Transformation Format) UTF-8 (8-bit UCS), UTF-16 (16-bit UCS, UCS-2) ve UTF-32 (32-bit UCS, UCS-4) dir.<br />
<br />
En sık kullanılan UTF-8 değişken uzunluğa sahip karakter kodlamasıdır. Uyumluluk için ilk 128 Ascii karakter için 1 bayt (8 bit) kullanılırken diğer karakterler için 4 bayt kullanılmaktadır.<br />
<br />
Unicode tek bir yazılımın ya da bir web sitesinin yeniden tasarlanmasına ihtiyaç duyulmadan her türlü dil ve ülke için uyumlu hale getirilmesini sağlar. Bir web sayfasında veya yazılımda aynı anda birden fazla dil kullanılabilir. Aynı zamanda bilgilerin çeşitli işletim sistemleri içerisinden aktarımını da sorunsuz hale getirmektedir. Unicode’un tek dezavantajı Ascii koda göre daha fazla yer kaplamasıdır.<br />
<br />
Windows unicode ve unicode olmayan programları problemsiz çalıştırabilir. Fakat unicode olmayan programlar yazıları windows için varsayılan dilin kod sayfasına göre ekranda gösterilirler.<br />
<br />
Karakterlerin unicode numaralarını görmek için Windows’ta Donatılar->Sistem Araçları->Karakter Eşlem programı kullanılabilir. Türkçe karakterin unicode karşılığı aşağıdadır:<br />
<br />
ğ – u011f<br />
Ğ – u011e<br />
ı – u0131<br />
İ – u0130<br />
ö – u00f6<br />
Ö – u00d6<br />
ü – u00fc<br />
Ü – u00dc<br />
ş – u015f<br />
Ş – u015e<br />
<br />
2012 eylül ayı içerisinde Unicode Konsorsiyumu tarafından çıkarılan Unicode 6.2 sürümü ile Türk lirası sembolü ( ₺ ) Unicode karakter tablosuna eklendi. Karakter numarası U+20BA (8378)’dir. Yeni güncelleştirilmiş yazı tiplerini kullanarak bu simgeyi kullanabilirsiniz.Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-7286162541142446532013-06-28T14:35:00.000+03:002013-07-01T01:37:11.962+03:00Junior Yazılımcıların En Sık Yaptığı Hatalar<a href="http://mesutcemilaslan.blogspot.com/2013/06/junior-yazlmclarn-en-sk-yaptg-hatalar.html">K</a>aynak : <a href="http://mesutcemilaslan.blogspot.com/2013/06/junior-yazlmclarn-en-sk-yaptg-hatalar.html" target="_blank">http://mesutcemilaslan.blogspot.com/2013/06/junior-yazlmclarn-en-sk-yaptg-hatalar.html</a>Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-81380681296968047922013-05-26T23:46:00.000+03:002014-07-16T10:09:22.085+03:00C# Basit Resim Boyutlandırma FonksiyonuMerhaba,<br />
en sade şekilde bir resim boyutlandırma fonksiyonu resmin dikey mi veya yatay mı olduğunu kontrol etmeden direk istediğimiz boyuta çeviren metotdur.
<br />
<br />
<pre class="brush: csharp; title: ; notranslate" title="">public Bitmap ResimBoyutlandir(Bitmap resim, int genislik, int yukseklik)
{
Bitmap Donus = resim;
using (Bitmap Orjinal = resim)
{
Size yenidegerler = new Size(genislik, yukseklik);
Bitmap yeniresim = new Bitmap(Orjinal, yenidegerler);
Donus = yeniresim;
}
return Donus;
}
</pre>
Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-90816364171542519702013-05-26T23:37:00.000+03:002013-07-10T20:02:25.602+03:00PHP ve ASP.Net ‘in farkları nelerdir?<b>PHP ve ASP.Net Nedir?</b><br />
<br />
Merhaba arkadaşlar.Bu makalemizde PHP ve ASP.Net ile ilgili bir takım bilgiler vermeye ve aralarındaki farklılıklara, kullanım kolaylıklarına ve zorluklarına değinmeye çalışacağım.<br />
<br />
<b>PHP ve ASP.Net</b><br />
<br />
PHP (Personal Home Page) 1990 yılında Rasmus Lerdorf tarafından geliştirilmeye başlanan bir yazılımdır. Bu yazılımın başlangıçtaki amacı Lerdorf’un kişisel bilgilerini internet üzerinden diğer kullanıcılarla paylaşmak istemesiydi. Fakat o zamanın şartlarında web sayfası hazırlamak ve bunu yayınlamak günümüzdeki kadar kolay ve yaygın olamadığı için kişisel web sayfasının dolayısıyla da PHP’nin temelleri atılmış oldu. Lerdorf Perl dilinde başlattığı bu yazılımı daha sonra kurduğu bir grupla geliştirerek Perl dilinden bağımsız hale getirdi ve nesne odaklı bir dil haline getirdi.<br />
<br />
<b>Peki PHP nedir ve nasıl öğrenilebilir?</b><br />
<br />
Aslında PHP ile proje üreten insanlar çok iyi bilirler ki PHP öğrenilmesi zor bir yazılım değil.Sadece bütün web yazılımlarında olduğu gibi bunda da biraz olsun üzerinde denemeler yapmak gerekir.PHP, aslında içerisinde html kodlarının gömülü olduğu bir yapıya sahip. Üzerinde çalıştığımız projeleri .php veya kullandığımız sürüme göre .php2,.php3 şeklinde kaydedebiliriz. Bu da demek oluyor ki web sitemizi PHP kullarak oluşturduysak adres kısmının sonunda kullandığımız sürüme göre .php yazıları çıkacaktır.<br />
<br />
Aslında uzun bir süre çok tutulan PHP’nin en büyük dezavantajlarından birisi compile edilememesi yani derlenememsi. Bu ne demektir? Kullanıcılar bizim sitemize girmek istedikleri zaman istekleri direkt olara kendi bilgisayarlarında gerçekleşmeyecektir. İstekleri öncelikle web sunucuya gidecek burada script yorumlayıcılar tarafından istekleri yorumlanınca tekrardan kullanıcıya bilgi gönderilecek. Yani kullanıcının her isteği için fazladan zaman kaybına yol açacaktır.<br />
<br />
Bunun yanı sıra PHP’nin en güzel özelliklerinden birisi de oyun programı yazmaya kadar birçok amaca hitap ediyor olması. PHP’nin birçok veri tabanıyla uyumlu çalışabilmesi de ayrı bir avantaj tek sorun sanırım hem sunucuyu hem de kullanıcıları yorumlama kısmında biraz yorması.<br />
<br />
Ve ASP.Net‘e göre en büyük avantajı da bizleri Windows işletim sistemine mahkum etmemesi.Yani işletim sisteminiz ne olursa olsun PHP ile çalışabilmeniz mümkün.<br />
<br />
<b>Peki ASP.Net Nedir ve PHP’ye göre farklılıkları nelerdir?</b><br />
<br />
Asp.Net PHP’ye göre daha güçlü bir yazılım dili. Bunun en önemli sebeplerinden birisi de Asp.Net‘in .Net platformu üyesi olması. Peki bu ne anlama geliyor? Microsoft Visual Studio ile projeler üretebileceğiniz ASP.Net, Visual Studio’nun bünyesinde bulunan birçok güçlü yazılım dillerinden herhangi biri ile çalışabilmenize imkan tanıyor. Bunun yanı sıra PHP’de bir çok hata ile baş etmek zorunda kalırsınız ve bu hataları tek tek ayıklamak da yine biz yazılımcılara düşüyor.Asp.Net‘de hata ayıklama kısmını Visual Studio bizim yerimize yapıyor ve olası çözüm yolları üretiyor.Bize kalan sadece olası hayatı okumak ve çözüm yollarına şöyle bir göz atmak.Yani kaynak kodlarla uğraşmak yerine bunu Visual Studio’nun bizim için yapması sizce de güzel bir özellik değil mi? Asp.Net‘in büyük avantajlarından birisi de compile edilebilmesi yani derlenebilmesi. Bu sayede Asp.Net ile oluşturduğumuz web projelerini yayınladığımız zaman kullanıcı herhangi bir bilgi istediğinde, sadece gerekli olan kısmı alır ve kullanıcıya gönderir. Bu da PHP’de sunucu ve kullanıcı arasında dokunan mekikten kaybettiğimiz zamanın geri kazanılması anlamına gelmektedir.Yukarıda da belirttiğim gibi ASP.Net’in early binding ve catching services gibi özellikleri sayesinde PHP’den çok daha iyi bir performans sağladığını göz ardı edemeyiz.Ayrıca Microsoft Visual Studio’nun bize sağlamış olduğu zengin araç içeriğiyle de PHP’ye göre hem daha kapsamlı hem de daha kısa sürede bitirebileceğimiz projeleri yapmak mümkün.Bunların dışında PHP’de kaynak kodlar da kullanıcıya html ile gönderilmekteydi.Bunun anlamı da şudur ki kötü niyetli insanlar sizin kaynak kodlarınızı istedikleri gibi kullanabilir ve sizin bin bir emekle yaptığınız projelere zarar verebilirlerdi.Fakat ASP.Net ile bu da engellenmiş durumda.Kaynak kodları kullanıcıya gönderilmiyor.ASP.Net PHP’ye göre hem hızlı hem de daha güvenilir diyebiliriz.Bunca olumlu özelliğin yanında elbette Asp.Net’de de bazı sorunlar karşımıza çıkmakta.Bunlardan ilki ve en önemlilerinden birisi IIS(Internet Information Systems) güvenlik açıkları.Bunun hem .Net platformu sayesinde hem de projelerimizde getirdiğimiz kısıtlamalar sayesinde kısmen de olsa engellenmesi mümkün.Ama günden güne gelişen teknoloji ve zararlı yazılımlarla bunlar da aşılabilir hale getirilebilir.Bir diğer olumsuz özelliği ise Microsoft‘un kendi ürünlerini yayma çabasından mıdır bilinmez ama sunucu bilgisayarın işletim sisteminin Windows olması gerekmekte.Linux ve benzeri işletim sistemine sahip sunucularda ASP.Net’le yazılmış projelerimiz çalışmayacaktır.Son olarak eklemek istediğim ise ASP.Net’in hem başlangıç hem de yayınlanmasının PHP’ye göre dha masraflı olması.Bunun en büyük nedenlerinden birisi projelerimize başlangıç noktasında Microsoft Visual Studio için belirli bir ücret ödemek zorunda kalmamız.Bir diğeri ise hosting maliyeti.Asp:net ile çalışıyorsanız Windows hosting almanız gerekli ki bu da diğerlerine oranla biraz daha pahalı.<br />
<br />
Sonuç olarak gelişen teknolojiyi her ne koşulda olursa olsun takip etmek zorundayız. Projelerimize başlamadan önce hangi yazılımla çalışabileceğimizi belirlemek en önemli etkenlerden birisi. Çünkü kullanıcılar ve servis sağlayıcıları hem,hızlı hem güvenilir hem de ekonomik anlamda ucuz maliyetli projeler üretmeye çalışmakta.Bize düşense sadece nereden başlayacağımızı bilmek ve bu istekler doğrultusunda projelerimizi maksimum düzeyde üretmeye çalışmak.Umarım biraz da olsa yardımcı olabilmişimdir.Projelerinizde başarılar…Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-8951590248165469812013-05-23T23:51:00.000+03:002014-07-16T10:19:28.051+03:00C# Url İle Resim İndirmeBu script sayesinde C#-Asp.Net'te url yazarak herhangi bir resmi indirebilirsiniz.
<br />
<br />
<pre class="brush: csharp; title: ; notranslate" title="">string url = "http://www.iana.org/_img/iana-logo-pageheader.png";
string uzanti = Path.GetExtension(url);
WebClient client = new WebClient();
client.DownloadFile(url, Server.MapPath("~/download/resim" + uzanti));
Response.Write("resim indirildi.");
</pre>
<br />
<b>Videoyu izlemek için tıklayınız.</b><br />
<b><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://i1.ytimg.com/vi/0ZHZp_wG2sE/0.jpg" height="266" width="320"><param name="movie" value="http://www.youtube.com/v/0ZHZp_wG2sE?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="320" height="266" src="http://www.youtube.com/v/0ZHZp_wG2sE?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object></div>
<b><br /></b>
Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-16950870782117778922013-05-23T23:24:00.002+03:002014-01-28T15:58:13.682+02:00 Asp.Net (C#) Register Client Script - Kod Kısmında Script OluşturmaBu kod sayesinde Asp.Net kod kısmında script oluşturabilir ve sayfa çalıştığında kullanılmasını sağlıyabiliriz. Birinci tırnak arası scriptimizin ismi(boş bırakılabilir.) ikinci tırnak arası ise script içeriğidir ve son olarak virgülden sonraki bölüm bool(true-false) olarak tanımlanır ve html kısımda "<script> </script>" olacagını veya olmayacağını belirleriz.
<br />
<br />
<pre class="brush: csharp; title: ; notranslate" title="">Page.ClientScript.RegisterClientScriptBlock(Page.GetType(), "DenemeScript", "alert('Bu script Asp.Net tarafından oluşturuldu.');", true);
</pre>
<br />
<b>Video için tıklayınız.</b><br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/3jUQRiGd8Es?feature=player_embedded' frameborder='0'></iframe></div>
<b><br /></b>Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0tag:blogger.com,1999:blog-5939278061592088994.post-59871106567162485972013-05-23T22:59:00.004+03:002013-05-23T23:01:04.711+03:00Php Nasıl daha hızlı çalıştırılır ?<br />
<b>1. Hataları herzaman gizleyin. </b><br />
<br />
Herkes hata yapabilir. ama hatalarınızı herkesin görmesi can sıkıcı olur.<br />
<br />
öncelikle Php sayfasının başında error_reporting(0); yazarsanız basit hatalar gizlenir.<br />
<br />
Fakat dosya açma gibi önemli işlemler yine hata verir. bunu engellemek için de komutun başına @ koymanız yeterlidir.<br />
<br />
örnek: $h=@fopen("dosya","w");<br />
<br />
veya bir mysql komutu yazarken aynısı kullanılabilir.<br />
<br />
@include("sahte_php_$no.php");<br />
<br />
<br />
<b>2- Php Kısaltmaları kullanın.</b><br />
<br />
$sayi=$sayi+1 yazmak yerine $sayi ++; aynı anlama gelir.<br />
<br />
<br />
if($a==5){ $b=2; }else{ $b=7 } yazmak yerine $b=($a==5)?2:7; aynı anlama gelir.<br />
<br />
<br />
<b>3. include ile hız kazanın.</b><br />
<br />
Php derleme aşamasında mevcut değişkenlere göre derleme yapar. bu durumda çok çok uzun bir if parantezi varsa hepsini bir dosyaya koyup hızlanma sağlayabilirsiniz.<br />
<br />
örnek:<br />
<br />
if($uye_login==1)<br />
{<br />
// burda 40-50 satırlık bir işlem var diyelim<br />
// işin kötüsü aynı sayfaya ziyaretçiler de giriyor.<br />
// ve burdaki 50 satır çoğu zaman işe yaramıyor.<br />
}<br />
<br />
oradaki 50 satırı alıyoruz ve farklı bir dosyaya koyuyoruz. dosya adını da user_islemleri.php yaptık diyelim. bu durumda yukarıdaki if komutu şu hale geliyor.<br />
<br />
if($user_login==1)<br />
{<br />
include("user_islemleri.php");<br />
}<br />
<br />
<br />
<b>4- Strlen Yerine Isset</b><br />
<br />
Çeşitli durumlarda saydırma ve döngü komutlarından kaçınmak size hız kazandırır. Örneğin Strlen aslında bir kelimedeki tüm harfleri sayan bir döngüdür. Kelimenin de harflerden oluşan bir dizi olduğunu bildiğimize göre tek tek harfleri saymak yerine son karakterin varlığına bakmak yeterlidir.<br />
<br />
if(strlen($nick) > 10)<br />
{<br />
echo "Çok uzun bir nick yazdınız";<br />
}<br />
<br />
onun yerine şöyle yazılabilir.<br />
<br />
if(isset($nick[11])) echo " çok uzun nick yazdınız";<br />
<br />
<br />
<b>5- Yerine Göre Tek Tırnak veya Çift tırnak kullanın.</b><br />
<br />
Php ile çift tırnak kullandığınızda verilen kelimenin içinde değişkenler olma ihtimali bulunur. bu durumda php daha fazla işlem yapmış olur.<br />
<br />
aşağıdaki iki örneğe bakalım:<br />
<br />
print "işlem sonucu: $sayi dir"; <br />
<br />
burda çift tırnak olması zorunlu ama onun yerine şu kullanılırsa daha hızlı olur.<br />
<br />
print 'işlem sonucu:' . $sayi . 'dir';<br />
<br />
<br />
<b>6- Class kullanmayı öğrenin:</b><br />
<br />
Class: Birkaç fonksiyonun birlikte kullanım şeklidir. Fonksiyon gibi tekrar kullanılabilir ama daha kapsamlı olduğu için fazla iş yapar.<br />
<br />
Class kavramı php 5 ile gelmiş bir olaydır. eski derslerde class olmamasının sebeplerinden biri budur. Diğer birçok program dilinde "olmazsa olmaz" denilen önemli şeylerden biridir. Class mantığını öğrenerek projenizde hız sağlayamazsınız ama çalışma hızınız artacaktır.<br />
<br />
Burada bahsedilen hız kavramı küçük bir sitede önemli değildir. sitenize günde 100 kişi giriyorsa bunları yapmanızın pek bir farkı olmaz. ama günde 10.000 kişi geliyorsa aradaki fark hissedilebilir. gerçi o kadar insan gelirse büyük ihtimalle dedicated server almak zorunda kalacağınız için yine hız konusunda bir derdiniz olmayacaktır.<br />
<br />Bilişim Günlüğühttp://www.blogger.com/profile/00924162190943019212noreply@blogger.com0