'İstediğiniz Tüm Html kodlar Javascript kodlarına ve Css tsarımlarına Aşağıdaki Arama Motorunu Kullanarak Ulaşabilirsiniz. Siz de Sitenize Reklam Almak mı İstiyorsunuz O zaman TIKLAYINIZ."




Html Kodlar
ÖR: Ankara Tesisat
Yükleniyor...

INFOBILGI - Html kodlar, Seo, Webmaster

Biportfolyo CSS HTML


Biportfolyo [CSS & HTML]



Merhaba arkadaşlar ben Kerem ZOR birkaç gün önce bir portfolyo tasarımı çizmiştim (biportfolyo) psd olarak forumda ve sitemde paylaşmıştım. Tasarıma gerçekten çok büyük bir ilgi söz konusu bende ilk kodlayanınkini paylaşayım diye karar aldım ve Uğur Dalkıran arkadaşımız çok güzel bir biçimde css & html kodlamış bulunmakta.

Değiştirmeniz Gerekenler:

Öncelikle “Sosyal Medyada…” olan kısmı ve sosyal ağ profillerinin linklerini kendinize göre düzenleyiniz.

Sonrasında 176px genişliğinde ve 51px yüksekliğinde, kendinize ait logonuz ile beraber sloganınızı değiştiriniz. Logonuzu değiştirirken aşağıdaki kodlar arasında bulunan Site Başlığı ve Slogan kısımlarını değiştirmeyi unutmayınız. Tasarımda SEO’lu logolar kodlamak (bkz: yakuter)

Alıntı:
<div class="logo">
<h1><a href="index.html" title="Site Başlığı">Site Başlığı</a></h1>
<p>Slogan</p>
</div>
Sağ tarafa bakacak olursak, ziyaretçilerinizin size daha kısa yoldan mail göndermesi için, bir mail şablonu oluşturdum. Bu şablonda ki mail adresini kendinize göre düzenleyiniz. (Sadece “dlkrnugur@gmail.com” yazan yere kendi mail adresinizi yazmanız yeterli.)

Şimdi geldik referanslar bölümüne.

Bir ortalama divi açıp bu divin içerisine referansları eklemişim. Referansları eklerken aşağıdaki koda göz atın:

Alıntı:
<div class="thumb">
<a href="resim/large.jpg" title="Buraya ziyaretçilerinizin ilgisini çekebilecek referansınız ile ilgili kısa bir yazı yazabilirsiniz." rel="lightbox">
<span class="overlay"></span>
<img src="resim/ref.png" alt="Referans" title="Referans" width="210" height="125" />
</a>
</div>
Şimdi arkadaşlar bu kısmı şöyle anlatayım. resim/large.jpg resme tıklanınca açılacak olan büyük resmin adresini belirliyor. rel=”lightbox” ise, referansları ziyaretçiye karşı daha hoş bir şekilde sunmak için kullandığım jQuery eklentisi çağırıyor. overlay ekrandaki ilk referansın üzerine gelindiğinde büyüteç resmini çıkmasını sağlıyor. resim/ref.png ekranda ziyaretçilere karşı gösterilecek ilk referansı belirtiyor.

Referans Ekleme – Önemli

Portfolyo tasarımına referans eklemek isterseniz, index.html dosyasını düzenlerken yukarı kod dizilimine rastlayacaksınız. Bu kodu üç kere ekledikten sonra şu kısmı değiştirin:

Alıntı:
<div class="thumb">

/* --- Bu kısmı aşağıdaki ile değiştirin --- */

<div class="son-thumb">
Yani ard arda üç kere thumb ekledikten sonra aşağıdaki gibi (son-thumb), daha sonra tekrar üç kere thumb.

Önemli:
Arkadaşlar bu tasarımı ben yani Kerem ZOR çizmiş olup Uğur DALKIRAN kodlamıştır. Lütfen footer bölümünde bulunan "Arayüz Tasarım: Kerem ZOR
CSS Entegre: Uğur Dalkıran"
bölümü silmeyin veya değiştirmeyin. Teşekkürler...

Biportfolyo DEMO - İNDİR


  cssye uyarlanmis tasarimlar     red tasarimlar     webmaster araclari     Sitene Tv Ekle     Canli Tv izle     mobile cihazlar     java script kodlari     Bedava LK Domain     CSS ile resimlerin veya sekillerin kenarlarini yuvarlayin     Html Kodlar     Ana Sayfa     para kazan     css kod bilgisi     site kullanim sartlari     toplist     web guvenlik     hareketli css menu kodu     Wordpress     ucretsiz CSS3 Accordion Menu     CSS3 Tiklama Efektli Butonlar     YOUTUBE     Css Arka Plan Ozellikleri     css ust menu yapma     SEO     map     TV FREKANSLARI     Biportfolyo CSS HTML     bedava sitem css tasarim yapimi resimli anlatim     ALEXA     butterfly tasarimlari     PHP Scriptler     FACEBOOK     iletisim     css tasarim kodlari     iceblue tasarimlar     bedava css tasarimlar     bilgisayar     40 tane bedava css tasarim     ygslyspuanhesapla  
Sitemizden Bugün Toplam 50 ziyaretçi (272 klik) Kod (ç)aldı


************************************************************
SİZDE ZİYARETÇİ SAYINIZI ARTIRMAK İSTİYORSANIZ.
AŞAĞIDAKİ KODU SİTENİZE EKLEYİN.
************************************************************


Copyright InfoBilgi © 2011 - 2015
Kullanım Şartları Site Haritası
Azadi Blogger Wordpress Tumblr Ankara Tesisat
TOPlist
sosyal imleme ping fast  my blog, website, or RSS feed for Free
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=