Bu başlık altından sizlere, table divbox, list ve iurl konularını anlatacağım.
Table kodu:
En başında sıfırdan başlamak gerekiyor, tablo nedir ? tablo web sayfamıza tablo eklemek için kullandığımız etikettir. Tablolar profesyonel web sayfalarının ayrılmaz öğelerindendir. Web üzerinde kullanılan tüm tablolar satırlar ve bu satırların içerisindeki sütunlardan oluşur. Bu da bize daha hoş ve düzenli bir görüntü elde etmemize olanak sağlar, dağınık verilerinizi bu kod ile bir çatı altında toplayabilirsiniz.
Kullanımı:
Tablo kodunun kullanımı gayet basit, forum yazım araçlarında " Metin Tipi "nin altında tablo ekle yeri gözükmektedir, bu butona tıklayarak kodların karşınızda gözükmesini sağlayabilirsiniz.
(https://i.hizliresim.com/nlo9JM.png) (https://hizliresim.com/nlo9JM)
Tıkladıktan sonra karşımızda şu şekilde bir yapı çıkacaktır;
[table]
[tr]
[td][/td]
[/tr]
[/table]
Bu kısma kadar gelebilmek kolay bu kısımdan sonrası işler biraz daha zorlaşıyor, ilk defa yapıyorsanız pratik yaparak birkaç defada işi kapabilirsiniz, gelelim detaylı açıklama kısmına, bu kodlar içerisinde bulunan "tr" kodu satırı ifade eder, yani ilk table'a tıkladığınızda ortada sadece bir tane " tr " kodu gözüktüğünden ortada da sadece bir adet satır yeri vardır, "tr" "/tr" içerisine alınmış "td" kodunu görebiliyorsunuzdur, bu kod ise sütunları ifade eder ve satır içerisinde ki sütun kodda nasıl görüyorsanız o şekilde yazılır, önce bir satır oluşturulur ardından içerisine sütunlar eklenir, bu sütun sayısı sizlerin hangi alanda ne şekilde kullandığınıza göre değişiklik gösterebilir. Basit bir örnek ile tabloyu kapatmak istiyorum:
| Bu ilk sütun, normal bir tabloyu gözünüzün önüne getirerek daha kolay kavrayabilirsiniz. | Burası da ikinci sütun, bunlar yan yana gözüktüğünden dolayı verilerinizi toplamak ve düzenli bir hale getirmek daha kolaydır, kısacası tablo paha biçilmez bir nimettir. |
Oluşturulan yazı tablosunun kod tablosu:
[table]
[tr]
[td]Bu ilk sütun, normal bir tabloyu gözünüzün önüne getirerek daha kolay kavrayabilirsiniz.[/td]
[td]Burası da ikinci sütun, bunlar yan yana gözüktüğünden dolayı verilerinizi toplamak ve düzenli bir hale getirmek daha kolaydır, kısacası tablo paha biçilmez bir nimettir.[/td]
[/tr]
[/table]
Örneğimde sadece yazılarla oluşturulmuş bir tablo kullandım, bunu geliştirerek resimde ekleyebilirsiniz, bu sizin tercihinize kalmış bir şey.
Divbox Kodu
Divbox verilerinizin görüntüsüne ek olarak sizlere çeşitlilik sunan bir kod seçeneğidir, yazılarınızı veyahut resimlerinizi divbox içerisine alarak daha güzel bir görüntü elde edebilirsiniz.
Kodu nedir ? nasıl kullanılır ?
Kodu şu şekilde;
[divbox=white]Yazmak istediğiniz yazı[/divbox]
Kodsuz hali:
Yazmak istediğiniz yazı
Görüldüğü üzere yazıyı bir çerçeve içerisine alarak farklı bir görüntü elde etmemize olanak sağladı, bu divbox seçeneğinde değiştirilebileceğiniz özellik renk kısmıdır, en başta yazılan divbox=white yerine, divbox=black yaparsanız çerçevenin içerisi siyah olarak karşınıza çıkacaktır. Örnek:
Yazmak istediğiniz yazı
İçerisine yazdığınız yazınında normal ayarlamalarını yapmaya devam edebilirsiniz bir engel teşkil etmez, rahatlıkla yazılarınızda kullanabilirsiniz.
List Kodu
Listeleme, yazdığınız yazıların maddelenmiş halde listelemenizi sağlayan bir kod seçeneğidir.
Kullanımı:
List kodunda iki farklı seçeneğimiz var, birincisi düzensiz liste, ikincisi ise düzenli liste olarak sunulmaktadır. Düzensiz liste yazdığınız maddelerin başına nokta koyarak listeme seçeneğidir, düzenli liste ise yazdığınız maddelerin başına 1,2,3 koyarak daha düzenli görünmesini sağlayan bir seçenektir.
(https://i.hizliresim.com/pnVM6o.png) (https://hizliresim.com/pnVM6o)
Kodları:
[list]
[li][/li]
[li][/li]
[/list]
[list type=decimal]
[li][/li]
[li][/li]
[/list]
Birinci kod bölümü düzensiz listenin kodlarıdır, ikincisi ise düzenli listenin, list type=decimal yazan kısımda ki decimal ifadesi yapacağınız listenin listelendirme esnasında başına konulacak ifadenin sayı olacağını belirtir, bu alana farklı kelimeler yazılarak farklı düzenli liste opsiyonel seçenekleri oluşturulabilir.
Listelerin örneklendirilmiş hali:
"iurl" Kodu:
irul kodu, bir yazınıza referans olarak belirtilen yere gidebilmek için hazırlanan bir kod seçeneğidir, bu kod sayesinde yazdığınız bir yazının üstüne tıklayarak referans aldığı yere sizi doğruca ***ürebilir, örnek olarak bir IC site tasarımı yapıyorsunuz, bu kısımda anasayfa, hakkımızda, iletişim vb öğeler mevcut, anasayfa için bu kodu hazırlayarak anasayfaya bastığınız anda anasayfanın bulunduğu kısma gidiyor, hakkımızdaya bastığınız anda hakkımızdanın olduğu kısma gidiyor, öncelikle kodu ile başlayalım:
[iurl=#anasayfa]Anasayfa veya resim direkt linki[/iurl]
[anchor=anasayfa]
İlk satır, bizim tıklayacağımız yazının olduğu yere yazılır, #anasayfa kısmına istediğiniz yazıyı yazabilirsiniz, ortada ise yazacağınız yazı olur âkabinde bir alt satırda ki kodu alarak referans aldığınız kısma giderek o kısmın en üstüne bu kodu yazarak işlemi tamamlayabilirsiniz.
Önemli not: iurl=#anasayfa yazılan yer ile referans aldırdığınız anchor=anasayfa kısmında ki anasayfa yazıları aynı olmak zorundadır yoksa işinize yaramaz.
Örnek:
Kod içerisine yazacağım yazı ile doğruca referans belirttiğim yoruma gidilecek:
Tıklayınız (#post_anasayfa)
Rehberin izinsiz bir şekilde herhangi bir yerde paylaşılması yasaktır.