--> S Gallery: Responsive jQuery Gallery Plugin with CSS3 Animations

Photographs © of Achmed Asit

You can use the arrow keys to navigate between images in the slideshow view, and the shift key to switch back from slideshow to Grid view

Find Plugin on Github Back to Article

Bir Sanal Site Paylaşımı

Tasparan Tablo Mantığı

Arkadaşlar merhaba bu dersimizde transparan tablo mantıgını ögrenecegiz!

İlk öncelikle tablonun açıklamasını yapalım;

* ) İçerisine yazı, resim, makale v.b. ekleyebildigimiz gibi aynı zamanda arkaplan içerigi veya database lerde işlevci meteryaller olarak ta kullanabiliriz.

Şimdi biz htm, html deki transparan tablo mantıgını ögrenecegiz!

İlk öncelikle transparan tablo nedir onu öğrenelim isterseniz.

* ) Transparan tablo, adından da anlaşılacağı üzre sayfamızda kullandıgımız her türlü meteryallerin üzerine çıkarak meteryalleri arka plana atan bir tablo biçimidir.

* ) Transparan tabloda neler yapabiliriz;

- ) Diyelimki; Sayfanızı çok sıkı bi çalışma sonucu güzel bir şekilde tamamladınız fakat sonradan planda olmayan birşeyler çıktı:

- 2-3 Günlük Sayfanızda uyarı yazısı eklemek istiyorsunuz ?
- Free bir web sunucusundan yer aldınız reklamı kaldırmak istiyorsunuz ?
- Tablo üzerine tablo yaparak sayfanıza flash, resim v.b. şeyler koymadan estetik katmak istiyorsunuz ?
.. Ve bunun gibi birçok şeyi transparan tablo kullanarak yapabilirsiniz.

Bunlara örnekler verecek olursak;

Free host reklam kaldırma kodu yazmışız;

Bknz; http://www.warezworld.uni.cc

Başka bir örnek;

Sayadaki resmin üstünü transparan tablo mantıgı ile kapatmışız;



Gelelim Şimdi Transparan Tablo Yapımına

Eger Elinizde Microsoft Fronta Page varsa (sürüm önemli degil express hariç )

Tablo menusune girelim ekle diyelim karşıza çıkacak ekrandan tablo sütün ve satır sayısını belirleyelim

Tablomuz eklenmiş olacak sonraki işlem

- Tablo üstünde sağ tıklayıp properties / özellikler diyelim

sonraki seçenek olarak

- style (sitil ) butonunu tıklayalım

sonraki seçenek olarak

- format (biçim ) butonunu tıklayalım

en son seçenek olarak

- positions (yer )

burada da ABSOLUTE yani üstünde seçenegini tıklayalım ve tablomuz hazır!




Yoksa not defterinde kod yazarak;

<html>

<head>
<meta http-equiv="Content-Language" content="tr">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<title>Trasnparan Tablo</title>
</head>

<body>

<table width="100%" cellspacing="0" cellpadding="0" style="position: absolute; left:82px; top:177px">
     <tr>
          <td><font color="#FF0000"><b>Transparan tablo</b></font> <a href="http://www.webilisim.com">
          www.webilisim.com</a> <a href="http://www.webhocam.com">www.webhocam.com</a>
          <span lang="en"><font face="Times New Roman">© </font></span>All right
          reserve</td>
     </tr>
</table>

<p> </p>
<p> </p>
<p> </p>
<p><img src="Webilisim2.gif" width="351" height="85"></p>

</body>

</html>

-------------- Kod Bitti -----------------

Bu kadar yardımcı olabildiysek ne mutlu !!!

 

 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol