Php, Jquery, Css, Html, Java, JavaScript
Psd Navigasyon
Psd navigasyon menüTürkiye Blog!
Türkiye blog çöplüğü olmasın!Yettin Artık Terör!
Yettin artık terör!Selam arkadaşlar, uzun araştırmalarım neticesinde webmatrix diye bir Microsoft altyapısını kullanan bir uygulama buldum. Bu uygulama ile asp.net web sayfaları hatta scriptler bile yapmanız mümkün. çok kolay olmasada kullanım için kolay arayüz sayesinde rahatçana scriptler çıkartabilirsiniz. Yinede işin ehli olanlar bu uygulamayı çok daha rahat kullansada kurcalaya kurcalaya sizlerde kendinize göre web sayfaları geliştirebilirsiniz… default.cshtml dosyası aşağıdadır.

Layout = "~/_SiteLayout.cshtml";
Page.Title = "Welcome. Modify this template to kick-start your project.";
}
@section featured {
<section class="featured">
<div class="content-wrapper">
<hgroup class="title">
<h1>MAHLUKAT.NET</h1>
<h2>ASP.NET Kişisel Üyelikli Script</h2>
</hgroup>
<p>
To learn more about ASP.NET Web Pages, visit <a href="http://asp.net/webpages">http://asp.net/webpages</a>.
This page features <span class="highlight">videos, tutorials, and samples</span> to help you get the most
from ASP.NET Web Pages. If you have questions about ASP.NET Web Pages, visit
<a href="http://forums.iis.net/1166.aspx">our forums</a>.
</p>
</div>
</section>
}
<h3>We suggest the following:</h3>
<ol class="round">
<li class="one">
<h5>Configure ASP.NET Simple Membership</h5>
ASP.NET simple membership gives you a built-in way to create, store, and validate user credentials
(authentication). It also lets users log in using their Facebook or Twitter accounts.
</li>
<li class="two">
<h5>Add NuGet packages and jump start your coding</h5>
NuGet makes it easy to install and update free libraries in WebMatrix. To install a package, go
to the Files workspace and click the NuGet button in the ribbon.
</li>
<li class="three">
<h5>Setup deployment to your web server</h5>
Use FTP or Microsoft Web Deploy to quickly and easily publish your application to a web server.
Just click the Publish button in the ribbon and enter your credentials. For even easier deployment,
you can import publish settings that you get from your hosting provider.
</li>
</ol>
<section class="features">
<section class="feature">
<img src="@Href("~/images/aspNetHome.png")" alt="Home of ASP.NET" />
<h3>Home of ASP.NET</h3>
<p>
ASP.NET is a free, fully supported Web application framework that helps you easily create great websites.
The <a href="http://asp.net">ASP.NET website</a> is your source for news, training, downloads, and support.
</p>
</section>
<section class="feature">
<img src="@Href("~/images/NuGetGallery.png")" alt="NuGet Gallery" />
<h3>NuGet Gallery</h3>
<p>
NuGet is a WebMatrix extension that makes it easy to install and update libraries. Visit the
<a href="http://nuget.org">NuGet.org</a> site for more information.
</p>
</section>
<section class="feature">
<img src="@Href("~/images/findHosting.png")" alt=">Find Web Hosting" />
<h3>Find Web Hosting</h3>
<p>
You can easily find a web hosting company that offers the right mix of features and price for your
applications. The Site workspace includes a link to offerings on the
<a href="http://microsoft.com/web">Microsoft.com/web</a> from many providers.
</p>
</section>
</section>
Merhaba, arkadaşlar bu gün sizlere Mous ile resimleriniz üstüne gelince nasıl transparan yapacaüınızı anlatacağım. Aslında işlem çok basit şu vereceğim dosyada index.html ve style.css adı altında 2 dosya mevcut. Html i kullanmayağınız için sadece fikir edinebilme açısından koydum yapmanız tek gereken şey css’de belirli kodları alıp kendi css’inize eklemek…

background-color:#F0F0F0;
border:1px solid #FFFFFF;
margin:40px auto;
padding:10px;
width:700px;
-moz-box-shadow:0 0 2px gray;
-webkit-box-shadow:0 0 2px gray;
box-shadow:0 0 2px gray;
}
Bu tasarım ile feedbackinizin görselliğini ve içeriğini zenginleştirebilirisiniz. Yapmanız tek gereken şey dosyayı indirip gerekli düzenlemeleri yapmak

CSS PART1
background-color:#9db09f;
width:310px;
height:330px;
position:fixed;
bottom:0;
right:120px;
margin-bottom:-270px;
z-index:10000;
}
#feedback .section{
background:url(‘img/bg.png’) repeat-x top left;
border:1px solid #808f81;
border-bottom:none;
padding:10px 25px 25px;
}
#feedback .color{
float:left;
height:4px;
width:20%;
overflow:hidden;
}
#feedback .color-1{ background-color:#d3b112;}
#feedback .color-2{ background-color:#12b6d3;}
#feedback .color-3{ background-color:#8fd317;}
#feedback .color-4{ background-color:#ca57df;}
#feedback .color-5{ background-color:#8ecbe7;}
#feedback h6{
background:url("img/feedback.png") no-repeat;
height:38px;
margin:5px 0 12px;
text-indent:-99999px;
cursor:pointer;
}
#feedback textarea{
background-color:#fff;
border:none;
color:#666666;
font:13px ‘Lucida Sans’,Arial,sans-serif;
height:100px;
padding:10px;
width:236px;
-moz-box-shadow:4px 4px 0 #8a9b8c;
-webkit-box-shadow:4px 4px 0 #8a9b8c;
box-shadow:4px 4px 0 #8a9b8c;
}
CSS PART2
background:url("img/submit.png") no-repeat;
border:none;
display:block;
height:34px;
margin:20px auto 0;
text-decoration:none;
text-indent:-99999px;
width:91px;
}
#feedback a.submit:hover{
background-position:left bottom;
}
#feedback a.submit.working{
background-position:top right !important;
cursor:default;
}
#feedback .message{
font-family:Corbel,Arial,sans-serif;
color:#5a665b;
text-shadow:1px 1px 0 #b3c2b5;
margin-bottom:20px;
}
#feedback .arrow{
background:url(‘img/arrows.png’) no-repeat;
float:right;
width:23px;
height:18px;
position:relative;
top:10px;
}
#feedback .arrow.down{ background-position:left top;}
#feedback h6:hover .down{ background-position:left bottom;}
#feedback .arrow.up{ background-position:right top;}
#feedback h6:hover .up{ background-position:right bottom;}
#feedback .response{
font-size:21px;
margin-top:70px;
text-align:center;
text-shadow:2px 2px 0 #889889;
color:#FCFCFC;
}
JAVASCRIPT PART1
// The relative URL of the submit.php script.
// You will probably have to change it.
var submitURL = ‘submit.php’;
// Caching the feedback object:
var feedback = $(‘#feedback’);
$(‘#feedback h6′).click(function(){
// We are storing the values of the animated
// properties in a separate object:
var anim = {
mb : 0, // Margin Bottom
pt : 25 // Padding Top
};
var el = $(this).find(‘.arrow’);
if(el.hasClass(‘down’)){
anim = {
mb : -270,
pt : 10
};
}
// The first animation moves the form up or down, and the second one
// moves the "Feedback" heading, so it fits in the minimized version
feedback.stop().animate({marginBottom: anim.mb});
feedback.find(‘.section’).stop().animate({paddingTop:anim.pt},function(){
el.toggleClass(‘down up’);
});
});
JAVASCRIPT PART2
var button = $(this);
var textarea = feedback.find(‘textarea’);
// We use the working class not only for styling the submit button,
// but also as kind of a "lock" to prevent multiple submissions.
if(button.hasClass(‘working’) || textarea.val().length < 5){
return false;
}
// Locking the form and changing the button style:
button.addClass(‘working’);
$.ajax({
url : submitURL,
type : ‘post’,
data : { message : textarea.val()},
complete : function(xhr){
var text = xhr.responseText;
// This will help users troubleshoot their form:
if(xhr.status == 404){
text = ‘Your path to submit.php is incorrect.’;
}
// Hiding the button and the textarea, after which
// we are showing the received response from submit.php
button.fadeOut();
textarea.fadeOut(function(){
var span = $(‘<span>’,{ className : ‘response’, html : text }) .hide() .appendTo(feedback.find(‘.section’)) .show(); }).val(”); } }); return false; }); }); </span>
SUBMIT.PHP
$emailAddress = ‘me@example.com’;
// Using session to prevent flooding:
session_name(‘quickFeedback’);
session_start();
// If the last form submit was less than 10 seconds ago,
// or the user has already sent 10 messages in the last hour
if( $_SESSION[‘lastSubmit’] && ( time() – $_SESSION[‘lastSubmit’] < 10 || $_SESSION[‘submitsLastHour’][date(‘d-m-Y-H’)] > 10 )){
die(‘Please wait for a few minutes before sending again.’);
}
$_SESSION[‘lastSubmit’] = time();
$_SESSION[‘submitsLastHour’][date(‘d-m-Y-H’)]++;
require "phpmailer/class.phpmailer.php";
if(ini_get(‘magic_quotes_gpc’)){
// If magic quotes are enabled, strip them
$_POST[‘message’] = stripslashes($_POST[‘message’]);
}
if(mb_strlen($_POST[‘message’],‘utf-8′) < 5){
die(‘Your feedback body is too short.’);
}
$msg = nl2br(strip_tags($_POST[‘message’]));
// Using the PHPMailer class
$mail = new PHPMailer();
$mail->IsMail();
// Adding the receiving email address
$mail->AddAddress($emailAddress);
$mail->Subject = ‘New Quick Feedback Form Submission’;
$mail->MsgHTML($msg);
$mail->AddReplyTo(‘noreply@’.$_SERVER[‘HTTP_HOST’], ‘Quick Feedback Form’);
$mail->SetFrom(‘noreply@’.$_SERVER[‘HTTP_HOST’], ‘Quick Feedback Form’);
$mail->Send();
echo ‘Thank you!’;
Selam arkadaşlar, web’te en sık rastladığım sorulardan birisi olan değişen banner konusunu açmak istiyorum.. genelde webmaster arkadaşlarımızın genel problemi olan değişken banner her sayfa yenilendiğinde banner veya reklam alanının yenilenmesini ister, öyleki şu vereceğim kodlarla istediğiniz gibi değişken random bannerını rahatlıkla yapabilirsiniz. Unutmadan söyleyeyim resim yollarını kendinize göre ayarlayın..
$banner1 = "resim/banner1.jpg";
$Url1 = "http://www.google.com";
$banner2 = "resim/banner2.jpg";
$Url2 = "http://localhost/kr1.php";
$banner3 = "resim/banner3.jpg";
$Url3 = "http://www.youtube.com";
$rastgele = rand(1,3);
$resim = ${‘banner’.$rastgele};
$Url = ${‘Url’.$rastgele};
echo "<a href=".$Url."><img src=".$resim." border=0></a>";
?>
Kopyalayıp banner.php yada index.php olarak kaydedin ve resim/ olan klasörü istediğiniz klasör adını yazıp banner adlı resimleride istediğiniz gibi düzenleyin Url’lerde ise resime verdiğiniz link oluyor onlarıda kolaylıkla düzenleyebilirsiniz, kolay gelsin…
Php’de bir dizinde dosya oluşturmak çok basittir vereceğim kodlarla istediğiniz dizedeki ve istediğiniz klasörün içine kendi dosyanızı yaratmanız mümkündür. Kodlardaki uzantının sonunu istediğiniz gibi değiştirip uzantının hangi sisteme dahil olduğunu belirleyebilirsiniz..
$dosya_dizin = "C://";
touch ("$dosya_dizin/yeni_belge.txt");
print ("yeni_belge adlı bir dosya oluşturuldu!");
?>
Xmk ile php’yi birleştirerek çok kullanışlı ve bir o kadarda basit bir üyelik sistemi yapalım, işlemler aslında çok kolay verdiğim kodları dosyaların ismi aynı olacak şekilde değiştirmeden adlandırın ve sisteminize atın ve test olarak formu doldurduğunda uyelik adlı bir klasörün içinde kişinin üyelik bilgilerini oluşturduğunu göreceksiniz. Kodları paylaşıyorum…
kayit.php
"http://www.w3.org/TR/xhtml1/DTD/XHTMLL-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-euıiv="Content-Type" content="text/html; charset=utf-8" />
<title>kayıt sayfası</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="kayit_islem.php">
<label>
Adınız – Soyadınız :
<input name="ad_soyad" type="text" id="ad_soyad" />
</label>
<label>
Kullanıcı Adınız:
<input name="kullanici_ad" type="text" id="kullanici_ad" />
</ label>
<label>
Şifreniz:
<input name="kullanici_sifre" type="password" id="kullanici_sifre" />
</label>
<label>
E-Mail:
<input name="kullanici_eposta" type="text" id="kullanici_eposta" />
</label>
<label>
Güvenlik Kodu: 123
<input name="guvenlik_kodu" type="text" id="guvenlik_kodu" />
</label>
<label>
<input name="Submit" type="Submit" value="Devam >>" />
</label>
</form>
</body>
</html>
kayit_islem.php
<?php
session_start();
//formdan bilgileri alalım…
$ad_soyad = $_POST[‘ad_soyad’];
$kullanici_ad = $_POST[‘kullanici_ad’];
$kullanici_sifre = $_POST[‘kullanici_sifre’];
$kullanici_aposta = $_POST[‘kullanici_eposta’];
$guvenlik_kodu = $_POST[‘guvenlik_kodu’];
/*
//bilgileri aldığımızı kontrol edelim…
echo $ad_soyad;
echo $kullanici_ad;
echo $kullanici_sifre;
echo $kullanici_eposta;
echo $guvenlik_kodu;
*/
//aldığımız bilgilerin kontrollerini yapalım..
if((!$ad_soyad) || (!$kullanici_ad) || (!$kullanici_sifre) || (!$kullanici_eposta) || (!$guvenlik_kodu)) {
require ("kayit.php");
echo "bütün alanları tam doldurunuz.";} else {
//captcha kadar olmasa da bi güvenlik kodu koyalım
if($guvenlik_kodu == "123") {
if ( file_exists("$kullanici_ad"."/"."kullanici_bilgi."."xml") ) { //kullanıcı adı varmı kontrol edelim…
require ("kayit.php");
echo "bu kullanıcı ismi kullanılıyor…";} else {
mkdir ("$kullanici_ad" ,0777); //kullanıcı ismi mevcut deilse kullanıcı için klasör oluşturduk…
//xml dosyasını hazırlayalım…
$xml_file=‘<?xml version="1.0" encoding="utf-8"?>
<a>
<uye> ‘.‘
<kullanici_ad> ‘.$kullanici_ad.‘</kullanici_ad>
<kullanici_sifre>’ .$kullanici_sifre. ‘<kullanici_sifre>
<ad_soyad>’ .$ad_soyad. ‘</ad_soyad>
<eposta>’ .$kullanici_eposta. ‘</eposta>
</uye>
</a>’;
// xml dosyasını yazalım..
$enter=fopen("kullanici_ad"."/kullanici_bilgi.xml",‘w’);
fwrite($enter,$xml_file);
fclose($enter);
}
} else {
require ("kayit.php");
echo "guvenlik kodunuzu hatalı girdiniz..";}
}
?>
Dosya isimleri aynı olacak şekilde ftp nize atıp deneyebilirsiniz kolay gelsin
Sevgili okuyucular wordpress’te içerik yazılarını kısaltmak için çeşitli eklentiler mevcut, fakat bu eklentiler sistemi zorladağı için wordpressin içindeki hazır kodlardan faydalanmamız sitemizin leyhine olacaktır. Kurulan her eklentide hemen hemen Css mevcut olup otomatik Cssi wordpress sistemize çeker ve sistemin yavaşlamasına neden olur aynı zamanda bu php dosyaları içinde geçerlidir. Bir php dosyasının içinde bulunan fonksiyonlar algoritmalar komutlar sistemin işlevselliğini yavaşlatıp hantal bir görünüm sergiletebilir bunun için elimizden geldiği kadar eklentisiz bir kaç satırcık hatta birkaç kelimecik oluşan kodları araştırıp öyle sistemimize uygulayalım. Burada anlatacağım olayı bir kısım Webmaster arkadaşlarımız belki bilirler ama bilmeyenler için paylaşımımı sunmak istiyorum. WordPress sistemizi kurduk ve tamamızı “themes” klasörüne attık örneğin anasayfada kelimeler çok uzun ve biz bu kelimeleri kısaltıp ziyaretçinin konuya tıklayıp esas konu üzerinde yoğunlaşmasını istiyoruz.. o zaman temanızın index.php veya home.php temanıza göre uygun dosyayı açıp şu kodu bulun…
Bu kod eklemiş olduğunuz içeriği sayfalamada gösterme metodudur ve şimdi yapmanız gereken olay ise şu şekilde.
yani ben örnek olarak ’8′ dedim anlamı ise konularda içeriği ’8′ kelimeye kadar göster bunu siz istediğiniz rakam olarak belirleyebilirsiniz örneğin..
yaparsanız hiç bir içerik yazısı olmadan sadece başlık ve tarihi gösterir. daha farklı uygulamalar için deneme yanılma yöntemi ile dahada kod ekleyip çıkarabilirsiniz.
Bilindiği üzere wordpress sistemlerde konu resimlerini ayarlamak için genelde eklenti kullanılır, en boy oranını otomatik verme, arka plan rengi, border ve bir çok özelliği kapsayan eklentiler bulunmakta. Eski wordpress versiyonlarında bu gibi ayarlar panelden otomatik yapılsada yeni sürümler için herhangi bir php kod yada panelden ayar sağlanamıyor, Bizde eklentisiz ne yapabiliriz diye düşünerekten wordpress sistemini masaya yatırdık ve çok iyi analiz ettik. Sonuçlara göre konu resimi divi ” img class ” olarak belirledik.. img class kodu temanızın style.css dosyasında yer almaz nitekimdirki wordpress in esas css’indede yer almıyor.. bizde kolları sıvayıp img class kodlarını sağ, sol, orta gibi detaylı olarak kendimiz yazdık .. Artık isteyen herkes kendi post resimlerine ayar verebilecek.
Temamızın ” Style.css ” dosyasını herhangi bir Editör programı ile açın Tercihimiz EditPlus’tır, ve sayfanın en altına şu kodları ekleyin. ( üstünde değişiklik yapabilirsiniz.. )
img.alignleft { display: block; margin: 0 auto; width: 400px; height:250px;}
img.aligncenter { display: block; margin-left: auto; margin-right: auto; width: 400px; height:250px;}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto;}
img {border:0px;}
Bu kodda herşey sabit ama eklenen resimler otomatik olarak en “400″ boy “250″ olarak atanır. Kolay gelsin…
Dünya devi olan googlenin şu sıralar üst barı hepimizin dikkatini çekmiştir, ulan adamlar yapıyor dedirten olay aslında sadece birkaç satırcık kodlardan ibaret konuyu dağıtmadan hemen uygulamaya geçiyorum
Style.css dosyamıza yada css dosyanızın adı neyse onun en altına…
CODE
background: #848383;
padding:0 5px;
font-size:13px;
color:#3366cc;
overflow:hidden;
background:-moz-linear-gradient(0% 100% 90deg,#f5f5f5, #ffffff);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f5f5f5));
}
ul.googleTab li {
float:left;
padding:7px 8px;
border-top:solid 2px #bad3ea;
}
ul.googleTab li.active{
border-top: solid 3px #1a54e1;
color:#363636;
font-weight:bold;
}
ul.googleTab li:hover {
background:#e4ebf8;
cursor:pointer;
}
Daha sonra ise görünmesi istediğiniz yere ekleyeceğiniz kodlarda şu şekilde…
CODE
<li class="active">Ana Sayfa</li>
<li>Hakkında</li>
<li>Servis</li>
<li>Teknoloji</li>
<li>İletişim</li>
</ul>
Kasım 25, 2011 Tarihinde 

