Payidar.NET - Bilgi ve Paylaşım Forumu
Go Back   Payidar.NET - Bilgi ve Paylaşım Forumu > Internet > Web Master Dünyası

Duyurular

Web Master Dünyası Web tasarımı ve teknik donanımları konusunda uzmanlaşmış veya uzmanlaşmayı kafasına koymuş üyelerimiz için büyük bir web dersanesi niteliğinde bir bölüm. Farklı bilgiler, bu yeni dünyadan en son haberler ve daha fazlası.

Cevapla
 
LinkBack Konu Seçenekleri Gösterim Modu
  #1 (Daim)  
Alt 15.02.07, 17:06
orrhhaann - ait Kullanıcı Resmi (Avatar)
Tam Paylaşımcı
 
Üyelik Tarihi: 21.07.06
Şehir: Kayseri
Yaş: 27
Mesajlar: 179
Karizma Puanı: 104
orrhhaann has a reputation beyond repute
orrhhaann - İCQ üzeri Mesaj gönder orrhhaann - AİM üzeri Mesaj gönder orrhhaann - MSN üzeri Mesaj gönder orrhhaann - YAHOO üzeri Mesaj gönder
Talking Smf Hakkında Bilgi

Ziyaretçiler Forumu Dolaşabilsinler Fakat Mesajları Göremesinler İstiyorsan!

1. Eğer ziyaretçilerin foruma girmesini tamamen engellemek istiyorsanız

Yönetim -> Seçenekler ve Opsiyonlar -> Ziyaretçiler forumu gezebilsin
Bu ayarı işaretlemezseniz üye olmayanlar forumun herhangi bir sayfasına girdiklerinde şifre ekranı ile karşılaşırlar.

2. Ziyaretçilerin siteye girebilmelerini, ancak yazı yazamamalarını istiyorum
İzinleri Ayarla -> Ziyaretçiler -> Düzenle altından konu açma ve cevap verme iznini kaldırabilirsiniz.

3. Ziyaretçilerin siteye girebilmelerini, bölümlerin ismini görebilmelerini, ancak bölüme tıkladıklarında girememelerini istiyorsanız

"Themes" klasöründe, kullandığınız temanın klasörüne girin. Eğer orada Messageindex.template.php dosyası varsa onu açın. Eğer yoksa, default tema klasörüne girin ve onun içindeki dosyayı açın. Eğer kullandığınız tema zaten default ise, o zaman da default tema klasöründeki açın.

Bunu bulun:
Kod:
?>

Bununla değiştirin:
Kod:
is_not_guest();
?>

Aynı işlemi Display.template.php, Printpage.template.php ve recent.template.php dosyaları için de yapmalısınız.

4. Ziyaretçilerin bölümlere girebilmesini, konu başlıklarını görebilmelerini, ancak konunun içini okuyamamalarını istiyorsanız,

"Themes" klasöründe, kullandığınız temanın klasörüne girin. Eğer orada Display.template.php dosyası varsa onu açın. Eğer yoksa, default tema klasörüne girin ve onun içindeki dosyayı açın. Eğer kullandığınız tema zaten default ise, o zaman da default tema klasöründeki açın.

Bunu bulun:
Kod:
?>

Bununla değiştirin:
Kod:
is_not_guest();
?>

Aynı işlemi Printpage.template.php ve recent.template.php dosyaları için de yapmalısınız.

----------------------------------------------------

Silinmiş Üyeyi Geri Getirme

Önce hesabı silinen kişi için yeni bir hesap oluştur. (İstersen aynı üye adıyla, farketmez.)
Sonra phpMyAdmin veya benzeri ile şu SQL sorgusunu çalıştır:


Kod:

UPDATE smf_messages SET ID_MEMBER = YENI_UYE_NUMARASI WHERE posterEmail = 'ESKI_UYE_MAILI'
Buradaki YENI_UYE_NUMARASI dediğim yer, yeni kaydettiğin hesabın üye numarası. (Fareyi üye isminin üzerinde tutarsan linkte üye numarası görünür)
ESKI_UYE_MAILI dediğim yere ise, yanlışlıkla silinen eski hesabın kullandığı e-posta adresi yazılmalı.

Şimdi o şahıs eski mesajlarına kavuşmuş oldu

Eğer yukarıdaki çözüm işe yaramazsa şu sorguyu dene:

Kod:

UPDATE smf_messages SET ID_MEMBER='YENI_UYE_NUMARASI' WHERE postername='ESKI_KULLANICI_ADI';

------------------------------------------------------------------------------------------

Yasakladığın Üyenin Üzeri Çizgi İle Gösterilsin İstiyorsan(vbulletin'deki gibi)

SMF 1.1 veya SMF 1.1.1 kullananlar için bu çok kolay.
Display.template.php dosyasını açıyorsunuz. Bu kodu buluyorsunuz:

Kod:
<b>', $message['member']['link'], '</b>Öncesine bunu:

Kod:
', $message['member']['is_banned'] ? '<span style="text-decoration: line-through;">' : '', 'Sonrasına bunu yapıştırıyorsunuz:

Kod:
', $message['member']['is_banned'] ? '</span>' : '', '
Hepsi bu
Yalnız bu, full banlarda (tam yasaklama) çalışır. Ayrıca kullanıcı adına tetikleyici koymuş olmanız lazım.

Tam yasaklama olmayanlar da çizilsin istiyorsanız o zaman daha uzun bir yöntem var.
Banned diye yeni bir grup oluşturun. Sonra banlanmış üyeleri bu gruba koyun. Sonra Display.template.php dosyasını açın. Şunu bulun:

Kod:
<b>', $message['member']['link'], '</b>Hemen öncesine şunu koyun:

Kod:
'; if($message['member']['group'] == 'Banned') { $banned = true;
echo '<span style="text-decoration:line-through">'; } else $banned = false; echo '
Sonra yine az önce bul dediğim ifadenin hemen sonrasına da şunu koyun:

Kod:
', $banned ? '</span>' : '', '
Böylece banlı üyelerin üstü çizilecek. Eğer aşağıda da "banned" veya benzeri bir yazı olsun istiyorsanız,
Yine aynı dosyada, şunu bulun:

Kod:
// Show the member's custom title, if they have one.
Heme öncesine şunu ekleyin:

Kod:
if($banned)
echo '
<b>Banned-Yasakli</b><br />';
Yine bulun:

Kod:
if (isset($message['member']['title']) && $message['member']['title'] != '')Bununla değiştirin:

Kod:
if (isset($message['member']['title']) && $message['member']['title'] != '' && !$banned)

İşlem tamam..
Not: Buradaki kelimelere dikkat edin. Harfi harfine aynı olmalı. Hatta büyük küçük harflerin yeri bile. Burada Banlı üyeleri Banned diye bir grupta toplayacağınızı varsayarak yazdım kodları.
Sadece şuradaki "banned" yazısını değiştirebilirsiniz:
<b>Banned</b><br />

Bu yazı, banlanan üyelerin isimlerinin hemen altında çıkacak.

---------------------------------------------------------------------------------------------------------------

Her KAtagoride Farklı Resim Olsun Dİyorsan eğer;

BoardIndex.template.php dosyasinda bunu bul:

Kod: (Bul)

// If the board is new, show a strong indicator.
if ($board['new'])
echo '<img src="', $settings['images_url'], '/on.gif" alt="', $txt[333], '" title="', $txt[333], '" border="0" />';
// This board doesn't have new posts, but its children do.
elseif ($board['children_new'])
echo '<img src="', $settings['images_url'], '/on2.gif" alt="', $txt[333], '" title="', $txt[333], '" border="0" />';
// No new posts at all! The agony!!
else
echo '<img src="', $settings['images_url'], '/off.gif" alt="', $txt[334], '" title="', $txt[334], '" border="0" />';
// If the board is new, show a strong indicator.
if ($board['new'])
echo '<img src="', $settings['images_url'], '/on_' . $board['id'] . '.gif" alt="', $txt[333], '" title="', $txt[333], '" border="0" />';
// This board doesn't have new posts, but its children do.
elseif ($board['children_new'])
echo '<img src="', $settings['images_url'], '/on2_' . $board['id'] . '.gif" alt="', $txt[333], '" title="', $txt[333], '" border="0" />';
// No new posts at all! The agony!!
else
echo '<img src="', $settings['images_url'], '/off_' . $board['id'] . '.gif" alt="', $txt[334], '" title="', $txt[334], '" border="0" />';
Şimdi images klasorune her kategori icin resimler koy. ornegin 15 nolu kategori icin, on_15.gif on2_15.gif ve off_15.gif seklinda
on.gif, yeni mesaj varsa; on_2.gif alt bolumlerde yeni mesaj varsa; off.gif yeni mesaj yoksa gosterilir


Eğer Yine Mesaj Geldi ve Gelmedi İkonlarının Durmasını İstiyorsanız
Gençtürk arkadaşımızın yapmış oldugu Boardicon modunu kullanabilirsiniz.


Boardicon modu için buradan yardım alabilirsiniz:

http://www.simplemachines.org/community/index.php?topic=79457.0



Sitenizde Sağ Klick'lemeyi Yasaklamak istiyorsanız

index.template.php dosyanızı acın


Kod: (bulun)
</head>
<body>';

Kod: (değiştirin)
</head>
<body>'; echo'
<script type="text/javascript">

//form tags to omit in NS6+:
var omitformtags=["input", "textarea", "select"]

omitformtags=omitformtags.join("|")

function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase ())==-1)
return false
}

function reEnable(){
return true
}

if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}

</script>';




Özelleştirilmiş Profil Alanları oluşturmak

SMF'de profil alanını özelleştirme, yeni profil alanları ekleme

İyi bir forum sahibi olmanın en önemli özelliklerinden biri, özelleştirilebilmesidir. Büyük değişimlerin yapıldığı özelleştirmelerde kullanıcılarınızın kendilerine ait bilgilerin profillerinde saklanmasını sağlayabilir. SMF, size bunu sağlayabilecek şekilde tasarlanmış ve istediğiniz şekilde özelleştirebilme imkanları sunmaktadır.
Burada okuyacağınız bilgiler SMF forumu için hazırlanmıştır ve diğer yazılımlarla çalışmayacaktır.

İstediğiniz tam olarak nedir?

Planlamak, hepinizin bildiği gibi, herşeyin anahtarıdır. Bunun için, öncelikle bazı şeyleri bilmeniz gerekir; ne türde şeyler istiyorsunuz, nasıl görünmesini istiyorsunuz, nerede istiyorsunuz ve nasıl seçeneklere sahip olmasını istiyorsunuz.. Bu rehberde birkaç değişik örnekle kendi isteğinize uygun özellikleri nasıl üretebileceğinizi anlatacağız. (Sade yazı, listeden seçme, seçme kutuları ve büyük yazı alanlrı gibi..) Elbette daha fazlası da mümkün; biz ise başlangıç için sadece örneklendireceğiz.

Şimdi bir sonraki adım, bunlardan hangisini kullanmak istediğinizi belirlemek. Örneğin, kullanıcının bir profil alanına sadece amaca özel (kısıtlı) bilgiler girmesini istiyorsanız, işinizi seçme listesi görecektir. Bununla birlikte, mesela lakabını soracaksanız, küçük bir yazı kutusu kullanırsınız. Ya da örneğin özgeçmiş girilmesini istiyorsanız geniş bir yazı alanına ihtiyacınız olacaktır.
Daha sonra seçiminizin nereden görünmesini istediğinizi belirlemelisiniz. Örneğin yazılan özgeçmişin kullanıcının her mesajında isminin altında görülmesini muhtemelen istemezsiniz; ama profiline bakıldığında görülmesini isteyebilirsiniz. Ya da özgeçmişlerini kayıt sırasında sormak istemeyebilirsiniz, belki sonra doldurulabilecek bir özellik olarak kullanmak istersiniz..

Tema sistemi meselesi

Şimdi özelleştirilmiş profil alanları yaratmak için kullanacağımız yöntem, SMF'in bize sunduğu tema sistemidir. Bu sistem sayesinde, veritabanı üzerinde herhangi bir değişiklik yapmanıza veya girilen bilgilerin nerede saklandığı konusunda endişe duymanıza gerek kalmayacaktır. Her ne kadar böyle özelleştirilmiş alanları bir yönetim panelinden yönetmek mümkün de olsa, burada anlatacağımız metod, kontrolü elinizde tutmanız, neyin nerede ve nasıl görüneceğiniz kendinizin belirleyebilmesi açısından, daha kullanışlıdır. Ek olarak, PHP bilmenize de gerek yok; sadece kopyala/yapıştır yapmayı bilin yeter

Her zaman hatırlamanız gereken önemli bir konu: tema sisteminin doğasından ötürü, kullanacağınız kodlarda veya yazılarda tek tırnak işareti ( ' ) varsa, bunun tek başına değil de, bir ters bölü ( \ ) işaretiyle kullanılması gerekir. Ör: Ahmet'e gittim yerine; Ahmet\'e gittim.
Yanısıra, HTML ve CSS bilmeniz, işinizi büyük ölçüde kolaylaştırır. Bunları [Sadece kayıtlı Üyelerimiz Linkleri görebilir. ] adresinden ücretsiz öğrenebilirsiniz. (İngilizce)

Bu özelleştirmeleri yaparken, bunların sadece o an kullanımdaki temada mı yoksa tüm temalarda mı görüneceğini de seçebilmeniz mümkün. Genellikle, özelleştirilmiş profil bilgileri tüm temalarda görünsün istenecektir. Bundan dolayı burada bu yöntem üzerinde duracağız. Bununla birlikte, bazı özellikler için, tüm temalarda kullanmak istediğinizde, varsayılan temayla beraber diğer temaların da dosyalarını düzenlemeniz gerekebilir. Varsayılan temayı değiştirdiğiniz takdirde, forum sürümünüzü yükseltmeye karar verirseniz, aynı değişiklikleri tekrar yapmanız gerekecektir. Mümkünse, varsayılan temanın bir kopyasını alın, bunu düzenleyin ve kullanın, varsayılan temanın kullanılmasını da engelleyin. (Yeni bir tema oluşturmak gibi düşünebilirsiniz)

Bu özelleştirmeleri yapmak için öncelikle kendinize bir adet güçlü bir düzenleme programı bulun. Dilerseniz notepad, wordpad gibi programarı kullanabilirsiniz. Programlama diline uygun renklendirme yapmak istiyorsanız ConTEXT'i tavsiye edebilirim.

Basit bir yazı alanı eklemek

Bu, muhtemelen en basit ve en genel yöntem. Bu özelleştirmenin örneği için, kullanıcının gerçek ismini yazmasını istediğimiz bir yazı alanı oluşturacağız.
1. /Themes/sizin_temanız/Profile.template.php dosyasını açıyoruz. Eğer kullandığınız temada bu dosya yoksa, varsayılan temadan bir kopya alıp buraya koyun.

2. Bu kodu arayın:

Kod:
<td><input type="text" name="websiteUrl" size="50" value="', $context['member']['website']['url'], '" /></td>Not: Bu kod sizin dosyanızda başka özelleştirmelerden dolayı biraz farklı olabilir.

Hemen altına şunu ekleyin:

Kod:

</tr><tr>
<td><b>Gerçek isim: </b></td>
<td><input type="text" name="default_options[profile_gercek_isim]" size="50" value="', @$context['member']['options']['profile_gercek_isim'], '" /></td>

Not: Burada kullanılan "default_options" ifadesi, yaratacağımız yeni profil alanının tüm temalarda işlemesi içindir. Sadece o an kullanılan temada çalışması için "options" kullanın.

3. Eğer "Gerçek isim" adı altında yarattığımız bu alanın, kullanıcının profiline bakıldığında görüntülenmesini istiyorsak, bulacağız:

Kod:

<td><a href="', $context['member']['website']['url'], '" target="_blank">', $context['member']['website']['title'], '</a></td>

Hemen altına ekleyeceğiz:

Kod:
</tr><tr>
<td><b>Gerçek isim: </b></td>
<td>', @$context['member']['options']['profile_gercek_isim'], '</td>
Boş bırakmışlarsa bu alan görünmesin mi? O zaman onun yerine bunu kullanın:

Kod:
', !empty($context['member']['options']['profile_gercek_isim']) ? '</tr><tr>
<td><b>Gerçek isim: </b></td>
<td>' . $context['member']['options']['profile_gercek_isim'] . '</td>' : '', '

4. Eğer bu "Gerçek isim" alanının, kullanıcının yolladığı her mesajda üye adı altında görünmesini istiyorsak, (örneğin yeni üye, mesajlar : 40 gibi..) bu da mümkün. Açıyoruz: /Themes/sizin_temanız/Display.template.php Arıyoruz:

Kod:
// Show the member's gender icon?Hemen üstüne, şunu ekliyoruz:

Kod:
if (!empty($message['member']['options']['profile_gercek_isim']))
echo 'Gerçek isim: ', $message['member']['options']['profile_gercek_isim'], '<br />';Bunun gibi aynı şekilde başka alanlar da ekleyebilirsiniz.

İstenilen şeyi listeden seçtirmek

Bu da yukarıdakiyle aynı yöntemdir. Yukarıdaki yönergeleri izleyin, yalnızca Profile.template.php adımında şunu kullanın:

Kod:

</tr><tr>
<td><b>Evcil hayvanınız: </b></td>
<td><select name="default_options[profile_ev_hayvani]">
<option', @$context['member']['options']['profile_ev_hayvani'] == 'Kus' ? ' selected="selected"' : '', '>Kus</option>
<option', @$context['member']['options']['profile_ev_hayvani'] == 'At' ? ' selected="selected"' : '', '>At</option>
<option', @$context['member']['options']['profile_ev_hayvani'] == 'Kopek' ? ' selected="selected"' : '', '>Kopek</option>
<option', @$context['member']['options']['profile_ev_hayvani'] == 'Kedi' ? ' selected="selected"' : '', '>Kedi</option>
</select></td>

Kalan diğer basamaklarda, "profile_gercek_isim" ve "Gerçek isim" yerine "profile_ev_hayvani" ve "Ev hayvanınız" ifadelerini kullanacaksınız.

Seçme kutuları eklemek

Yine benzer şekilde, Profile.template.php basamağında, bunu ekleyin:

Kod:

</tr><tr>
<td><b>Gerçek isim: </b></td>
<td><input type="checkbox" name="default_options[show_gercek_isim]" value="1"', @$context['member']['options']['show_gercek_isim'] ? ' checked="checked"' : '', ' class="check" /></td>

Şimdi profil alanında gerçek ismin görünüp görünmemesini kullanıcı kendisi seçebilir. Kullanıcının seçimine göre gerçek ismin görünmesini/görünmemesini şu şekilde ayarlayabilirsiniz:

1. Yöntem:

Kod:
', !empty($options['show_gercek_isim']) ? 'Merhaba!' : '', '2. Yöntem:

Kod:
';

if (!empty($options['show_gercek_isim'])
{
echo 'Merhaba!';
}

echo '

İki yöntemde de eğer kullanıcı gerçek isim alanını doldurmuşsa, "Merhaba!" yazısını görüntüler. Üyenin gerçek ismini çağırmak için de bunu kullanacaksınız: $options['profile_gercek_isim']
Eğer Display (Konuların görüntülendiği) veya InstantMessages (Özel mesajların görüntülendiği) temalarda üyelerin gerçek isimlerini çağırmak isterseniz o zaman da kullanacağınız budur: $message['member']['options']['show_gercek_isim']

Büyük bir yazı alanı eklemek

Örneğin, kullanıcıların özgeçmişlerini yazabilecekleri bir alan oluşturmak istiyorsunuz, Profile.template.php basamağında bunu kullanın:

Kod:

</tr><tr>
<td><b>Özgeçmiş: </b></td>
<td><textarea name="default_options[profile_ozgecmis]" rows="4" cols="80" class="editor">', @$context['member']['options']['profile_ozgecmis'], '</textarea></td>

--------------------------------------------------------------------------------

Css TErimleri NElerdir

Css Nedir?
HTML bize metin biçimlendirme alanında çok geniş olanaklar sunar. CSS, uzun yazılışıyla Cascading Style Sheets, veya Türkçesiyle Stil şablonları ise bunu bir adım daha öteye götürür, bize sayfalarımız için global şablonlar hazırlama olanağı verdiği gibi, tek bir harfin stilini; yani renk, font, büyüklük gibi özelliklerini değiştirmek için de kullanılabilir. Bu tekniğin en önemli özelliği kullanımındaki bu esnekliğidir.
Bir web sayfası içerisinde zaten estetik kuralları gereği yüzlerce renk ve font kullanmayız. Genelde birbiriyle uyumlu birkaç renk ve birkaç font kullanırız ki, bunları her sayfada ayrı ayrı tekrar belirtmek yerine CSS yardımıyla bir sefer tanımlayıp bütün web sayfamızda kullanabiliriz.Bu şekilde güncelleme yaparken de onlarca sayfayı değiştirmekten kurtuluruz.
CSS kodları HTML kodlarının içine yazılırlar. Türüne göre body veya head bölümlerinde yer alabilirler. Bunların dışında harici CSS dosyaları oluşturulup bunlar gerektiğinde HTML belgesi içerisinde çağırılabilirler.
Hemen hemen her konuda olduğu gibi CSS konusunda da Microsoft Internet Explorer ve Netscape farklı yorumlar ortaya koyarlar. Bu noktada her iki browser'ın da aynı/benzer yorumlayacağı kodlar yazmak en uygunudur.

LİNK ÖZELLİKLERİ

a :Linkin, sayfa açıldığında tıklanmadan veya ümleç üzerine getirilmeden önceki durumudur.
a:hover :Linkin imleç üzerine getirildiğindeki durumudur.
a:active :Linkin tıklandığı andaki durumudur.
a:visited :Linkin tıklandıktan sonraki durumudur.


BİÇİMLENDİRME:
color:Linkin rengini belirler.
background-color:Linkin zemin rengini belirler.
background-image:Linkin zeminine resim ekler(Bu animated-gif de olabilir.)
text-decoration:Linkin altının,üstünün vs. çizgili olup olmayacağını belirler.
font-weight:Yazının kalınlık veya inceliğini belirler.
border:Linkin etrafına kenarlık ekler.
display:Linki içeren hücre , satır vb. istenilen alanın seçilmesini sağlar.

LİSTE ÖZELLİKLERİ

disk:Liste biçiminin disk (içi dolu daire) şeklinde olmasını sağlar.
circle : Liste biçiminin çember şeklinde olmasını sağlar.
square : Liste biçiminin kare olmasını sağlar.
decimal : Liste biçiminin rakamlardan oluşmasını sağlar.
lower-roman : Liste biçiminin i,ii,iii gibi küçük roma rakamlarından oluşmasını sağlar.
upper-roman : Liste biçiminin I,II,II gibi büyük roma rakamlarından oluşmasını sağlar.
lower-alpha : Liste biçiminin a,b,c şeklinde küçük harf olmasını sağlar.
upper-alpha : Liste biçiminin A,B,C şeklinde büyük harf olmasını sağlar.
none : Listenin simgesiz olmasını sağlar.
inside : Listenin ikinci satırının en soldan başlamasını sağlar.
Outside : Listenin ikinci satırının ilk satır ile aynı yerden başlamasını sağlar.
list-style-image : Liste biçiminin resim olmasını sağlar.

KATMAN ÖZELLİKLERİ

position:Katmanın yerinin belirlenmesini sağlar.
absolute:Katmanın yerinin pencere esas alınarak belirlenmesini sağlar.
relative: Katmanın yerinin bir önceki katman esas alınarak belirlenmesini sağlar.
static:Katmanın yerinin sabit olarak (Varsayılan olan sol üst köşe) belirlenmesini sağlar.
top:Katmanın üstten ne kadar aşağıda olması gerektiğini belirler.
left:Katmanın soldan ne kadar içeride olması gerektiğini belirler.
width:Katmanın genişliğinin ne kadar olacağını belirler.
height:Katmanın yüksekliğinin ne kadar olacağını belirler.
overflow:Katmanın belirtilen yükseklik ve genişliğe sığmayan kısmına ne olacağını belirler.
auto:Otomatik olarak belirlenir.
scroll:Kaydırma çubuğu ekleyerek görünmesini sağlar.
visible : Katmanı belirtilen boyutların dışına taşırarak sığmayan yerlerin görünmesini sağlar.
hiddenığmayan yerleri gizler.
visibility:Katmanın görünebilirlik ayarını yapar.
visible : Katmanın görünür olmasını sağlar.
hidden:Katmanı gizler.
z-index : Katmanların alttan üste doğru hangi sıra ile gösterileceğini belirler.1 değeri katmanın en altta olacağını belirtir.


FONT ÖZELLİKLERİ

font-family:Yazı türünü belirler.(Arial , Verdana gibi.)
font-style:Yazının normal veya sağa eğik olmasını sağlar.
font-variant:Yazının normal veya tümünün büyük harflerden oluşmuş olmasını sağlar.
font-weight:Yazının kalınlık-inceliğini belirler.
font-size:Yazının büyüklüğünü belirler.

TEXT ÖZELLİKLERİ

word-spacing : Kelimeler arasında bırakılacak boşluğu boşluğu belirler.
letter-spacing : Harfler arasında bırakılacak boşluğu boşluğu belirler.
text-decoration : Kelimenin altının , üstünün vs. çizili olup olmayacağını belirler.
underline : Kelimenin altının (Satır altından) çizili olmasını sağlar.
overline : Kelimenin üstünün (Satır üstünden) çizili olmasını sağlar.
line-through : Kelimenin ortasından çizili olmasını sağlar.
blink : Kelimenin yanıp sönmesini sağlar.(Netscape için)
vertical-align : Metnin yatay olarak nasıl hizalanacağını belirler.
text-transform: Kelimelerin büyük harf veya küçük harflerden oluşmasını sağlar.
capitalize : Kelimelerin ilk harflerinin büyük olmasını sağlar.
uppercase : Kelimelerin bütün harflerinin büyük olmasını sağlar.
lowercase : Kelimelerin bütün harflerinin küçük olmasını sağlar.
none : Kelimelerin orjinal metindeki gibi olmasını sağlar.
text-align: Metnin dikey olarak nasıl hizalanacağını belirler.
left : Metni sola yaslar.
right : Metni sağa yaslar.
center : Metni ortalar.
justify : Metni iki yana yaslar.
text-indent : Metnin ilk satırının soldan ne kadar içerden başlayacağını belirler.
line-height : Satırın yüksekliğini ayarlar.(Yüksek değer verildiğinde satırlar arasındaki boşluk artar.)
first-line : Metnin ilk satırının biçimlendirilmesini sağlar.
first-letter : Metnin ilk harfinin biçimlendirilmesini sağlar.

İMLEÇ ÖZELLİKLERİ

crosshair:İmlecin artı işareti şeklinde olmasını sağlar.
auto:İmlecin metinde dikey çizgi ,boş alanda normal ok şeklinde olmasını sağlar.
default:İmlecin hem metinde hem de boş alanda normal ok şeklinde olmasını sağlar.
hand:İmlecin linkte olduğu gibi el şeklinde olmasını sağlar.
move:İmlecin taşıma işareti şeklinde olmasını sağlar.
ne-resize:İmlecin sağa yatık normal ok olmasını sağlar.
nw-resize:İmlecin sola yatık normal ok olmasını sağlar.
se-resize:İmlecin yukardan aşağı doğru ve sağa yatık normal ok olmasını sağlar.
sw-resize:İmlecin yukardan aşağı doğru ve sola yatık normal ok olmasını sağlar.
n-resize:İmlecin aşağıdan yukarıya doğru ince ok şeklinde olmasını sağlar.
s-resize:İmlecin yukardan aşağı doğru ince ok şeklinde olmasını sağlar.
w-resize:İmlecin sola doğru ince ok şeklinde olmasını sağlar.
e-resize:İmlecin sağa doğru ince ok şeklinde olmasını sağlar.
text:İmlecin hem metinde hem de boş alanda metinde olduğu gibi görünmesini sağlar.
wait:İmlecin meşgul animasyonuna dönüşmesini sağlar.
help:İmlecin yardım-soru işaretine dönüşmesini sağlar


ZEMİN ÖZELLİKLERİ

background-color: Zeminin rengini belirler.
#color : Renk adı.
transparent: Zeminin saydam olmasını sağlar.
background-image: Zemine resim yerleştirilmesini sağlar.
url : Zemine yerleştirilen resmin adresi.
background-repeat: Zemine yerleştirilen resmin nasıl yayılacağını belirler.
repeat : Resmin bütün zemine yayılmasını sağlar.
repeat-x : Resmin sol-üstten sağ-üste doğru yayılmasını sağlar.
repeat-y : Resmin sol-üstten sol-alta doğru yayılmasını sağlar.
no-repeat: Resmin yayılmadan orjinal boyutuyla görünmesini sağlar.
background-attachment: Zemindeki resmin , sayfa kaydırma çubuğuyla hareket ettirildiğindeki durumunu belirler.
scroll : Sayfa hareket ettirildiğinde zeminin de kaymasını sağlar.
fixed: Sayfa kaydırılsa da zeminin sabit kalmasını sağlar
background-position: Zemindeki resmin istenilen şekilde yerleştirilmesini sağlar.
top : Resmi yukarı yerleştirir.
center : Resmi ortalar.
bottom : Resmi aşağı yerleştirir.
left : Resmi sola yerleştirir.
right: Resmi sağa yerleştirir.
...px : Resmin soldan istenilen ölçüde içerde olmasını sağlar.


TABLO ÖZELLİKLERİ

margin : Tablo ile pencerenin kenarları arasında bırakılacak boşluğu belirler.
margin-top : Tablo ile pencerenin üst kenarı arasında bırakılacak boşluğu belirler.
margin-right : Tablo ile pencerenin sağ kenarı arasında bırakılacak boşluğu belirler.
margin-bottom : Tablo ile pencerenin alt kenarı arasında bırakılacak boşluğu belirler.
margin-left : Tablo ile pencerenin sol kenarı arasında bırakılacak boşluğu belirler.

padding : Tablo kenarları ile tablo içeriği (Yazı vb.) arasında bırakılacak boşluğu belirler.
padding-top : Tablonun üst kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
padding-right : Tablonun sağ kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
padding-bottom : Tablonun alt kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
padding-left : Tablonun sol kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.

border : Tablonun kenarlarının şekillendirilmesini sağlar.

border-top : Tablonun üst kenarının şekillendirilmesini sağlar.
border-left : Tablonun sol kenarının şekillendirilmesini sağlar.
border-bottom : Tablonun alt kenarının şekillendirilmesini sağlar.
border-right : Tablonun sağ kenarının şekillendirilmesini sağlar.

border-width : Tablonun kenarlarının kalınlığını belirler.
border-top-width : Tablonun üst kenarının kalınlığını belirler.
border-right-width : Tablonun sağ kenarının kalınlığını belirler.
border-bottom-width : Tablonun alt kenarının kalınlığını belirler.
border-left-width : Tablonun sol kenarının kalınlığını belirler.

border-style : Tablonun kenarlık türünü belirler.
border-top-style : Tablonun üst kenarlık türünü belirler.
border-right-style : Tablonun sağ kenarlık türünü belirler.
border-bottom-style : Tablonun alt kenarlık türünü belirler.
border-left-style : Tablonun sol kenarlık türünü belirler.

border-color : Tablonun kenarlarının rengini belirler.
border-top-color : Tablonun üst kenarının rengini belirler.
border-right-color : Tablonun sağ kenarının rengini belirler.
border-bottom-color : Tablonun alt kenarının rengini belirler.
border-left-color : Tablonun sol kenarının rengini belirler.

color : Tabloda geçen metnin rengini belirler.

width : Tablonon genişliğini belirler.

height : Tablonun yüksekliğini belirler.


NOT : Başlık "TABLO" olarak verildi Ancak bu nitelikler başta TD , TR , TH vs. olmak üzere hemen her etiket için kullanılabilir.CSS' yi özel kılan da zaten bu...


KAYDIRMA ÇUBUĞU ÖZELLİKLERİ

scrollbar-face-color :Kaydırma çubuğunun yüzey rengi , aynı zamanda zemini de etkiliyor.
scrollbar-base-color :Kaydırma çubuğununun sol ve üst kenarlıklarını çizgi halinde kaplıyor.
scrollbar-shadow-color ağ ve alt kenarlıkların gölge rengi.
scrollbar-highlight-color ol ve üst kenarlıkların gölge rengi,aynı zamanda zemini de etkiliyor.
scrollbar-arrow-color :Yön oklarının rengi

Kaydırma çubuğu, sadece Internet Explorer'da geçerlidir.




Hızle Cevap Bölümü Ekleme

Hızlı cevap bölümünü isteyen kişi Profil -> Forum Görünüm Özellikleri -> Mesajlarda hızlı cevap bölümünü... menüsünden ayarlayabilir. Eğer bütün kullanıcıların ayarlarını değiştirmek istiyorsanız: Yönetim -> Kullanımdaki Tema'nın Ayarları -> Üyelere özel seçeneklerin varsayılan değerlerini değiştir / Üyelerin seçeneklerini varsayılanla değiştir
1.1 için: Kullanıcılar Profillerinden > Forum Ayarları > Mesajlarda hızlı cevap bölümünü: Açık Olarak Göster olarak ayarlayabilirler. Bütün kullanıcıların ayarlarını değiştirmek için: Yönetim > Kullanılan Tema > Ayarları Sıfırla > Bu tema için varsayılan ayarları sıfırla > Mesajlarda hızlı cevap bölümünü: aynı şekilde Açık Olarak Göster olarak değiştirmek gerekir.







Bu Yazı CwX tarafında Cyber-Warrior.org için Hazırlanmıştır!
__________________


Bütün Kıssslar Böle Saten
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Alıntı ile Cevapla
Cevapla

Go Back   Payidar.NET - Bilgi ve Paylaşım Forumu > Internet > Web Master Dünyası


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Konu Seçenekleri
Gösterim Modu

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

Hizli Erisim

Benzer Konular
Konu Yazar Forum Cevaplar Son Mesaj
Cumhurbaşkanlığı Forsu Hakkında Bilgi.. edis2209 Türk Kültürü 5 05.09.08 22:16
Koagülasyon Deneyi hakkında bilgi Actynomycetes Dersler / Ödev ve Tezler 1 01.10.07 21:13
Arkadaşlar Transformatörler hakkında bilgi! -CaNPoLaT- Yıllık Ödevler 5 05.02.07 16:55
Köpek Cinsleri Hakkında Bilgi... Juventus|F.C Hayvanlar Alemi 2 25.08.06 00:24
FreeBSD Hakkında Detaylı Bilgi AmiRaL Işletim Sistemleri 1 09.08.06 09:12


Tüm Zaman GMT +2 Olarak ayarlı. Saat: 17:26.


Powered by vBulletin® Version 3.8.0 Beta 4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0