• Uyarı

CSS Css status trick

  • Konbuyu başlatan DuzMuh
  • Başlangıç tarihi

DuzMuh

New member
#1
Bu yöntem ile css kullanarak döngü ya da koşul kullanmadan status belirteci olarak kullanacağınız yapıyı basitçe oluşturabilirsiniz.
Ne diyor bu adam diyebilirsiniz yazarken ben de söyledim bunu kendime çünki :D
Şöyleki: çok çeşitli bir kullanıcı listemiz olsun , kullanıcılarımızın yetki seviyeleri olsun toplam 5 çeşit yetki var ve 1,2,3,4,5 olarak kullanıcı tablomuzda tutalım. Kullanıcıları listelerken de bu 5 tipteki kullanıcıların ayrımı için listede 5 ayrı renk olsun yeşil,sarı,kırmızı,sarı,mavi.
Şimdi normalde nasıl yaparız;
Sorguyu gerçekleştir, ekrana basarken for içine if ile kontrol sağla ve renk kodlarını bu şekilde yazdır.
Peki bahsettiğim yöntemde nasıl yapacağız ?
Sorgudan gelenleri döngü ile yazdırırken

Kod:
<td class="<?php echo "company-status-".$company['Company']['status']; ?>"></td>
Status u sabit bir başlıkdan sonra classın devamına yazdım.
Ve artık gerisi css de. Oluşacak calss name ler company-status-1, company-status-2 diye gidecek. ve kaç durum olduğu da belirli en fazla 5.
O zaman css de şunu yazınca if kullanmadan bunu yapmış olacağız.

Kod:
.company-status-1{
background: red;
}
.company-status-2{
background: blue;
}
işlem basit ama sizi bütük bir koşul kullanımından kurtarabilir ve hızı ciddi ölçüde artırabilir özellikle büyük datalarda.
iyi forumlar diyelim, forum a sahip çıkalım :D ilk post da böyle olsun
 
Moderatör tarafında düzenlendi: