Uğur 的个人资料Windows Live Spaces,Blog...照片日志列表更多 ![]() | 帮助 |
|
|
Spaces Blog İçine Kayan çubuklu pano Yapma ve Kutuya Resim Ve Yazı KoymaSpaces Blog İçine Kayan Çubuklu pano yapma/ bu kutuya resim ve yazı koyma/ ayarları
KODU
<BODY bgColor=#ffffff>
<DIV align=center><STRONG><FONT face="Arial Narrow" size=4> <DIV style="BORDER-RIGHT: black 12px solid; BORDER-TOP: black 12px solid; SCROLLBAR-FACE-COLOR: #000000;FONT-SIZE: 8pt; OVERFLOW: auto; BORDER-LEFT: black 12px solid;
WIDTH: 492px; BORDER-BOTTOM: black 12px solid; FONT-FAMILY: ariel;
HEIGHT: 233px; BACKGROUND-COLOR: white">
<P style="COLOR: red; BACKGROUND-COLOR: white" align=center><FONT face=Arial color=#000000 size=4>Buraya dilediğiniz yazıyı yazabilirsiniz</FONT></P> <P style="COLOR: red; BACKGROUND-COLOR: white" align=center><FONT face=Arial color=#000000 size=4></FONT> </P></DIV></FONT></STRONG></DIV></BODY></HTML> YAPABİLECEĞİNİZ DEĞİŞİKLİKLER:
Bir örnek yapıyorum
BORDER-RIGHT: black 12px.......BORDER-RIGHT: blue 12px ...sağ kenar
BORDER-TOP: black 12px.........BORDER-TOP: black 22px....üst kenar
BORDER-LEFT: black 12px .....BORDER-LEFT: black 32px....sol kenar
BORDER-BOTTOM: black 12px ....BORDER-BOTTOM: green 42px ....alt kenar
HEIGHT: 229px....yüksekliği
WIDTH: 372px; ...Genişliği
dilediğiniz boyutta yapabilirsiniz.
ben HEIGHT: 329px ,WIDTH: 572px yaptım
BORDER-RIGHT: blue 12px rengi mavi yaptım.Sağ kenar mavi oldu
BORDER-BOTTOM: green 42px ....alt kenar yeşil oldu
SCROLLBAR-FACE-COLOR: #000000;
sağ kenardaki kayan çubuğun rengi
siz dilediğiniz renk yapabilirsiniz
aşağıdaki şekle girdi
Buraya dilediğiniz yazıyı yazabilirsiniz
kodları HTML bölümüne kopyala yapıştır yaptıktan sonra, HTML bölünden çıkıp Kutunun içine tıklıyoruz.Dik çizgi çıkması lazım. Kutuya koymak istediğimiz yazıyı kopyalayıp yapıştırıyoruz.
Kutunun kenarına tıklıyoruz.
Kenarlarda 8 tane minik kutu çıkacak
Kutunun sayfanın solunda olmasını istiyorsak, sola hizala tuşuna basıyoruz.
Kutunun ortada olmasını istiyorsak, ortala tuşuna basıyoruz.
Kutunun sagda olmasını istiyorsak, sağa hizala tuşuna basıyoruz. ..................................................
HEIGHT: 233px; BACKGROUND-COLOR: white">
kodunu değiştirip
HEIGHT: 233px; BACKGROUND-COLOR: red"> yaparsak
aşağıdaki tablo oluşur.Green yaparsak yeşil beyaz çizgili olur.
<P style="COLOR: red; BACKGROUND-COLOR: white" align=center><FONT face=Arial
Buraya dilediğiniz yazıyı yazabilirsiniz bu kodla böyle çizgili yapabilirsiniz KODU
<DIV align=center><STRONG><FONT face="Arial Narrow" size=4> <DIV style="BORDER-RIGHT: black 12px solid; BORDER-TOP: black 12px solid; FONT-SIZE: 8pt; OVERFLOW: auto; BORDER-LEFT: black 12px solid;
WIDTH: 492px; BORDER-BOTTOM: black 12px solid;
SCROLLBAR-FACE-COLOR: #000000; FONT-FAMILY: ariel;
HEIGHT: 233px; BACKGROUND-COLOR: red">
<P style="COLOR: red; BACKGROUND-COLOR: white" align=center><FONT face=Arial color=#000000 size=4>Buraya dilediğiniz yazıyı yazabilirsiniz</FONT></P> <P style="COLOR: red; BACKGROUND-COLOR: white" align=center><FONT face=Arial color=#000000 size=4>bu kodla</FONT></P> <P style="COLOR: red; BACKGROUND-COLOR: white" align=center><FONT face=Arial color=#000000 size=4>böyle</FONT></P> <P style="COLOR: red; BACKGROUND-COLOR: white" align=center><FONT face=Arial color=#000000 size=4>çizgili yapabilirsiniz</FONT></P> <P style="COLOR: red; BACKGROUND-COLOR: white" align=center><FONT face=Arial color=#000000 size=4></FONT> </P> <P style="COLOR: red; BACKGROUND-COLOR: white" align=center><FONT face=Arial color=#000000 size=4>.</FONT></P> <P style="COLOR: red; BACKGROUND-COLOR: white" align=center><FONT face=Arial color=#000000 size=4>.</FONT></P> <P style="COLOR: red; BACKGROUND-COLOR: white" align=center><FONT face=Arial color=#000000 size=4>.</FONT></P> <P style="COLOR: red; BACKGROUND-COLOR: white" align=center><FONT face=Arial color=#000000 size=4>.</FONT></P> <P style="COLOR: red; BACKGROUND-COLOR: white" align=center><FONT face=Arial color=#000000 size=4>.</FONT></P> <P style="COLOR: red; BACKGROUND-COLOR: white" align=center><FONT face=Arial color=#000000 size=4>.</FONT></P> <P style="COLOR: red; BACKGROUND-COLOR: white" align=center><FONT face=Arial color=#000000 size=4>.</FONT></P></DIV></FONT></STRONG></DIV></BODY></HTML> .....................................................
Aşağıdaki kodla kutunun içini yeşil yapabilirsiniz.
KODU
<DIV align=center><STRONG><FONT face="Arial Narrow" size=4><DIV
style="BORDER-RIGHT: black 12px solid; BORDER-TOP: black 12px solid; SCROLLBAR-FACE-COLOR: #000000; FONT-SIZE: 8pt; OVERFLOW: auto; BORDER-LEFT: black 12px solid; WIDTH: 492px;
BORDER-BOTTOM: black 12px solid; SCROLLBAR-FACE-COLOR: #000000; FONT-FAMILY: ariel; HEIGHT: 233px; BACKGROUND-COLOR: green">
<P style="COLOR: green; BACKGROUND-COLOR: green" align=center><FONT face=Arial color=#000000 size=4>Buraya dilediğiniz yazıyı yazabilirsiniz</FONT></P> <P style="COLOR: green; BACKGROUND-COLOR: green" align=center><FONT face=Arial color=#000000 size=4>.</FONT></P> <P style="COLOR:green; BACKGROUND-COLOR: green" align=center><FONT face=Arial </P></DIV></FONT></STRONG></DIV></BODY></HTML> ...................................................
Kutunun içini başka bir renk yapmak istiyorsanız,
bütün BACKGROUND-COLOR: yazısı karşısına o rengi yazıyoruz.
Mesela kırmızı yapacağız.İngilizce karşılığını yazıyoruz.
BACKGROUND-COLOR: red
............................................
Kutunun içine resim koyalım
MUSTAFA KEMAL ATATÜRK <FONT eial Admin:Uğur ER Kullanacağınız resmi boyutlarına göre kutunun boyutlarını ayarlıyoruz.
Bunun kolay bir yolunu öğreteyim.
Kutunun kenarına tıklayoruz, etrafında 8 küçük kutucuk çıkınca, kutucuklardan tutup
sağa, sola, yukarıya, aşağıya çekiyoruz.Kutunun boyutları değişiyor.
Siz dilediğiniz resmi koyabilirsiniz.
Nete yüklediğiniz resmin URL adresini aşağıdaki bölüme yazacaksınız.
src="http://img383.imageshack.us/img383/5643/atam1zu9.gif" align=baseline border=0></P>
KODU
<DIV align=center><STRONG><FONT face="Arial Narrow" size=4><DIV
style="BORDER-RIGHT: black 12px solid; BORDER-TOP: black 12px solid; FONT-SIZE: 8pt; OVERFLOW: auto; BORDER-LEFT: black 12px solid; WIDTH: 756px; BORDER-BOTTOM: black 12px solid;
SCROLLBAR-FACE-COLOR: #000000; FONT-FAMILY: ariel; HEIGHT: 285px; BACKGROUND-COLOR: red"> <P style="COLOR: red; BACKGROUND-COLOR: red" align=center><IMG alt="" hspace=0 src="http://img383.imageshack.us/img383/5643/atam1zu9.gif" align=baseline border=0></P> <P style="COLOR: red; BACKGROUND-COLOR: red" align=center><FONT color=#000000 size=5>MUSTAFA KEMAL ATATÜRK</FONT></P> <P style="COLOR: red; BACKGROUND-COLOR: red" align=center><FONT face=Arial </P></DIV></FONT></STRONG></DIV></BODY></HTML> 引用通告此日志的引用通告 URL 是: http://ugurer53.spaces.live.com/blog/cns!9BD509DBC3AB9547!577.trak 引用此项的网络日志
|
|
|