Forum Renkli - Türkiye`nin En Renkli Eğlence ve Bilgi Paylaşım Platformu  



"Taklitler, Asıllarını yaşatırmış."
Go Back   Forum Renkli - Türkiye`nin En Renkli Eğlence ve Bilgi Paylaşım Platformu > Webmaster Dünyası > Webmaster Dünyası > Programlama Dilleri > CSS
Ücretsiz Kayıt ol veya Üye Girişi yapın.
CSS CSS hakkındaki tüm bilgileri ve paylaşımları bu bölümde bulabilirsiniz.

Forum Renkli - Türkiye'nin En Renkli Eğlence ve Paylaşım Platformuna Hoşgeldiniz.
Forum Renkli'ye Hoşgeldiniz. Forumumuza ücretsiz KAYIT olarak, forumumuzda bilgi alışverişi yapabilir ve aramıza katılıp samimi dostluklar kurabilirsiniz.

Forumumuzda bizimle birlikte paylaşıma katılmak için buradan üye olabilirsiniz.



veya Facebook üyeliğiniz ile sitemize kayıt olabilirsiniz.
Etiketli Üyeler Listesi

Yeni Konu Aç Cevap Yaz
 
LinkBack Seçenekler Stil
Alt 05 Aralık 2014, 16:05   #1 (permalink)
Bayan Üye

aLiSyA - ait Kullanıcı Resmi (Avatar)
Üyelik tarihi: 30 Kasım 2012
Nerden: balıkesir
Yaş: 31
(Mesajlar): 967
(Konular): 845
Burç:
Renkli Para : 2145
Aldığı Beğeni: 152
Beğendikleri: 118
Ruh Halim: Melek Gibi
Takım :
aLiSyA - MSN üzeri Mesaj gönder
Standart Css (stil şablon)

CSS (Cascading Style Sheets) diğer deyimiyle Stil Şablon HTML yazım şekli
olarak etiket türünde bir yazım dilidir. Sahip olduğu özelliklerin kısıtlı olması nedeniyle sayfanın dizaynında bize tam esneklik veremese de büyük kolaylıklar sağlamaktadır.

Kullanım kolaylığı ve kullanışlılığı ile HTML’e eklenmesinden itibaren çoğu web
tasarımcısının gözdesi olmuştur. Her türlü sayfa dizaynında müthiş bir esneklik
sağlamaktadır. Ayrıca bağlantılı stil şablonlar aracılığı ile de birden çok sayfaya
etkiyebilir. Bu da bize sitenin görünümün değiştirmek istediğimizde elimizdeki onlarca belki de yüzlerce sayfanın kodlarını değiştirmeden sadece css dosyasının değiştirerek bu imkanı sağlar.

Stil Şablon’un tarayıcılara eklenmesinden sonra iki versiyonu çıkmıştır. Bunlar:

• CSS 1
• CSS 2

Dersimizde MSIE (Internet Explorer) ve NN (Netscape Navigator)

tarayıcılarında, her ikisinde de etkin olan veya etkin olmayıp dizaynı bozmayan
(A:hover gibi) Stil Şablon özellikleri üzerinde durulacaktır.

STİL ŞABLON ÇEŞİTLERİ

Css’in (Stil Şablon) 3 farklı kullanım alanı vardır.

Bu alanlar;

1. Yerel, yani sayfada sadece bir kez, Yerel stil şablonlar bir html etiketi
için özel olarak kullanılırlar.
2. Global, yani tüm sayfa için, Global stil şablonlar sayfadaki tüm html
etiketlerinin belirlenen özellikte olması istendiğinde kullanılırlar.
3. 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..

Örnek:
PHP- Kodu:
<html
<
head
<
title>Css</title
</
head
<
body
<
h2>CSS Kullanımı</h2><br
<
h2 style=font-size:20ptcolor:blue>CSS Kullanımı</h2
</
body
</
html

Bu örneği;

css.htm adıyla kaydedip tarayıcı yardımıyla açtığımızda iki tane CSS
Kullanımı yazısıyla karşılaşırız. Bunların her ikisinin de etiketleri H2 olmasına rağmen yazım tarzı farklı olacaktır. Çünkü ikinci etiketimize etki etmek üzere bir stil şablon eklenmiştir.

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ımlanır.

Örnek:

PHP- Kodu:
<html
<
head
<
title>Css</title
<
style type="text/css"
<!-- 
h2 {font-size:20ptcolor:blue} --> 
</
style
</
head
<
body
<
h2>Web Teknikleri</h2
</
body
</
html
Yukarıdaki örnekte sayfa içerisinde kullanacağımız tüm h2 etiketlerinin
özellikleri sabitlenmiştir. Yani sayfa içerisinde nerede kullanırsanız kullanın h2
etiketinin stil özellikleri hep aynı kullanılacaktır.

Stil Şablon tanımlamaları <head> </head> etiketleri arasında <style
type="text/css"> ile başlayıp </style> ile bitmelidir. <!-- Etiketi ile CSS’den
anlamayan tarayıcıların bu kısmı geçmesini sağlıyoruz. Bu saklama işlemi --> etiketi ile son bulmaktadır.





Birinin gözlerine bakmak onun rüyalarına girmeyi göze
almak demektir. Sevmeye kabiliyetin yoksa o gözlere
bakmayacaksın.

Konu aLiSyA tarafından (05 Aralık 2014 Saat 16:08 ) değiştirilmiştir..
aLiSyA isimli Üye şimdilik offline konumundadır   Alıntı
Alt 05 Aralık 2014, 16:14   #2 (permalink)
Bayan Üye

aLiSyA - ait Kullanıcı Resmi (Avatar)
Üyelik tarihi: 30 Kasım 2012
Nerden: balıkesir
Yaş: 31
(Mesajlar): 967
(Konular): 845
Burç:
Renkli Para : 2145
Aldığı Beğeni: 152
Beğendikleri: 118
Ruh Halim: Melek Gibi
Takım :
aLiSyA - MSN üzeri Mesaj gönder
Standart Bağlantılı Stil Şablon

Global stil şablonu, sitemiz içerisindeki tüm sayfalarda aynı stil özelliklerini
kullanmak istediğimizde kullanırız. Uygularken, stillerimizi yukarıda örneklerini
verdiğimiz şekilde hazırlarız.

Fakat bu stil listesini html dosyamızın içerisinde değil de boş bir sayfaya yazarız ve css uzantılı bir şekilde kaydederiz.

Ardından da html dosyamızın içerisine yine <head> </head> etiketleri arasına <link rel="stylesheet" type="text/css" href="dosya_ismi.css"> şeklinde ekleriz.

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

Yukarıda verilen örnekteki dosyayı stil.css olarak kaydededip, html dosyamıza
geçelim.

Html dosyamızın kodları:

Örnek:

PHP- Kodu:
<html
<
head
<
title>Css</title
<
link rel="stylesheet" type="text/css" href="stil.css"> </head
<
body
<
h1>Web Teknikleri</h2
<
h2>Web Teknikleri</h2
<
h3>Web Teknikleri</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. Aynı stilleri kullanmak istediğimiz diğer html dosyalarına bu satırı eklememiz yeterlidir.

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

HTML ETİKETLERİ İLE CSS

Font Özellikleri

Font özelliklerini değiştirmeye yarayan bir stil şablon özelliğidir.


Örnek:
PHP- Kodu:
<html><body><head
<
title>Css</title
<
style type="text/css"
<!
—
{font-size 12pt;font-family Arial;font-weight bold;font-style 
italic;color #00FFFF;} 
--> 
</
style
<
body
<
p>Web Teknikleri</p>
 
</
body></html
font-size : Font büyüklüğü

Kullanımdaki standart değerler tercih edilebileceği gibi direkt olarak punto (pt)
değeri de verilebilir.

Standart değerler:

• xx-large (en büyük )
• x-large (biraz büyük)
• large (büyük)
• medium (orta)
• small (küçük)
• x-small (biraz küçük)
• xx-small (en küçük)

Alt Özellikler:

• font-family : Font tipini belirler. Arial, Courier, Verdana gibi font
isimlerini alabilir.
• font-weight : Fontun kalınlı incelik durumunu belirler.
• bold : Fontu kalın yapar.
• normal : Fontun normal halde olmasını sağlar. Bu özellik yazılmadığında
normal özellik alınır.
• font-style : Fontun yatık olup olmamasını sağlar.
• italic : Yazının sağa doğru yatık olmasını sağlar.
• color : Fontun rengini belirler. Blue, red,green gibi renklerin ingilizce
karşılıklarını alabilir.





Birinin gözlerine bakmak onun rüyalarına girmeyi göze
almak demektir. Sevmeye kabiliyetin yoksa o gözlere
bakmayacaksın.
aLiSyA isimli Üye şimdilik offline konumundadır   Alıntı
Reklam Alanı
Yeni Konu Aç Cevap Yaz

Etiketler
css, stil, Şablon

« - | Text Özellikleri »

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık


Forum Renkli Sosyal Medya
Forumrenkli Facebook Forumrenkli Twitter Forumrenkli RSS
Forum Renkli Desteklediklerimiz

Forum Renkli Yasal Uyarı!

Forum Renkli Türkiye'nin en renkli eğlence ve bilgi paylaşım platformudur. Hukuka, yasalara, telif ve kişilik haklarına bağlıdır. "5651 sayılı yasada" belirtilen "Yer Sağlayıcı" olarak hizmet sunmaktadır. İlgili yasaya göre site yönetiminin tüm içerikleri kontrol etme yükümlülüğü yoktur. Bu sebep ile sitemiz, uyarıları dikkate alarak yasa dışı paylaşımlar hakkında gerekli işlemleri yapmaktadır. Oluşabilecek yasal sorumluluklar "Üyelerimize" aittir.

Forum Renkli; Arkadaşlık, Dostluk, Eğlence, Paylaşım, Msn Nickleri, Msn Sözleri, Msn Avatarları, Ödüllü Yarışmalar, Msn Sözleri, Şiirler, Şarkılar, Moda, Sağlık, Tv, Dizi, Film, Komik, Komik Resimler, Komik Videolar, Haberler, Spor Haberleri ve Güncel Bilgi Paylaşımı gibi konuların kullanıcıları tarafından önceden onay almadan anında yayınlayabildikleri bir forumdur.

Copyright© 2011 - 2013, ForumRenkli.com® Tüm Hakları Saklıdır.


Forum Renkli Alexa Forum Renkli Sitemap



vBulletin® Version 3.8.7 ile güçlendirilmiştir.
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd
Inactive Reminders By Realdizayn

Search Engine Optimization by vBSEO 3.6.1 ©2011, Crawlability, Inc.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557