DIV'DE SAYFA KENARINDA KAYDIRMA ÇUBUĞU

Bu sayfada aşağıda örneğini verdiğim uygulamada, çok uzun metinler için ölçülerini sizin belirleyeceğiniz alanda ve renkte sayfa kenarında oluşturulan kaydırma çubuğu ile metnin tamamını ziyaretçiye sunma kodunu anlatacağım.


KURULUŞ
1902 sonbaharında Beşiktaş Serencebey Mahallesi'nde, o zamanın Medine Muhafızı olan Osman Paşa'nın konağının bahçesinde, 22 kişilik genç grup, haftanın bazı günlerinde toplanıp jimnastik hareketleri yapmaktaydı.
Başta Osman Paşa'nın oğulları Mehmet Şamil ve Hüseyin Bereket ile mahellenin gençlerinden Ahmet Fetgeri, Mehmet Ali Fetgeri, Nazımnazif, Cemil Feti ve Şevket Beyler’in aralarında bulunduğu gençlerin ilk ilgilendikleri spor branşları, özellikle barfiks, paralel, güreş, halter, aletli ve aletsiz jimnastikti.
O sıralarda siyasi hareketler dolayısıyla her türlü toplanmadan ürkerek hafiyeler dolaştıran 2. Abdülhamit'in adamları Serencebey'deki bu toplanmaları haber alınca, spor yapan gençler bir baskınla karakola götürüldü.
Bu sporcu gençlerin bir kısmının saray erkanına yakın olması, ayrıca o dönemlerde kötü gözle bakılan futbol oynamadıkları ve sadece beden hareketleri yaptıklarını belirtmeleriyle gergin durum yumuşadı. Hatta saray çevresinden Şeyhzade Abdülhalim bu sporcuları destekledi ve sık sık antrenmanları seyretmeye başladı.
Ünlü boksör ve güreşçi Kenan Bey de antrenmanlara gelerek güreş ve boks hareketleri göstermeye başladı.

1903 Mart'ında ise özel bir izinle Bereket Jimnastik Kulübü kuruldu. 1908'de Meşrutiyet'in ilanıyla sportif hareketler biraz daha serbestlik kazandı.
31 Mart 1909'daki siyasi olaylardan sonra Edirne'de bulunan Fuat Balkan ve Mazhar Kazancı, Hareket Ordusu ile İstanbul'a geldi.
Siyasi olaylar yatıştıktan sonra iyi bir eskrim hocası olan Fuat Balkan ile başta güreş ve halter sporlarını yapan Mazhar Kazancı, Serencebey'de jimnastik yapan gençleri bularak birlikte spor yapma fikrini kabul ettirdi.
Fuat Balkan, Ihlamur'daki evinin altındaki yeri, kulüp merkezi yaptı ve Bereket Jimnastik Kulübü'nün adı Beşiktaş Osmanlı Jimnastik Kulübü olarak değiştirildi.
Böylece jimnastik, güreş, boks, eskrim ve atletizmin ön planda tutulduğu güçlü bir spor kulübü meydana geldi. Fuat Bey'in arkadaşları Refik ve Şerafettin Beyler de iyi birer eskrimciydi.

Bu arada Beyoğlu Mutasarrıfı Muhittin Bey'in teşvikiyle Beşiktaş Osmanlı Jimnastik Kulübü, 13 Ocak 1910 tarihinde tescil edilen ilk Türk spor kulübü oldu.
Semtin gençlerinin bu spor kulübüne ilgisi büyüdü ve spor yapan üyelerin sayısı bir anda 150'ye yükseldi. Kulübün merkezi de Ihlamur'dan Akaretler'de 49 numaralı binaya taşındı.
Bir süre sonra bu bina da küçük gelince, yine Akaretler'de 84 numaralı binaya geçildi. Bu binanın arkasındaki bahçe de bir spor sahası haline getirildi.


Bu uygulamada;
Metin sunacağınız alanın eni, boyu, zemin rengi, kenar çizgisi rengi ve kalınlığı, metin puntosu ve metin rengini isteğinize göre değiştirebileceğiniz gibi, resim de sunabileceksiniz.

Lafı fazla unutmadan uygulamaya başlayalım,
İlk adımda; bir CSS dosyasını hazırlayalım.
Bilgisayarınızda yeni bir Noteped (metin belgesi) açın, sonra aşağıda verdiğim hazır CSS etiketlerini kopyalayarak Noteped'e yapıştırın ve metin.css olarak masa üstüne kaydedin.

İkinci adımda;
Bir html sayfası oluşturalım.
Bilgisayarınızda yeni bir Noteped (metin belgesi) açın, sonra aşağıda verdiğim hazır html kodunu kopyalayarak Noteped'e yapıştırın ve deneme.html olarak masa üstüne kaydedin.
Kodu inceledğinizde ilk adımda hazırladığımız metin css dosyasının
<link href="metin.css" type="text/css" rel="stylesheet" /> link kodu ile referans verildiğine dikkat edin.

Artık çalışmamızı sonlandırabilirsiniz, kodları yapıştırdığınız Noteped'i deneme.html ismiyle farklı kaydederek bir web sayfası elde edelim. Bilgisayarımızda aşağıdaki gibi iki dosya oluştu,


Artık uygulamamızı kontrol edebiliriz. deneme.html dosyasını açıp bakınız yukardaki örnek gibi kaydırma çubuğu olan metin alanı oluşması gerekir. siz metni kendinize göre değiştirebilirsiniz. metnin her hangi bir yerine aşağıdaki kodu yapıştırarak istediğiniz resim dosyasını istediğiniz boyutta ziyaretçinize sunabilirsiniz. <img src="resim yolu dizin adresi" height="100" width="400">


Bu anlatım da burada sona erdi sizde deneyiniz.
Kolay Gelsin

  

Copyright © 2018 Hüseyin Tepe