~✿~ εїз ѕємαятιzм εїз ~✿~: Kod Denemeleri

TABLO YAPIYORUZ 1

Mon, 26 Dec 2005 22:10:56 GMT

TABLO STİL 1

evet sonunda tablo yapıyoruz. tabi hazırsanız ve bundan önceki derslere biraz baktıysanız(daha kolay anlarsınız). başlamadan önce tablo yapmak istediğimiz resimi seçiyoruz. ve bu resimde nereye yazı yazacak isek, o bölümü hazırlıyoruz. bunu nasıl hazırlıyoruz. hepinizin elinin altında olan bir resim işleme programı ile tabi ki. bu programdan programa değişeceği için kısaca şöyle diyebilirim. mesela resimde bir bölümü seçerek o bölüme efekt uygulayabilrsiniz. yani o bölümü blur yapabilirsiniz , daha soluk bir hale getirebilirsiniz. siz nasıl istiyorsanız. bunu nasıl yaptığımı daha fazla sormayın lütfen.

hazırlanan resim aslında 9 parçaya bölünmüş gibi oluyor. yani aşağıda gördüğünüz şekilde. ve biz herbir bölümün pixel cinsinden uzunluk ölçüsünü alıyoruz bir kenara not ediyoruz. bundan sonrası tamamen aşağıdaki formülde yerine koymaktan ibaret.

Bu noktada bir açıklama yapma gereği duyuyorum. çünkü birçok kişi bu ölçüleri nasıl alacağını bilmediğini yazdı. ben de en kolay şekilde açıklamaya çalışacağım. öncelikle tablo yapmak istediğiniz resimin üzerinde sağ klik yapıp açılan menüden özellikleri seçin. sonra yukarıdan özet sekmesine tıklayın. orada genişlik ve yükseklik değerlerinizi pixel cinsinden görebilirsiniz.

şimdi başlat--programlar---donatılar--altından Paint programını açın.(herkesin bilgisayarında olduğu için painti seçtim).

file--open diyerek resminizi açın. toolbox ın sol üst köşesinde kesikli çizgilerden oluşmuş olan dikdörgen aracı seçin. şimdi en üst sol köşeye tıklayıp farenizi sürükleyin(bırakmadan). bu arada sağ alt köşeye bakarsanız çizdiğiniz dikdörtgenin pixel cinsinden değerini görebilirsiniz.

elbette bunun yerine birçok grafik programıyla yada başka birçok şekilde ölçü alabiliriz ama hepsini buradan tek tek açıklamam çok zor. ben herkese uygun birşey olduğunu düşündüğüm yolu yazdım sadece.

html kodumuz ise şöyle

<DIV align=center>
<TABLE style=
"BORDER-RIGHT: #000000 4px dotted;
BORDER-TOP: #000000 4px dotted;
BORDER-LEFT: #000000 4px dotted;
BORDER-BOTTOM: #000000 4px dotted"
height=HEIGHT
width=WIDTH
cellSpacing=0 cellPadding=0
background=RESİMİNİZİN URLSİ

border=0>
<TBODY>
<TR>
<TD width=A height=D></TD>
<TD width=B height=D></TD>
<TD width=C height=D></TD></TR>

</TBODY></TABLE></DIV>

şimdi ben aynı şekilde bir tablo yapacağım ve buraya koyacağım. tek fark bu resimi ben bulmadım. sevdiğim birinden bana gönderildi aslında. ben ise onu tablo haline getirebilmek için altına içinde dolgu rengi de olan bir kare ekledim o kadar.

UNUTMADAN: dotted= nokta nokta

4px = tablonun kenarındaki nokta nokta çizginin kalınlık ölçüsü :))


	Text Here ******* <DIV align=center> <TABLE style="BORDER-RIGHT: #bd5c43 4px dotted; BORDER-TOP: #bd5c43 4px dotted; BORDER-LEFT: #bd5c43 4px dotted; BORDER-BOTTOM: #bd5c43 4px dotted" height=643 cellSpacing=0 cellPadding=0 width=390 background=http://i31.photobucket.com/albums/c376/semfeles/table/kissme.gif border=0> <TBODY> <TR> <TD width=19 height=450></TD> <TD width=345 height=450></TD> <TD width=18 height=450></TD></TR> <TR> <TD width=19 height=148></TD> <TD width=345 height=148> <DIV align=center> <DIV style="SCROLLBAR-FACE-COLOR: #bd5c43; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #f1cea2; OVERFLOW: scroll; WIDTH: 349px; SCROLLBAR-SHADOW-COLOR: #bd5c43; SCROLLBAR-3DLIGHT-COLOR: #bd5c43; SCROLLBAR-ARROW-COLOR: #f1cea2; HEIGHT: 148px"><FONT face=arial color=#000000 size=2>Text Here</FONT> </DIV></DIV></TD> <TD width=18 height=148></TD></TR> <TR> <TD width=19 height=24></TD> <TD width=345 height=24></TD> <TD width=18 height=24></TD></TR></TBODY></TABLE></DIV>

•Tüm bloglarda aynı arkafon•

Sun, 30 Oct 2005 19:15:54 GMT

Tüm bloglarınızda aynı arkafonu kullanabilirsiniz. Hatta Permalik, comment ...vs. yazılarının arkası da dahil. bunun için tek yapmanız gereken şey, aşağıda vermiş olduğum kodu kopyalayıp, yeni bir blog girişi yaparak HTML modunda yapıştırmak.

Bu kodda Görülen xxx ler yerine koyduğunuz resimin yüksekliğini AAA yerine de kullandığınız blog genişliği değerinizi pixel cinsinden yazmalısınız.

Ayrıca, yeni bloglar eklediğinizde bu fon onları etkilemeyeceği için, onlar da aynı olsun istiyorsanız en üstteki blog herzaman böyle olmalıdır.

Semartizm

tablo nasıl yapılır 1

Sat, 29 Oct 2005 19:22:49 GMT

Tablolar , web sitenizde verilerin çizelgeler halinde kullanılmasını sağlarlar.

Tablolarda kullanılan bazı taglar ve açıklamaları:

Table Kullanılma şekli: <table></table>. Tüm tablo bilgileri bu iki tag arasına yerleştirilir. Tüm tablolar <table> tagı ile başlar ve </table> tagı ile biter.
Table row Herbir bireysel satır en azından bir hücre içerir. Kullanım şekli şöyledir: <tr></tr>.
Table data Tablonun satırındaki herbir bireysel hücredir. Kullanım şekli şöyledir: <td></td>. Table, table row, ve table data tagları genelde şöyledir: <table><tr><td></td></tr></table>

Satır ve hücrelerden olşan bir tablo örneği :

		hücre
hücre
	hücre

Border tablonuza bu tagı ekleyerek tablonuzun çervevesi olup olmamasına karar verirsiniz.
Bgcolor bu tagı ekleyerek tablonuzun tekbir satırın yada tekbir hücrenin arkafon rengini değiştirebilirsiniz. Herbir ssatır hatta herbir hücreye bile farklı renkler uygulayabilirsiniz.
Align Bu tag sayesinde tablo,satır ve hücre içi yazılarınızın hizalamasını yapabilirsiniz. Eğer bu tagı kullanmazsanız tüm yazılarınız otomatik olarak sola dayalı olarak hizalanır. Siz istediğiniz taktirde center(orta) ve right (sağ) şeklinde değiştirebilirsiniz.
Valign bu tag tablonuzdaki dikey hizalamalardan sorumludur. Eğer top(üst) veya bottom(alt) şeklinde değiştirmezseniz dikey orta şeklinde hizalanır.
Cellpadding This sets the margins inside of your table cells on all four sides of your cell
Cellspacing Tablonun hücreleri arasındaki boşluk değeri için kullanılır
Rowspan A bu özelliğin bir sütuna eklenmesiyle o sütundaki hücreler birleştirilmiş olur.

satır 1	satırlar 1-3	satır 1	satır 1
satır 2		satırlar 2-3	satır 2
satır 3		satırlar 2-3	satır 3

Colspan bir satırdaki hücreleri birleştirmeye yarayan tagdır.

Nasıl basit bir tablo yapabilirim?

Burada bazı basit tablo kodları bulabilirsiniz. Ama lütfen unutmayın aynı kodları kullansanız bile tablolarınız farklı browserlarda farklı görünür.

<table border="1">
<tr>
<td>Hücre 1</td>
<td>Hücre 2</td>
</tr>
</table>

Hücre 1

Hücre 2

<table border="1">
<tr>
<td>Hücre 1</td>
<td>Hücre 2</td>
</tr>
<tr>
<td>Hücre 3</td>
<td>Hücre 4</td>
</tr>
</table>

Hücre 1	Hücre 2
Hücre 3	Hücre 4

Tabloma çerçeve eklemek istiyorum nasıl yapabilirim?

<table border="8">
<tr>
<td>Hücre 1</td>
<td>Hücre 2</td>
</tr>
<tr>
<td>Hücre 3</td>
<td>Hücre 4</td>
</tr>
</table>

Hücre 1	Hücre 2
Hücre 3	Hücre 4

Tablomu nasıl renklendirebilirim?

<table border="8">
<tr>
<td bgcolor="#00CCFF">Hücre 1</td>
<td bgcolor="#CC00FF">Hücre 2</td>
</tr>
<tr>
<td bgcolor="#00FF00">Hücre 3</td>
<td bgcolor="#FFFF00">Hücre 4</td>
</tr>
</table>

Hücre 1	Hücre 2
Hücre 3	Hücre 4

Tablomdaki çerçeveyi nasıl kaldırabilirim?

sadece border="0" tagını tablonuza ekleyerek

<table border="0" cellspacing="0">
<tr>
<td bgcolor="#00CCFF">Hücre 1</td>
<td bgcolor="#CC00FF">Hücre 2</td>
</tr>
<tr>
<td bgcolor="#00FF00">Hücre 3</td>
<td bgcolor="#FFFF00">Hücre 4</td>
</tr>
</table>

Hücre 1	Hücre 2
Hücre 3	Hücre 4

<table border="0" cellspacing="0">
<tr>
<td bgcolor="#00CCFF">satır 1</td>
<td bgcolor="#FFFF00" rowspan=3>satırlar 1-3</td>
<td bgcolor="#CC00FF"> satır 1</td>
<td bgcolor="#00FF00"> satır 1</td>
</tr>
<tr>
<td bgcolor="#00FF00"> satır 2</TD><td bgcolor="#00FF00" rowspan=2>satırlar 2-3</td>
<td bgcolor="#00CCFF"> satır 2</td>
</tr>
<tr>
<td bgcolor="#ff33cc"> satır 3</td>
<td bgcolor="#ff33cc"> satır 3</td>
</tr>
</table>

satır 1	satırlar 1-3	satır 1	satır 1
satır 2		satırlar 2-3	satır 2
satır 3		satırlar 2-3	satır 3

<table border="0" cellspacing="0" cellpadding="5">
<tr>
<td bgcolor="#FFFF00" colspan=4>Semartizm herşeyi açıklamış</td>
</tr>
<tr>
<td bgcolor="#00CCFF">Hücre 1</td>
<td bgcolor="#CC00FF"> Hücre 2</td>
<td bgcolor="#ff33cc"> Hücre 3</td>
<td bgcolor="#00FF00"> Hücre 4</td>
</tr>
<tr>
<td bgcolor="#ff33cc"> Hücre 5</td>
<td bgcolor="#00FF00"> Hücre 6</td>
<td bgcolor="#00CCFF"> Hücre 7</td>
<td bgcolor="#CC00FF"> Hücre 8</td>
</tr>
</table>

Semartizm herşeyi açıklamış
Hücre 1	Hücre 2	Hücre 3	Hücre 4
Hücre 5	Hücre 6	Hücre 7	Hücre 8

Tablomun genişliğini nasıl ayarlayabilirim?

Sadece width (genişlik) tag ını ekleyerek .

<table border="0" cellpadding="5" cellspacing="10" width="200">
<tr>
<td bgcolor="#00FF00" width="50" >Hücre 1</td>
<td bgcolor="#FFFF00" width="150" >Hücre 2</td>
</tr>
</table>

Hücre 1

Hücre 2

Içiçe tablolar yapabilir miyim? Tabi ki. Aşağıda bir örnek görebilirsiniz

thanx Lisa

•Scrollbar Ekleme•

Sat, 29 Oct 2005 18:29:45 GMT

scrool bar hakkında bilgi edinmek isteyen arkadaşlar öncelikle aşağıda görünen resmi iyice bir incelemeliler bence. ne nedir anlamak böylece daha kolay hale gelecek. bu arada hala <HTML > butonunun nasıl kullanıldığını bilmeyen varsa lütfen buraya tıklasın.

Şimdi basit bir kod yazalım. çerçevenin herbir kenarı farklı renk ve tarzda olsun.

<div style="

border-right:# 5AFF00 5px solid;

border-top:#0033FF 5px dashed;

border-bottom:#5AFF00 5px solid;

border-left:#000000 9px dotted;

width:350px;

height:100px;

font-size:18pt;

scrollbar-face-color:#F078F0;

scrollbar-highlight-color:#000000;

scrollbar-shadow-color:#000000;

scrollbar-arrow-color:#FFFFFF;

scrollbar-darkshadow-color:#000000;

scrollbar-3dlight-color:#5AA5F0;

scrollbar-track-color:#F00000;

overflow:auto;

font-family:ariel;

background-color: #FFFFFF">

bu bize kenarları değişik renklerdeolan çerçeve içinde pembe renkte scrollbar veriyor. buraya yeterince yazı yazmazsak scroolbarı göremeyiz (yazmak istedikleriniz burada olacak. Html modundan çıkarak yazmanıza devam edebilirsiniz)

</div></div>

yazdığımız kod bize aşağıdaki gibi sonuç verecek.

bu bize kenarları değişik renklerdeolan çerçeve içinde pembe renkte scrollbar veriyor. buraya yeterince yazı yazmazsak scroolbarı göremeyiz (yazmak istedikleriniz burada olacak. Html modundan çıkarak yazmanıza devam edebilirsiniz)

şimdi satır satır kodu açıklayalım

<div style="

border-right:# 5AFF00 5px solid; (çerçevenin sağ kenar özellikleri yeşil 5 pixel düz)

border-top:#0033FF 5px dashed; (çerçevenin üst kenar özellikleri mavi 5 pixel çizgi çizgi)

border-bottom:#5AFF00 5px solid; (çerçevenin alt kenar özellikleri yeşil 5 pixel nokta nokta)

border-left:#000000 9px dotted; (çerçevenin sol kenar özellikleri siyah 9 pixel nokta nokta)

width:350px; (pixel cinsinden çerçevenin eni)

height:100px; (pixel cinsinden çerçevenin boyu)

font-size:18pt; ( yazımızın font büyüklüğü)

scrollbar-face-color:#F078F0;

scrollbar-highlight-color:#000000;

scrollbar-shadow-color:#000000;

scrollbar-arrow-color:#FFFFFF;

scrollbar-darkshadow-color:#000000;

scrollbar-3dlight-color:#5AA5F0;

scrollbar-track-color:#F00000;

overflow:auto; (herzaman aynen yazın)

font-family:ariel; (istediğiniz font adını yazın)

background-color: #000000"> (beyaz arkafon rengini )

</div></div>

eğer renk kodlarını nerede bulacağınızı bilmiyorsanız buraya tıklayın.

iyi günler

yazan: Semartizm

FOTOLARLA OYNAMAK

Thu, 29 Sep 2005 19:05:37 GMT

BAKALIM BU GÜZEL KIZLA NELER NELER YAPABİLİRİZ.

SİZ ONUN ÖYLE GÜZEL MASUM MASUM BAKIŞLARINA FAZLA KAPTIRMAYIN BİRAZDAN ONU YAMULTUP, ŞEKİLDEN ŞEKİLE SOKACAĞIZ.

EVET, BAŞLIYORUZ. YAPMANIZ GEREKEN ÖNCELİKLE BİR RESİM BULMAK VE ONU BİR HOST HESABINDA DEPOLAMAK. VE O RESMİN URLSİ.HALA URL NE DEMEK BİLMEYEN VARSA

BURAYI TIKLASIN.

YOK HAZIRIM DİYORSANIZ BİRAZ DALGAYA NE DERSİNİZ.NASIL MI YAPTIM.AŞAĞIDA VERDİĞİM KODU KOPYALAYIP HTML BUTONUNA BASIP YAPIŞTIRIN, SİZ DE YAPIN

<DIV style="FILTER: Wave(freq=5,strength=5,lightstrength=1,phase=0);

WIDTH: 175px; HEIGHT: 130px">

YOK YOK OLMADI BU. ÇOK ÇİRKİNLEŞTİ BİRDEN. BEN DAHA ZİKZAGLI BİŞEY İSTİYORUM.ŞÖYLE MESELA

<DIV style="FILTER: Wave(freq=15,strength=5,lightstrength=1,phase=0);

WIDTH: 175px; HEIGHT: 130px">

</DIV></DIV>

EH EN AZINDAN MAYMUN GİBİ DİİL. PEKİ BİRAZ DAHA DENESEM

<DIV style="FILTER: Wave(freq=20,strength=8,lightstrength=1,phase=0);

WIDTH: 175px; HEIGHT: 115px">

</DIV></DIV>

GİZEMLİ BİR HAVASI OLDU DEĞİLMİ?

DALGA BOYUNU BÜYÜTÜP DALGA SAYISINI AZALTSAK DİYORUM:)BAKALIM NE OLACAK

ÇOK OYNADIK DİYE BOZULMAYA BAŞLADI GALİBA BİZE NE DERSİNİZ. BETİ BENZİ ATTI BİRDEN.

PEKİ PEKİ KIZMA HEMEN. BAK DÜZELTİCEZ YAVAŞ YAVAŞ MERAK ETME.

OHHHH .RENK VERELİM BİRAZ DİMİ AMA:)

BU SEFER DE ÇOK CANLI OLDU. DİYORUM Kİ ŞÖYLE SAĞDAN IŞIK VURSA BİRAZVE BİRAZ FLU OLSA

<DIV style="FILTER: alpha(opacity=100, finishOpacity=0,style=1);

WIDTH: 130px; HEIGHT: 119px" >

NE SOLDAN MI OLSUN. BUYRUN BUYYYYRUUUN:)

<DIV style="FILTER: Blur(Direction=left, Strength=25);

WIDTH: 141px; HEIGHT: 100px">

IŞIKTAN MI NE ANLAMADIM SANKİ HAFİF ŞSŞI GİBİ OLDUM.ŞÖLE DORU DÜRÜST Bİ IŞIK YOK MU ACABA

<DIV style="FILTER: alpha(opacity=0, finishOpacity=100,style=3);

WIDTH: 130px; HEIGHT: 119px" >

KIZCAĞIZ MÜCEVHER GİBİ PARLADI BİRDEN. BU NE YAA.

BİRAZ SÖNDÜRELİM ŞUNU:

<IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style=3);

WIDTH: 130px; HEIGHT: 119px" src="URL"></P>

YORULDUM. HEM NE YAPARSAK YAPALIM KIZ GÜZEL. NE DAHA GÜZEL GÖSTEREBİLİYORUZ NE DE ÇİRKİNN.EN İYİSİ BIRAKALIM BÖYLE.

blog scroolbar

Fri, 23 Sep 2005 12:47:57 GMT

bloglarınızın hepsini birden bir scrool bar içinde görünmesini isterseniz

yeni bir blog girişi yapın.

html moduna geçin

aşağıdaki kodu kopyalayarak yapıştırın

<pre></table></table><table><tr><td> <div style="overflow:auto;height:300px"> <div><table></pre>

300 yerine istediğiniz yükseklik değerini girebilirsiniz.