<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>CSS3 Responsive İçerik Haritasi (BreadCrumb)(Bootsrap veya Materialize Grid Uyumlu)</title> <style type="text/css"> body { margin: 0; padding: 0; width: 100%; } #icerikharitasi { text-align: center; border-spacing: 0px; border-collapse: separate; width: 100%; } #icerikharitasi tr td { display: inline-block; width: 33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; background: #3498db; text-align: center; font-size: 20px; text-decoration: none; color: #fff; padding: 30px; } @media (max-width: 767px) { #icerikharitasi tr td { display: block; width: 100%; } } #icerikharitasi tr td:nth-child(1) { background-color: rgba(224, 34, 34, 1); } #icerikharitasi tr td:nth-child(2) { background-color: rgba(124, 133, 142, 1); } #icerikharitasi tr td:nth-child(3) { background-color: rgba(104, 114, 124, 1); } #icerikharitasi tr td:nth-child(1):hover { background-color: rgba(194, 34, 34, 1); } #icerikharitasi tr td:nth-child(2):hover { background-color: rgba(120, 120, 120, 1); } #icerikharitasi tr td:nth-child(3):hover { background-color: rgba(100, 100, 100, 1); } @media (min-width: 768px) { #icerikharitasi tr td:after { content: ""; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid rgba(224, 34, 34, 1); position: absolute; right: -10px; top: 40%; z-index: 1; } #icerikharitasi tr td:last-child:after { display: none; } #icerikharitasi tr td:nth-child(1):after { border-left: 10px solid rgba(224, 34, 34, 1); } #icerikharitasi tr td:nth-child(2):after { border-left: 10px solid rgba(124, 133, 142, 1); } #icerikharitasi tr td:nth-child(3):after { border-left: 10px solid rgba(104, 114, 124, 1); } #icerikharitasi tr td:nth-child(1):hover:after { border-left: 10px solid rgba(194, 34, 34, 1); -webkit-background-clip: padding-box; background-clip: padding-box; } #icerikharitasi tr td:nth-child(2):hover:after { border-left: 10px solid rgba(120, 120, 120, 1); -webkit-background-clip: padding-box; background-clip: padding-box; } #icerikharitasi tr td:nth-child(3):hover:after { border-left: 10px solid rgba(100, 100, 100, 1); -webkit-background-clip: padding-box; background-clip: padding-box; } } #icerikharitasi tr td a { color: #fff; text-decoration: none; } #icerikharitasi tr td:hover a { color: #fff; text-decoration: none; opacity: 0.8; } </style> </head> <body> <table id="icerikharitasi"> <tr> <td><a href="#1">İçerik 1</a></td> <td><a href="#2">İçerik 2</a></td> <td><a href="#3">İçerik 3</a></td> </tr> </table> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <script> function resicerik() { var ih1 = "#icerikharitasi tr td:nth-child(1)"; var ih2 = "#icerikharitasi tr td:nth-child(2)"; var ih3 = "#icerikharitasi tr td:nth-child(3)"; $(ih1).css('height', 'auto'); $(ih2).css('height', 'auto'); $(ih3).css('height', 'auto'); var i1 = $(ih1).height(); var i2 = $(ih2).height(); var i3 = $(ih3).height(); if (i3 > i2) { i = i3 } else if (i3 === i2) { i = i2 } else if (i2 > i1) { i = i2 } else if (i2 === i1) { i = i1 } else { i = i1 } $("#icerikharitasi tr td").height(i); } $(document).ready(function() { $(window).resize(function() { if ($(window).width() > 767) { resicerik(); }else{ var ih1 = "#icerikharitasi tr td:nth-child(1)"; var ih2 = "#icerikharitasi tr td:nth-child(2)"; var ih3 = "#icerikharitasi tr td:nth-child(3)"; $(ih1).css('height', 'auto'); $(ih2).css('height', 'auto'); $(ih3).css('height', 'auto'); } }); }); </script> </body> </html>
Kategori: Class And Function
Form Üzerinden Doğum Günü İşlemleri
<?php function zaman($deger){ $z=array(); if(version_compare(phpversion(),'5.2.0','>=')){ $zaman = new DateTime($deger); $zaman->setTimezone(new DateTimeZone('Europe/Istanbul')); $z["yil"]=$zaman->format('Y'); $z["ay"]=$zaman->format('m'); $z["gun"]=$zaman->format('d'); $z["tam"]=$zaman->format('Y\-m\-d'); $z["damga"]=$zaman->getTimestamp(); }else{ $sifirla = date_default_timezone_get(); date_default_timezone_set('Europe/Istanbul'); $damga=strtotime($deger); date_default_timezone_set($sifirla); $z["yil"]=date('Y',$damga); $z["ay"]=date('m',$damga); $z["gun"]=date('d',$damga); $z["tam"]=date('Y\-m\-d',$damga); $z["damga"]=$damga; } return $z; } function dogumTarihi($kacyilonce,$ad=null,$kimlik=null,$sinif=null){ $once=(date("Y",(time()))-$kacyilonce)."-".date("m-d",(time())); $simdi=date("Y-m-d",time()); return '<input name="'.$ad.'" class="'.$sinif.'" id="'.$kimlik.'"'. ' max="'.$simdi.'" min="'.$once.'" type="date" />'; } ?> <form action="" method="post"> <?php echo dogumTarihi(90,"ddlBirthYear","ddlDogumYil"); ?> <input type="submit" value="Gönder"/> </form> <?php if(isset($_POST["ddlBirthYear"])){ $zaman=zaman($_POST["ddlBirthYear"]) print_r($zaman); //echo $zaman["tam"]; } ?>
Çıktısı
Array ( [yil] => 2015 [ay] => 03 [gun] => 12 [tam] => 2015-03-12 [damga] => 1426114800 )
Tüm Mysql Sorgularını Kayıt Etmek
Ne işe yarar?
Mesela anasayfanızın oluşturulması için bir sürü sorgunun gerçekleşmesi gerekebilir. Anasayfanızı açtıkran sonra oluşan tüm sorguları bu şekilde inceleyebilirsiniz. Belki de gereksiz ya da düzensiz sorgularınızı görüp daha kaliteli bir yapı hazırlamanıza yardımcı olabilir.
Nasıl Yapılır?
1. Apache üzerinden my.ini dosyasını aratıp not defteri ile açınız.
2. [mysqld] yazan satırı bulun.
3. Hemen alt satırına aşağıdakileri yazın
Xampp için
general_log=1 general_log_file="/xampp/htdocs/query.log"
Easyphp için
general_log=1 general_log_file="${path}/data/localweb/query.log"
4.Dosyayı kaydettikten sonra apache’yi yeniden başlatın.
5.Bir mysql sorgusu gerçekleştirip local sitenizin ana dizininde bulunan query.log dosyasını kontrol ediniz.
Metni Seçilen Harften Başlatmak
<?php $yazi = 'Bu bir deneme yazısıdır'; echo strpbrk($yazi, 'e'); ?>
Çıktısı
eneme yazısıdır';
Benzer Kelime Bulma
<?php function bumudur($kelime,$hafiza){ $oran=array(); foreach ($hafiza as $h) { $benzer = levenshtein($kelime, $h); array_push($oran,$benzer); } foreach(array_keys($oran, min($oran)) as $sira){ similar_text($hafiza[$sira], $kelime, $benzerlikorani); return array($hafiza[$sira],round($benzerlikorani)); } } $kelime = 'kaağğıt'; $hafiza = array('taş','makas','kağıt','saat','telefon'); $sonuc = bumudur($kelime,$hafiza); echo "Bunu mu demek istediniz ".$sonuc[0].PHP_EOL; echo "Benzerlik oranı %".$sonuc[1]; ?>
Kelimeleri veya Cümleleri Harflere Bölmek
<?php $mail = "ulusanyazilim@gmail.com"; $bol1 = str_split($mail); $bol2 = str_split($mail, 5); print_r($bol1); print_r($bol2); ?>
Çıktısı
Array ( [0] => u [1] => l [2] => u [3] => s [4] => a [5] => n [6] => y [7] => a [8] => z [9] => i [10] => l [11] => i [12] => m [13] => @ [14] => g [15] => m [16] => a [17] => i [18] => l [19] => . [20] => c [21] => o [22] => m ) Array ( [0] => ulusa [1] => nyazi [2] => lim@g [3] => mail. [4] => com )
İki Dizi Arasında Anahtar ve Değer Kuralı Belirleyerek Fark Bulma
Not:
1-) Fonksiyon içinde kural sorgularken değerleri aynıysa “==” , hem değerleri hem anahtarları aynıysa “===” kullanılır.
2-) array_diff_uassoc anahtar ve değer farkını birlikte işlerken, array_udiff sadece değer farkını işler.
Aşağıda anahtar isimleri adi,yas,soyadi olan değer örnekleri işlenmiştir.
array_diff_uassoc
<?php $dizi1 = array("adi" => "Mehmet","yas" => "30", "soyadi" => "Ulusan"); $dizi2 = array("adi" => "Mehmet", "soyadi" => "Ulutan","30"); $cikti = array_diff_uassoc($dizi1, $dizi2, function ($d1,$d2){ if($d1 === $d2){ /* hem değerleri hem anahtarları aynı olursa*/ return false; /*aynı olanları yazdırmasın istiyoruz*/ }else{ return true; /* kurala göre farklı olanları döndürüyoruz */ } }); print_r($cikti); ?>
Çıktısı
Array( [yas] => 30 [soyadi] => Ulusan )
Yukarıki Çıktının Sebebi
1.Diger dizide yas anahtarı yok idi
2.Diğer dizide soyadinin değeri farklı idi
array_udiff
<?php $dizi1 = array("adi" => "Mehmet","yas" => "30", "soyadi" => "Ulusan"); $dizi2 = array("adi" => "Mehmet", "soyadi" => "Ulutan","30"); $cikti = array_udiff($dizi1, $dizi2, function ($d1,$d2){ if($d1 === $d2){ /* hem değerleri hem anahtarları aynı olursa*/ return false; /*aynı olanları yazdırmasın istiyoruz*/ }else{ return true; /* kurala göre farklı olanları döndürüyoruz */ } }); print_r($cikti); ?>
Çıktısı
Array([soyadi] => Ulusan)
Yukarıki Çıktının Sebebi
1.Diğer dizide soyadinin değeri farklı idi
2.Diğer dizide yas anahtarı yok idi ama bu fonksiyon anahtara değil değere baktığı için 30lar eşleşip yok oldu.
İki Diziyi Anahtar ve Değer Olarak Birleştirmek
<?php $isim = array('yas', 'boy', 'kilo'); $icerik = array('30', '190', '85'); $yeni = array_combine($isim, $icerik); print_r($yeni); ?>
Çıktısı
Array( [yas] => 30 [boy] => 190 [kilo] => 85 )
Dizi İçinde Dizi Aramak
Dizi içinde dizi arayarak hepsi var ise true bir tanesi bile yok,eşleşmiyor ise “false” döndürür.
<?php function diziicindediziara($dizi,$aranan) { return (count(array_intersect($aranan, $dizi)) == count($aranan)); } $ara = array(1,2,3); $sayilarda = array(8,3,5,4,1,9,2,7,6); var_dump(diziicindediziara($sayilarda,$ara)); // return true; ?>
Aktif Menüyü Vurgulamak
<style> .aktif{background-color:rgba(0,0,0,0.1)} </style> <ul class="menu" > <?php $site = explode('/',$_SERVER['PHP_SELF']); $say = count($site); $sayfa = $site[$say-1]; ?> <li><a class="<?php echo ($sayfa=='index.php')?'aktif':'';?>" href="index.php">Anasayfa</a></li> <li><a class="<?php echo ($sayfa=='test.php')?'aktif':'';?>" href="test.php">Test</a></li> </ul>