Şık sade ve güzel ( 
) ücretsiz aynı zamanda da Türkçe wordpress teması Alltuts. Aslında Tema Türkçe değil fakat bir arkadaşımız Türkçeleştirmiş. Temanın kendine ait bir control paneli var ve bu panelden gerekli ayarları yapabiliyorsunuz.
Bu videoda Illustrator programı ile çok şık bir logonun ne kadar kolay bir şekilde hazırlanabileceği gösteriliyor.
Video ingilizce olsa da izlemeniz ve uygulamanızı öneriyorum. Videonun sonunda siz de güzel bir logo yapmış olacaksınız mutlaka.
Illustrator programının logo tasarımındaki başarısı herkes tarafından kabul edilen bir konudur.
bu video da bize Illustrator programızla aşağıdaki resimde görünen logonun nasıl tasarlandığını izleyeceğiz.
Web Tasarımda jQuery ve CSS‘in etkileri tartışılmaz. Bir çok büyük yazılım şirketlerinin yanı sıra amatör web sayfaları da hergün yenilenmek zorunda kalıyor.
Artık bende çeşitli jQuery örneklerini sizlerle paylaşacağım. Bu sayede daha görsel ve işlevsel sayfalar yapabilirsiniz.
Bu Login Panel ( Kullanıcı Girişi ) örneğinde jQuery ve CSS ile hazırlanmış çok kolay ve görünüm olarakta şık bir örnek.
head tagına ekleyeceğinizkodlar:
<!-- Call jQuery in <head></head> tags of the document -->
<script type="text/javascript" src="jquery.js"></script>
<!-- jQuery to apply actions to the link -->
<script type="text/javascript">
$(document).ready(function(){
$("#login-link").click(function(){
$("#login-panel").slideToggle(200);
})
})
<!-- jQuery to apply actions to the ESC key -->
$(document).keydown(function(e) {
if (e.keyCode == 27) {
$("#login-panel").hide(0);
}
});
</script>
xHTML kodları
<!-- xHTML Code --> <div id="demo-header"> <!-- Code for Login Link --> <a id="login-link" href="#login" title="Login">Clients Area</a> <!-- Code for login panel --> <div id="login-panel"> <form action="" method="post"> <label>Username: <input name="username" type="text" value=""> </label> <label>Password: <input name="password" type="password" value=""> </label> <input type="submit" name="submit" value="Sign In"> <small>Press ESC to close</small> </form> <!-- login-panel ends here --> </div> <!-- demo-header ends here --> </div>
CSS kodları
<style type="text/css">
#demo-header{
width: 980px;
margin: 0 auto;
position: relative;
}
#login-link{
position: absolute;
top: 0px;
rightright: 0px;
display: block;
background: #2a2a2a;
padding: 5px 15px 5px 15px;
color: #FFF;
}
#login-panel{
position: absolute;
top: 26px;
rightright: 0px;
width: 190px;
padding: 10px 15px 5px 15px;
background: #2a2a2a;
font-size: 8pt;
font-weight: bold;
color: #FFF;
display: none;
}
label{
line-height: 1.8;
}
</style>
jQuery Login Panel Örneğinin Demosuna Buradan Bakabilirsiniz.
jQuery Login Panel Örneğinin Kodlarını Buradan İndirebilirsiniz.
Sosyal paylaşım sitelerinin ne kadar popüler olduğunu hepimiz çok iyi biliyoruz. Bunların en başında da Facebook geliyor. Bunu Kendi yararına kullanmak ise herkesin yegane amaçlarından biridir
Şimdi size Vbulletin’e sistemin kendisinin sunduğu seçeneğe alternatif ve daha şık olduğunu düşündüğüm Facebook’ta Paylaş kodlarını vereceğim. devamını oku…
Yeni tema istiyordum bayağıdır geçen gün buldum. Düzenlemeye başladım tabi hemen. Dört bir yanı reklamla dolu olduğu için biraz temizleme isteği duydum. Footer dosyasına gelmişti ki sıra ortalık karıştı 
devamını oku…
Datalife Engine ( DLE ) karşılağtığım SQL hatalarını ve çözümlerini vereceğim ki başına gelen olursa buradan faydalanabilsin.
devamını oku…
Vbulletin forumunuzda dailymotion videoları göstermek isteyebilirsiniz, tıpkı benim gibi..
Bu durumu sizin için kolaylaştırmak adına yapmanız gereken olay şu;
Admin panelinden Kendi vb Kodunuz linkine tıklıyoruz. Karşımıza çıkan sayfada devamını oku…
Son Yorumlar