CSS Çeşitleri nelerdir

  • user warning: Table './hor_hanciorg/captcha_sessions' is marked as crashed and should be repaired query: INSERT into captcha_sessions (uid, sid, ip_address, timestamp, form_id, solution, status, attempts) VALUES (0, 'dml3shcojnd9sqoofo2vcc0cd7', '34.238.190.122', 1590374048, 'comment_form', 'da926bcc4d37cd0f4b01f6dba16f55d9', 0, 0) in /home/hanci/domains/hanci.org/public_html/modules/captcha/captcha.inc on line 99.
  • user warning: Table './hor_hanciorg/captcha_sessions' is marked as crashed and should be repaired query: UPDATE captcha_sessions SET token='b50add0a0513a28cb55174dc08e87720' WHERE csid=0 in /home/hanci/domains/hanci.org/public_html/modules/captcha/captcha.module on line 216.
  • user warning: Table './hor_hanciorg/captcha_sessions' is marked as crashed and should be repaired query: SELECT status FROM captcha_sessions WHERE csid = 0 in /home/hanci/domains/hanci.org/public_html/modules/captcha/captcha.inc on line 129.
  • user warning: Table './hor_hanciorg/captcha_sessions' is marked as crashed and should be repaired query: SELECT status FROM captcha_sessions WHERE csid = 0 in /home/hanci/domains/hanci.org/public_html/modules/captcha/captcha.inc on line 129.
  • user warning: Table './hor_hanciorg/captcha_sessions' is marked as crashed and should be repaired query: UPDATE captcha_sessions SET timestamp=1590374048, solution='daQtm' WHERE csid=0 in /home/hanci/domains/hanci.org/public_html/modules/captcha/captcha.inc on line 111.
  • user warning: Table './hor_hanciorg/cache_form' is marked as crashed and should be repaired query: UPDATE cache_form SET data = 'a:21:{s:6:\"choice\";a:3:{s:5:\"#type\";s:6:\"radios\";s:14:\"#default_value\";i:-1;s:8:\"#options\";a:7:{i:0;s:35:\"Sitede var olan içerik ve yazılar\";i:1;s:38:\"Sitenin görsel tasarımı ve renkleri\";i:2;s:54:\"Ziyaretçinin siteye yazılar ekleyip yorumlayabilmesi\";i:3;s:46:\"Sitenin adresi ve arama motorunda listelenmesi\";i:4;s:73:\"İnsanların çok fazla ziyaret ediyor olması ve onlarla iletişim ağı\";i:5;s:44:\"Sitenin arkaplan yazılımı ve alt yapısı\";i:6;s:47:\"Ben farklı şeyler düşünüyorum yazacağım\";}}s:4:\"vote\";a:3:{s:5:\"#type\";s:6:\"submit\";s:6:\"#value\";s:6:\"Oy ver\";s:7:\"#submit\";a:1:{i:0;s:9:\"poll_vote\";}}s:5:\"#node\";O:8:\"stdClass\":37:{s:3:\"nid\";s:2:\"72\";s:4:\"type\";s:4:\"poll\";s:8:\"language\";s:2:\"tr\";s:3:\"uid\";s:1:\"1\";s:6:\"status\";s:1:\"1\";s:7:\"created\";s:10:\"1266655218\";s:7:\"changed\";s:10:\"1574865391\";s:7:\"comment\";s:1:\"2\";s:7:\"promote\";s:1:\"0\";s:8:\"moderate\";s:1:\"0\";s:6:\"sticky\";s:1:\"0\";s:4:\"tnid\";s:1:\"0\";s:9:\"translate\";s:1:\"0\";s:3:\"vid\";s:2:\"72\";s:12:\"revision_uid\";s:1:\"1\";s:5:\"title\";s:37:\"Web sitesinde hangisi daha önemlidir\";s:4:\"body\";s:0:\"\";s:6:\"teaser\";s:358:\"* Sitede var olan içerik ve yazılar\n* Sitenin görsel tasarımı ve renkleri\n* Ziyaretçinin siteye yazılar ekleyip yorumlayabilmesi\n* Sitenin adresi ve arama motorunda listelenmesi\n* İnsanların çok fazla ziyaret ediyor olması ve onlarla iletişim ağı\n* Sitenin arkaplan yazılımı ve alt yapısı\n* Ben farklı şeyler düşünüyorum yazacağım\n\";s:3:\"log\";s:0:\"\";s:18:\"revision_timestamp\";s:10:\"1574865391\";s:6:\"format\";s:1:\"0\";s:4:\"name\";s:5:\"hayat\";s:7:\"picture\";s:0:\"\";s:4:\"data\";s:120:\"a:3:{s:7:\"contact\";i:0;s:18:\"admin_compact_mode\";b:1;s:13:\"form_build_id\";s:37:\"form-5bb20dab86db6430977269d8df6a74bb\";}\";s:7:\"runtime\";s:1:\"0\";s:6:\"active\";s:1:\"1\";s:6:\"choice\";a:7:{i:0;a:3:{s:6:\"chtext\";s:35:\"Sitede var olan içerik ve yazılar\";s:7:\"chvotes\";s:4:\"6223\";s:7:\"chorder\";s:1:\"0\";}i:1;a:3:{s:6:\"chtext\";s:38:\"Sitenin görsel tasarımı ve renkleri\";s:7:\"chvotes\";s:3:\"309\";s:7:\"chorder\";s:1:\"1\";}i:2;a:3:{s:6:\"chtext\";s:54:\"Ziyaretçinin siteye yazılar ekleyip yorumlayabilmesi\";s:7:\"chvotes\";s:3:\"212\";s:7:\"chorder\";s:1:\"2\";}i:3;a:3:{s:6:\"chtext\";s:46:\"Sitenin adresi ve arama motorunda listelenmesi\";s:7:\"chvotes\";s:3:\"182\";s:7:\"chorder\";s:1:\"3\";}i:4;a:3:{s:6:\"chtext\";s:73:\"İnsanların çok fazla ziyaret ediyor olması ve onlarla iletişim ağı\";s:7:\"chvotes\";s:3:\"216\";s:7:\"chorder\";s:1:\"4\";}i:5;a:3:{s:6:\"chtext\";s:44:\"Sitenin arkaplan yazılımı ve alt yapısı\";s:7:\"chvotes\";s:3:\"208\";s:7:\"chorder\";s:1:\"5\";}i:6;a:3:{s:6:\"chtext\";s:47:\"Ben farklı şeyler düşünüyorum yazacağım\";s:7:\"chvotes\";s:3:\"413\";s:7:\"chorder\";s:1:\"6\";}}s:10:\"allowvotes\";b:1;s:4:\"vote\";i:-1;s:4:\"path\";s:47:\"anket/web-sitesinde-hangisi-daha-onemlidir.html\";s:22:\"last_comment_timestamp\";s:10:\"1266655218\";s:17:\"last_comment_name\";s:0:\"\";s:13:\"comment_count\";s:1:\"0\";s:8:\"taxonomy\";a:0:{}s:5:\"files\";a:0:{}s:8:\"readmore\";b:0;s:5:\"links\";a:3:{s:11:\"comment_add\";a:4:{s:5:\"title\";s:15:\"Yeni yorum ekle\";s:4:\"href\";s:16:\"comment/reply/72\";s:10:\"attributes\";a:1:{s:5:\"title\";s:31:\"Bu sayfaya yeni bir yorum ekle.\";}s:8:\"fragment\";s:12:\"comment-form\";}i:0;a:3:{s:5:\"title\";s:13:\"Eski anketler\";s:4:\"href\";s:4:\"poll\";s:10:\"attributes\";a:1:{s:5:\"title\";s:43:\"Sitedeki anketlerin listesini görüntüle.\";}}i:1;a:3:{s:5:\"title\";s:9:\"Sonuçlar\";s:4:\"href\";s:15:\"node/72/results\";s:10:\"attributes\";a:1:{s:5:\"title\";s:28:\"Güncel anketi görüntüle.\";}}}}s:6:\"#block\";b:1;s:6:\"#cache\";b:1;s:6:\"#theme\";s:9:\"poll_vote\";s:11:\"#parameters\";a:4:{i:0;s:16:\"poll_view_voting\";i:1;a:3:{s:7:\"storage\";N;s:9:\"submitted\";b:0;s:4:\"post\";a:0:{}}i:2;r:18;i:3;b:1;}s:9:\"#build_id\";s:37:\"form-3b43a848a736c5afddeedce82e2ac97a\";s:5:\"#type\";s:4:\"form\";s:11:\"#programmed\";b:0;s:13:\"form_build_id\";a:4:{s:5:\"#type\";s:6:\"hidden\";s:6:\"#value\";s:37:\"form-3b43a848a736c5afddeedce82e2ac97a\";s:3:\"#id\";s:37:\"form-3b43a848a736c5afddeedce82e2ac97a\";s:5:\"#name\";s:13:\"form_build_id\";}s:7:\"form_id\";a:3:{s:5:\"#type\";s:6:\"hidden\";s:6:\"#value\";s:16:\"poll_view_voting\";s:3:\"#id\";s:21:\"edit-poll-view-voting\";}s:3:\"#id\";s:16:\"poll-view-voting\";s:12:\"#description\";N;s:11:\"#attributes\";a:0:{}s:9:\"#required\";b:0;s:5:\"#tree\";b:0;s:8:\"#parents\";a:0:{}s:7:\"#method\";s:4:\"post\";s:7:\"#action\";s:55:\"/css-dersleri/css-cesitleri-nelerdir-nasil-yapilir.html\";s:9:\"#validate\";a:1:{i:0;s:25:\"poll_view_voting_validate\";}}', created = 1590374048, expire = 1590395648, headers = '', serialized = 1 WHERE cid = 'form_form-3b43a848a736c5afddeedce82e2ac97a' in /home/hanci/domains/hanci.org/public_html/includes/cache.inc on line 112.

Cssin (Stil Şablonu ) 3 farklı kullanım alanı vardır. Bunlar ;

Yerel, yani sayfada sadece bir kez: Yerel stil şablonlar bir html etiketi için özel olarak kullanılırlar.

Global, yani tüm sayfa için: Global stil şablonlar sayfadaki tüm html etiketlerinin belirlenen özellikte olması istendiğinde kullanılırlar.

Bağlantılı, yani birden çok sayfa için: Ba?lantılı stil şablonlar birçok sayfada aynı biçimde olması istendiğinde kullanılırlar.

Yerel Stil Şablonu
Yerel Stil Şablonlar, uygulanacak etiketi sadece bir kez bulunduğu yerde (yerel ) etkiler. Şimdi bir örnek verelim.

Kod Alanı:<html>
<head>
<title>Css</title>
</head>
<body>
<h2>hanci.org</h2><br>
<h2 style="font-size:20pt; color:blue">hanci.org</h2>
</body>
</html>

Bu örneğimizi css.htm adıyla kaydedip tarayıcı yardımıyla
açtığımızda iki tane hanci.org yazısıyla karşılacağız. Fakat bunların
yazım tarzı farklı olacak. Çünkü biz ikinci "h2" etiketimize etkilemek
üzere bir stil şablon ekledik.

Global Stil şablonu
Global Stil şablonları bir önceki örnekte yaptığımız "h2" etiketinin
tüm sayfada aynı özellikte olması istendiğinde kullanılır. Bunu için
Stil şablon özellikleri sayfanın başlangıcında ("head" "/head"
etiketleri arasında ) tanımlanmalıdır.

Örnek ile biraz daha ayrıntılı inceleyelim.

Kod:
<html>
<head>
<title>Css</title>
<style type="text/css">
<!--
h2 {font-size:20pt; color:blue}
-->
</style>
</head>
<body>
<h2>hanci.org</h2>
</body>
</html>

Burada ne yapmış olduk? Sayfa içerisinde kullanacağımız tüm "h2"
etiketlerinin özelliklerini sabitlemiş olduk. Yani sayfa içerisinde
nerede kullanırsanız kullanın "h2" etiketinin stil özellikleri hep aynı
olacaktır. Yazım kurallarına biraz değinirsek, Stil şablon tanımlamaları
"head" etiketleri arasında

Kod Alanı:<style type="text/css">

ile başlayıp

Kod Alanı:</style>
ile bitmelidir.

Bağlantılı Stil Şablon
Global stil şablonu ise sitemiz içerisindeki tüm sayfalarda aynı stil özelliklerini kullanmak istediğimizde kullanırız.

Her zaman olduğu gibi stillerimizi yukarıda örneklerini verdiğimiz
şekilde hazırlarız. Fakat bunu html dosyamızın içerisinde değil de boş
bir sayfaya yazarız. Sonra onu kaydederken css uzantılı bir şekilde
kaydederiz. Ardından da html dosyamızın içerisine yine head etiketleri
arasına

Kod Alanı:<link rel="stylesheet" type="text/css" href="dosya_ismi.css">

şeklinde ekleriz. Şimdi hemen bir örnek verelim.

Kod Alanı:h1 {font-size:13pt; color:green}
h2 {font:20pt; color:blue}
h3 {font-size:15pt; color:red}

Bu dosyamızı stil.css olarak kaydedelim. Şimdi de html dosyamıza gelelim. Html dosyamızın kodları da şu şekilde olmalıdır.

Kod Alanı:<html>
<head>
<title>Css</title>
<link rel="stylesheet" type="text/css" href="stil.css">
</head>
<body>
<h1>hanci</h2>
<h2>hanci</h2>
<h3>hanci</h2>
</body>
</html>

Html dosyasının kodları arasında geçen link rel="stylesheet"
type="text/css" href="stil.css" kodu stil.css dosyasındaki stil
özelliklerini kullanmamızı sağlar. Bu kodu istediğimiz diğer html
dosyalarına da eklediğimizde orada da kullanabiliriz.

Böylelikle her sayfada stil özellikleri tanımlamamış, başlangıçta
tanımladığımız stil özelliklerini kullanarak hem koddan tasarruf etmiş
oluruz hem de paradan.

Yeni yorum gönder

Bu alanın içeriği gizli tutulacak ve açıkta gösterilmeyecektir.
CAPTCHA
Aşağıdaki resimde yer alan karakterleri kutucuğa doğru olarak yazınız
Image CAPTCHA
Enter the characters shown in the image.

sponsorlu bağlantılar

Anket

Web sitesinde hangisi daha önemlidir:

Son yorumlar