Css border(çeşit çeşit kenarlıklar)

phpBB 3.0.x sürümleri için stil veya temalar hakkındaki sorunlarınızı buraya yazabilirsiniz.
Forum kuralları
- Yeni bir başlık açarken lütfen konu başlığına "Acil yardım", "Acele yardım" tarzlarında içerisinde "yardım" kelimesi geçen cümleler yazmayınız. Bu tip başlıklara kesinlikle cevap verilmeyecektir. Lütfen konu başlığına içeriği en iyi özetleyen anlaşılabilir bir cümle yazınız.

- Ayrıca yeni başlıklarınızı kesinlikle ilgili forumlara açınız. Örneğin, phpBB3 kurulum ve çalıştırması hakkında bir sorununuz varsa "3.0.x Destek Forumu" forumuna başlık açınız; phpBB3 temasından kaynaklı bir sorunuz varsa "3.0.x Stil/Tema Geliştirme & Tartışma & Yardım" forumuna başlık açınız; phpBB3 mod/eklentileriyle ilgili sorununuz varsa "3.0.x MOD Destek" forumuna başlık açınız. Bu kurala uymayan kullanıcıların başlıkları silinebilir ve kullanıcı uyarı alabilir ya da süresiz uzaklaştırılabilir.

- Site kurallarımızı okumadan kesinlikle forumlarımıza herhangi bir katılım yapmayınız.
Kilitli
satcell
Kayıtlı Kullanıcı
Mesajlar: 769
Kayıt: 25.01.2009, 20:42
Konum: samsun

Css border(çeşit çeşit kenarlıklar)

Mesaj gönderen satcell »

Aşağıdaki adreslerde temalarınıza uygulayabileceğiniz çeşit çeşit css borderler var.

css border

css border

css border

css border
Kullanıcı avatarı
difficulty
Kayıtlı Kullanıcı
Mesajlar: 674
Kayıt: 20.02.2009, 15:48
İletişim:

Re: Css border(çeşit çeşit kenarlıklar)

Mesaj gönderen difficulty »

bunun nasıl yapıldıgını anlatırmısın?
satcell
Kayıtlı Kullanıcı
Mesajlar: 769
Kayıt: 25.01.2009, 20:42
Konum: samsun

Re: Css border(çeşit çeşit kenarlıklar)

Mesaj gönderen satcell »

difficulty yazdı:bunun nasıl yapıldıgını anlatırmısın?
yukarıdaki adreslerden bi tanesindeki bilgiyi prosilver temaya ve şuanki temaya uyarladım
[ resmi görüntülemek için tıklayın ]

bunun nasıl yapıldığı şöyle prosilver tabanlı temalara

colours.css şunları ekliyorsun

Kod: Tümünü seç

fieldset.satcell{ 
  border-left-style: groove; 
  border-left-color: Green; 
  border-left-width: 5px; 
  border-bottom-style: ridge; 
  border-bottom-color: Green; 
  border-bottom-width: 5px;
  border-right-style: groove;
  border-right-color:  Purple; 
  border-right-width: 5px;
  border-top-style: groove; 
  border-top-color:  Purple; 
  border-top-width: 5px;
  padding-left: 4px;
  font-size: 1em;
  font: bold;
  margin:5px;
  padding:5px;
  
  
 }

legend.satcell {
  border-left-style: groove; 
  border-left-color: red; 
  border-left-width: 5px; 
  border-bottom-style: ridge; 
  border-bottom-color: red; 
  border-bottom-width: 5px;
  border-right-style: groove;
  border-right-color:  red; 
  border-right-width: 5px;
  border-top-style: groove; 
  border-top-color:  red; 
  border-top-width: 5px;
  color: blue;
  font-size: 1.2em;
  font:bold;
  padding-left:3px;
  padding-top:3px;
  padding-bottom:3px;
  padding-right:3px;
 
  }
daha sonra index_body.html de burayı şu şekilde düzenliyorsun,diğer yerleride bunun gibi düzenliyorsun,daha sonra ön belleği temizliyorsun,temayı ve şablonları yeniliyorsun

Kod: Tümünü seç

<fieldset class="satcell"> <legend class="satcell"><strong>{L_STATISTICS}</strong></legend>
	<p>{TOTAL_POSTS} &bull; {TOTAL_TOPICS} &bull; {TOTAL_USERS} &bull; {NEWEST_USER}</p></fieldset>
Kilitli

“3.0.x Stil Sorunları & Yardım” sayfasına dön

Kimler çevrimiçi

Bu forumu görüntüleyen kullanıcılar: Hiç bir kayıtlı kullanıcı yok ve 2 misafir