Yazı, harf, kelime ve satır boşluklarını ayarlamak

17 Ağustos 2013 Cumartesi



Bu derste yazıda harfler arası, cümleler arası, satır arası ve büyük küçük harf değişiklikleri gibi düzenlemeleri göreceğiz.

line-height // Satırlar Arası Yükseklik 

Satırdan kasıt line-height özelliğidir. aşağıdaki kodlar satırlar arası mesafeyi ayarlar.

<style type="text/css">
birinci durum//
.text1 {
 line-height: normal;
        line-height:15px; // px yerine farklı ölçü birimleri'de kullanılablir(px,pt,in,cm,mm,pc,em,ex,%,multtiple)
}
ikinci durum//
.text2 {
line-height:15px; // px yerine farklı ölçü birimleri'de kullanılablir(px,pt,in,cm,mm,pc,em,ex,%,multtiple)
}


Kelimeler Arası Mesafe Ayarlama

Şu kodlar word-spacing / kelimeler arası mesafeyi ayarlamanızı sağlayacaktır.

<style type="text/css">
.text {
word-spacıng :15px;
}


Harfler Arasını Açmak

Aşağıdaki kodları kullandığınızda uyguladığınız kısımda harfler arasındaki boşluk açılacaktır. Değeri artırdıkça boşluk artar.

.text1 {
letter-spacıng: 5px;
  }


Harfleri ve Kelimeleri Büyütmek

uppercase: Küçük harfleri büyük harfe çevirir.
capitalize: Sadece kelimelerin baş harfini büyütür.
lowercase: Büyük harfleri küçük harfe cevirir.

Kullanabileceğiniz kod:

.text {
text-transform: capitalize; // Kelimelerin Baş Harfini Büyütür.
}
.text {
text-transform: uppercase;//küçük harfleri büyütür
}
.text {
text-transform: lowercase; //BÜYÜK HARFLERİ KÜÇÜK YAPAR
}

CSS ile Animasyonlu Menü Yapımı

Bu dersimizde CSS3'ün nimetlerinden yararlanarak hareketli menü yapımını göreceğiz.


















CSS ile Kalp Şekli Yapmak

Bir çok css ve jQuery örneklerine baktıktan sonra "Ben de bir şey yapmalıyım" dedim. Bu örnekler de örnek hani, adam neredeyse pixel pixel kendi portresini yapacak, o derece yani! 

Aklıma basit bir örnek olan; kalp yapmak geldi. Kendim yaptıktan sonra bunu da ders olarak göstermek istedim.

Kalp yapmak için iki adet daire ve bir adet kareye ihtiyacımız var. Bunun için iki adet daireyi border-radius ile oluşturuyoruz, sonrasında ise kareyi 45 derecelik bir açıyla çevirerek iki dairenin arasına sokuyoruz ve kalbimiz hazır. Çevirme işlemini de transform özelliği ile yapıyoruz.

HTML: Tag Kullanımı

HTML: <summary> Tag Kullanımını birlikte öğrenelim.

<summary> başlık göster ve gizleme anlına gelmektedir,<details> tag içerisinde <summary> tag özelliği kullanılarak başlık bilgisi <summary> tag içerisinde yazılarak daha sonra içerik <summary> tag altına <p> tag içerisinde yazılarak başlığa tıklandığı an içerik gösterilecektir.

Bu özeliği çalışmalarınızda şekillendirebilirsiniz.

Tag:
<summary>


Örnek:
<!DOCTYPE html>
<html>
<body>

<details>
<summary>SANALKURS</summary>
<p><i>Ne yapabileceğini göster!</i></p>
</details>

</body>
</html>

Çalışmalarınızda Başarılar Dilerim

Asp.Net'te DataList Kontrolü

Bu makalemde datalist kontrolünü kullanarak veritabanındaki resimleri web sayfası üzerinde göstermekten söz edeceğim.

Öncelikle veritabanımıza (adı HOTEL) Resimler diye tablo oluşturalım.tablomuzun içine ResimID ve ResimUrl diye iki tane property ekliyelim. ResimUrl özelliğine resimlerimiz hangi dosya içinde bulunduğunun uzantısı ekliyoruz.

Database kısmında bu işlemleri yaptıktan sonra visual studio tarafına geçerek Galeri adında bir tane web page açalım..

Galeri sayfasının html kısmına bir tane datalist ekliyelim ve aşağıdaki kodları yazalım.

<asp:Content ID="Content1" ContentPlaceHolderID="cphMaster" runat="server">
    <asp:DataList ID="dlOdalar" runat="server" RepeatColumns="3" RepeatDirection="Vertical">
        <HeaderTemplate>
            <h3>
                << Resimlerimiz >>
            </h3>
        </HeaderTemplate>
        <ItemTemplate>
            <div style="width:300; height=250; border-style:solid">
                <asp:Image ID="resim" Width="310" Height="200" ImageUrl='<%#Eval("ResimUrl")%>' runat="server" />
            </div>
        </ItemTemplate>
    </asp:DataList>
</asp:Content>
 


Bu kodu yazdıktan sonra web sayfamızın cod behind kısmına geçerek gerekli kodumuzu page'in load olayına yazıyoruz.

protected void Page_Load(object sender, EventArgs e)
        {
            

            string connectionString = "Data source=.;Initial Catalog=HOTEL;Integrated Security=true";
            SqlConnection connection = new SqlConnection(connectionString);
            if (connection.State == ConnectionState.Closed)
                connection.Open();

            SqlCommand command = new SqlCommand("select * from Resimler ", connection);
            SqlDataReader dr = command.ExecuteReader();

            dlOdalar.DataSource = dr;
            dlOdalar.DataBind();
            connection.Close();

        } 



Code behind kısmında bunları yaptıktan sonra sayfamızı çalıştırarak web üzerinde resimleri görebiliriz.

Bir makalenin daha sonuna geldik. Bir sonraki makalede görüşmek üzere...

Asp.Net ile sayfa ortalamak



Asp.Net ile oluşturduğumuz sitemizi açıyoruz.
Sitemizin varsa masterpage'ni açıyoruz.
masterpage de sayfamızın source kısmına geliyoruz.
Asp.Net ile oluşturduğumuz sitemizin sayfalarını ortalayacağız.







<body>
    <form id="form1" runat="server"> 


tagının içine birtane daha <div> tagı açıyoruz.

Bu divin genişlik değerini belirtiyoruz.yoksa sitemiz ortalanmaz. 

<div style="width:800px">


Bu div'i sayfanın en altındaki </form></body> tagından önce kapatıyoruz. 

</div></form></body>


divimizi oluşturduk şimdi gelelim içinde tasarım kodları bulunan bu divi ortalamaya.

Sitemizin head tagları arasına 

<style type="text/css">
.container{margin-left:auto;
margin-right:auto;}</style>


kodunu ekliyoruz.

oluşturduğumuz divin class'ını container olarak belirliyoruz.

<div style="width:800px" class="container">


artık tamamdır sitemiz ortalanmış oluyor. Eğer masterpage kullanmadıysanız her sayfaya aynı yöntemleri uygulamanız gerekiyor.

Asp.net DataGridview Kullanımı
















Merhabalar, 

Bu dersimizde Asp.net'de kullanılan Datagridview nesnesini anlatacağım. 
Veri tabanından kayıtları çekip gridde listelemek, güncelleştirme ve silme işlemlerini yapacağız. Aynı zamanda gridde nasıl resim kullanılır, onu da göreceğiz. 

Yararlı Olması Dileğiyle...

PHP Captcha (Güvenlik Kodu) Yapımı

16 Ağustos 2013 Cuma












Bu yazıda gercek ip adresini tespit etmeyi öğreneceğiz. Formdan gelen ip'nin gerçek olup olmadığını belirlemek bu sayede mümkün olacaktır.

Kullanacağımız kod dizisi aşağıdaki şekilde:

function ip()
{
 if (getenv('HTTP_CLIENT_IP'))
  $IP = getenv('HTTP_CLIENT_IP');
 elseif (getenv('HTTP_X_FORWARDED_FOR'))
 {
  $IP = getenv('HTTP_X_FORWARDED_FOR');
  if (strstr($IP, ','))
  {
   $TMP = explode (',', $IP);
   $IP = trim($TMP[0]);
  }
 }
 else
  $IP = getenv('REMOTE_ADDR');

 return $IP;
}

PHP'de Şifremi Unuttum Özelliği


















Web sitesinde kullanıcılar şifresini unutunca nasıl talep edecekler, gelin beraber inceleyelim.

PHP aly yapınız olduğunu dikkate alarak aşağıdaki bilgileri incelediğiniz takdirde olayı anlayabileceğinizi düşünüyorum.

Şifre Talep Formu

// şifre talep formu
function sifretalep(){
global $siteadi;  //benim sitemin adı siz isterseniz elle yazabilirsiniz ben global olarak cektim
echo"<div class="kaydol_crv">

<div class="kaydol_crv_ust">
<div class="kaydol_crv_logo"><img src="images/logo.png" width="45" height="45" /></div>
<div class="kaydol_crv_slogan">$siteadi Şifre Talep Formuna Hoşgeldiniz.</div>
<div class="kaydol_crv_cizgi"></div>
</div>
<div class="kaydol_crv_ortagiris">
<form action="sayfa.php?Git=uyehesabi&sayfa=talep" method="POST">
<div class="kaydol_crv_frmkutu">
<div class="kaydol_crv_frmtext">Adınız :</div>
<div class="kaydol_crv_frm"><input class="form" name="yazaradi" type="text" /></div>
</div>
<div class="kaydol_crv_frmkutu">
<div class="kaydol_crv_frmtext">E-postanız :</div>
<div class="kaydol_crv_frm"><input class="form" name="email" type="text" /></div>
</div>
<div class="www.siteadiniz.com"><input class="submit_Kaydol" type="submit" value="?ifre talep"/></div>
</form>
</div>;
}


Talep Edilince Gidilen Fonksiyon

// talep edilince gidilen function

//sifretalepfunction baslangic
function talep(){
global $prefix , $sitemail,$siteadi;
$yazaradi           = kodfilitre($_POST ["yazaradi"]);// kod filtre önceki derslerimden bakabilirsiniz
$email              = kodfilitre($_POST ["email"]);
if (($yazaradi=="") or ($email=="")){ 
  mesajuyari("LÜTFEN BOS ALAN BIRAKMAYIN ",2,"sayfa.php?Git=uyehesabi&sayfa=sifretalep");
}     
else{ 
  $sor=mysql_query("SELECT yazaradi,email FROM ".$prefix."_uyeler WHERE yazaradi='$yazaradi' and email='$email' ");
  if(@mysql_num_rows($sor)>0){
    $ekle=mysql_fetch_array(mysql_query("SELECT * FROM ".$prefix."_uyeler WHERE yazaradi='$yazaradi' or email='$email' "));
    $alici       = $ekle ['email'];
    $sifre       = $ekle ['sifre'];
    $suankisifre1   = md5($sifre);
       if($ekle){
                           $alici      = $email;    
                           $gonderen   = $sitemail;// değişken değil de siz isterseniz (www.siteadiniz.com)şeklinde yazabilirsiniz..
                           $konubilgi  = $siteadi. "ŞIFRENIZ";
                           $bilgi      = "Sayin ".$yazaradi." Sifre talebiniz basariyla gerceklesti.";
                           $bilgi     .= "n YAZAR ADINIZ ".$yazaradi."n";
                           $bilgi     .= "n ŞIFRENIZ ".$sifre ." n";
                           $bilgi     .= "n GİRİŞ IÇIN WEB SİTEMİZİ ZİYARET EDİN. n";
                           $bilgi     .= "n  ".$siteadi ." n";
                           $header     = "From : $alici ";
                           $header     .= "Reply-To : $sitemail ";
                           $emailgonder = @mail($alici,$konubilgi,$bilgi,$header,$gonderen);  
                          if($emailgonder){
                        mesajuyari("ŞİFRE TALEBİNİZ ONAYLANDI. ŞİFRENIZ EMAİLİNİZE GÖNDERİLDİ",2,"index.php");
                            }else{
               mesajuyari("ŞİFRE TALEBİNİZ ONAYLANMADI,BİR SORUNLA KARŞILASTIK, LÜTFEN TEKRAR DENEYİN.",4,"sayfa.php?Git=uyehesabi&sayfa=sifretalep");}

          }else{
          mesajuyari("ŞİFRE TALEBİNİZ ONAYLANMADI, TEKRAR DENEYİNİZ.",4,"sayfa.php?Git=uyehesabi&sayfa=sifretalep");}
   }else{
    mesajuyari("BELİRTTİĞİNİZ DURUMA GÖRE KAYIT BULUNAMADI, HATA OLDUĞUNU DÜŞÜNÜYORSANIZ TEKRAR DENEYİN!",2,"sayfa.php?Git=uyehesabi&sayfa=sifretalep");
    } 
}//yazar adi veya email bos degilse else kapanisi

}//function kapama

//sifretalepfunction bitis

PHP Çok Basit Üyelik Scripti

Merhaba,



Bu derste Php ve Mysql kullanarak çok basit üyelik scripti yazımını görelim. Php ile çok basit bir üyelik scripti yazımı dersidir.

İnşallah faydalı olur.

Gözümden kaçan bir hata varsa konu altından bildirebilirsiniz




ayar.php Dosyası

<?php 
$host= "localhost";
$ad = "root";
$pw ="";
$wt ="denemelerim";

$baglanti = mysql_connect($host,$ad,$pw) or die (mysql_error());
mysql_select_db($wt,$baglanti) or die (mysql_error());

?> 

-----------------------------------------------------------------------
kyt.php Dosyası
<div id="kform">
<p><b>Kullanici Kayit Formu!
<form action="" method="post">
<strong>Kullanici Adi:</strong><br />
<input type="text" name="kadi" /><br />
<strong>Sifre:</strong> <br />
<input type="password" name="sifre" /><br />
<button>Kayit Ol!</button>
</form>
</div>
<?php
include "ayar.php";
$kadi =     @$_POST['kadi'];
$sifre =    @$_POST['sifre'];
$sifre = md5($sifre);
if($_POST){
    if($kadi =="" || $sifre ==""){echo "bos alan birakmayin";}
    else{
    $insert = mysql_query("INSERT INTO uyelik (kadi,sifre) VALUES ('$kadi','$sifre') ");
    if($insert){
        
        echo "<font color=green>Basari Ile Kayit Oldunuz </font>"."<br />";
        echo "<font color=green>Giris yapmak icin <a href='girisyap.php'>tiklayin </font></a>";
        
        

    }else{echo "Uzgunuz Bir Hata Ile Karsilastik !!";} 
 }   
}
?>
<style type="text/css">
#kform{padding:0;margin:0;display:block;background-color:pink; width:300px; height:200px;}
strong{color:black;}
button{margin-top:15px;background-color:black; color:white;width:80px;height:25px; cursor:pointer}
a{text-decoration:none;}
</style>

------------------------------------------------------------
girisyap.php Dosyası

<div id="gform">
<p><b>Kullanici Giris Formu
<form action="" method="post">
<strong>Kullanici Adi:</strong><br />
<input type="text" name="kadi" /><br />
<strong>Sifre:</strong> <br />
<input type="password" name="sifre" /><br />
<button>Giris Yap!</button>
</form>
</div>
<?php
session_start();
include "ayar.php";
$kadi  = mysql_real_escape_string(@$_POST['kadi']);
$sifre  = mysql_real_escape_string(@$_POST['sifre']);
$sifre = md5($sifre);
if($_POST){
    if($sifre=="" || $kadi==""){echo "<font color=red><b>Lutfen Bos Alan Birakmayin</font>";}
    else{
    $sorgula = mysql_query("SELECT * FROM uyelik WHERE kadi='$kadi' and sifre='$sifre'");
    $verisay = mysql_num_rows($sorgula);
    if ($verisay >0){
        $_SESSION['kadi'] = $kadi;
  echo "Basarili Bir Sekilde Giris Yaptiniz"."<br />";
  echo "Profilinize Ulasmak Icin <a href='profil.php'>Tiklayiniz</a>"; 
    }else{
        echo "<font color=red><b>Yanlis kullanici adi veya sifre girdiniz lutfen kontrol ediniz!!</font>";
    }
}
}
?>
<style type="text/css">
#gform{padding:0;margin:0;display:block;background-color:green; width:300px; height:200px;}
strong{color:white;}
button{margin-top:15px;background-color:black; color:white;width:80px;height:25px; cursor:pointer}
a{text-decoration:none;}
p{color:white}
</style>

-----------------------------------------------------
profil.php Dosyası
<?php
session_start();
$kadi =$_SESSION['kadi'];
echo "<div class='basarili'>Hosgeldiniz Sayin <strong>$kadi</strong> </div>"."<br />";
echo "<strong>$kadi</strong> Burasi senin profilin burada profilini duzenleyebilirsin!!";
?>
<style type="text/css">
.basarili{font:15px tahoma;}
strong{color:green;}
</style>