Kategori : CSS

Jun 15 2009

TÜM CSS KOMUTLARI..

  • azimuth
  • background
  • background-attachment
  • background-color
  • background-image
  • background-position
  • background-repeat
  • border

Devamı ...

0 yorum - Gönderen : Mahmut Er (9:34 PM) - Kategori : CSS

Jun 3 2009

CSS Ölçü Birimleri.

Temel olarak tarayıcılar, bağlantılı (relative) ve tam (absolute) olmak üzere iki türlü değer birimini kullanmaktadırlar. Bağlantılı birimler genelde ana element olmak üzere farklı bir nesnenin/elementin özellik/ölçü değerlerine göre hesaplanarak bulunan değerleri temsil eder. Tam değerler ise milimetre veya santimetre gibi kati olarak belirtilebilen değerleri temsil eder. Bağlantılı değerler, em, ex, px ve % birimleri, tam değerler ise in, cm, mm, pt ve pc birimleri ile gösterilirler. Bu birimlerin değerleri ve açıklamaları aşağıdaki tabloda gösterilmektedir.

 

Ölçü Birimleri Karşılaştırmalı Tablo

Ölçü Birimi Canlı Sonuç Açıklama
1 em
 
 Ana elementin font boyunun (font-size) değerine hesaplanarak bulunur.
1 ex
 
 Ana elementin küçük 'x' harfinin yükseklik değerine göre hesaplanarak bulunur..
1 px
 
 Piksel. Ekrandaki bir noktanın yüksekliği. Genel olarak monitörlerde inç başına 96 nokta düşer.
1 in
 
 inç. 1 inç = 2.54 cm.
1 cm
 
 1 santimetre.
1 mm
 
 1 milimetre.
1 pt
 
 Punto (Point). 1 pt = 1/72 inç.
1 pc
 
 Pika. 1 pc = 12 pt.

Daima farklı bir özellik değeri ile bağlantılı olan yüzde değerleri, geniş kapsamlı bir birim olduğu için bağlantılı olduğu özellik değişkendir.

Px (piksel) hakkında not : Piksel, monitörlerin çözünürlüğüne göre değişiklik gösterdiği için hesaplanan-bağlantılı bir değer birimidir. Örneğin, inç başına düşen nokta değerini temsil eden DPI (Dot Per Inch) birimine göre monitörler genelde 96 DPI'dır. Bunun yanında bir monitörün 72dpi veya 192 dpi olması gayet normaldir ki bu da piksel boyunu ve piksel arası mesafeleri değiştirir. Standart monitörlerdeki pikseller arası mesafeler yaklaşık olarak aşağıdaki gibidir.

  • 72 dpi  = ~ 0.35 mm
  • 96 dpi  = ~ 0.26 mm
  • 120 dpi = ~ 0.20 mm
  • 192 dpi = ~ 0.13 mm

Not : Alıntıdır

0 yorum - Gönderen : Mahmut Er (3:49 PM) - Kategori : CSS

Jun 3 2009

Sayfa CSS'ini DHTML ile Değiştirmek..

İlk önce sayfamız yüklenirken çağırdığımız CSS'e bir ID değeri veririz

<link rel='stylesheet' href='/css/blue_css' type='text/css' id="page_css">

 Daha sonra renk paletlerimizi aşağıdaki gibi sayfamıza yerleştiririz.

           

Bundan sonra yapmanız gereken bu renk paletlerine tıklandıkça dilerseniz bir fonksiyon ile dilerseniz renk paletlerinin onclick'lerinize yazacağınız aşadağıki JS kodu ile sayfa reload olmaksızın CSS'leri değişmiş olur.

document.getElementById('page_css').href = 'CSS inizin konumu';

Ancak bu işlemden sonra kullanıcının bir dahaki sefere sitenizi ziyaret ederken seçtiği CSS'in gelmesi için bir ajax sayfa çağırırak ilgili CSS ayarını kaydetmeniz gerekecektir.

 

0 yorum - Gönderen : Mahmut Er (1:10 PM) - Kategori : CSS | Dhtml

Jun 1 2009

Coldfusion Kodlama Süreci

1. HTML Kodlama
Sistem yapılarında kullanılan ve web teknolojisinin temel taşı olan HTML bilgisini geliştirme ve genel kodların tekrarı...
İçerik : table,tr,td tagleri rowspan ve colspan kavramları, br ve p tagleri, b i u tagleri
Tahmini gereken süre : 0,5 gün
http://www.cfcube.com/files/html.rar
http://www.fatihhayrioglu.com/kitap/

2.DHTML Kodlama
Div taginin etkili kullanımı, pozisyonunu ayarlama ve tüm alt özelliklerini kullanabilme
İçerik : div,position,height,left,width
Tahmini gereken süre : 0,5 gün
http://www.cfcube.com/files/html.rar
http://www.fatihhayrioglu.com/kitap/

3.Javascript Kodlama
Id değişkenini etkili kullanma, herhangi bir objeden veri okuma, yazma , mouse actionlarını kullanabilme, div taglerini yönetebilme, Ajax
İçerik: onMouseover, style.width= , document.element.value , değişken atama, for ve if komutları
Tahmini gereken süre : 2 gün
http://www.cfcube.com/files/javascript.rar

4.SQL Kodlama
Genel SQL standartına uygun kod yazabilme, tabloları join etme
İçerik: Insert , Update , Select , Delete , Select tablo1,tablo2
Tahmini gereken süre : 2 gün
http://www.cfcube.com/files/sql.rar

5.Birincil Coldfusion Kodları
İlk başlayan kişilerin yaptığı kodlamalar
İçerik : cfset, cfoutput, cfquery, cfloop  
Tahmini gereken süre : 2 gün
http://www.adobe.com/products/coldfusion/

0 yorum - Gönderen : Yunus Özay (1:09 PM) - Kategori : Ajax | Coldfusion | CSS | Dhtml | Genel | Javascript | Workcube

May 23 2009

<b><font color=green>CSS</font></b> komutlarının <b><font color=blue>JS</font></b> Karşılıkları

CSS Properties To JavaScript Reference Conversion

CSS PropertyJavaScript Reference
background background
background-attachment backgroundAttachment
background-color backgroundColor
background-image backgroundImage
background-position backgroundPosition
background-repeat backgroundRepeat
border border
border-bottom borderBottom
border-bottom-color borderBottomColor
border-bottom-style borderBottomStyle
border-bottom-width borderBottomWidth
border-color borderColor
border-left borderLeft
border-left-color borderLeftColor
border-left-style borderLeftStyle
border-left-width borderLeftWidth
border-right borderRight
border-right-color borderRightColor
border-right-style borderRightStyle
border-right-width borderRightWidth
border-style borderStyle
border-top borderTop
border-top-color borderTopColor
border-top-style borderTopStyle
border-top-width borderTopWidth
border-width borderWidth
clear clear
clip clip
color color
cursor cursor
display display
filter filter
font font
font-family fontFamily
font-size fontSize
font-variant fontVariant
font-weight fontWeight
height height
left left
letter-spacing letterSpacing
line-height lineHeight
list-style listStyle
list-style-image listStyleImage
list-style-position listStylePosition
list-style-type listStyleType
margin margin
margin-bottom marginBottom
margin-left marginLeft
margin-right marginRight
margin-top marginTop
overflow overflow
padding padding
padding-bottom paddingBottom
padding-left paddingLeft
padding-right paddingRight
padding-top paddingTop
page-break-after pageBreakAfter
page-break-before pageBreakBefore
position position
float styleFloat
text-align textAlign
text-decoration textDecoration
text-decoration: blink textDecorationBlink
text-decoration: line-through textDecorationLineThrough
text-decoration: none textDecorationNone
text-decoration: overline textDecorationOverline
text-decoration: underline textDecorationUnderline
text-indent textIndent
text-transform textTransform
top top
vertical-align verticalAlign
visibility visibility
width width
z-index zIndex

Kullanım

document.getElementById(div_id).style.JS_property_reference = "new_CSS_property_value";

0 yorum - Gönderen : Mahmut Er (12:54 PM) - Kategori : CSS | Javascript

May 19 2009

FCK Editör Türkçe Karakter Problemi Çözümü

FCK editörde Türkçe karakter problemi Çözümü için fckeditor\fckconfig.js dosyasında yapılması gereken değişiklik...

fckeditor\fckconfig.js  dosyası içersinde FCKConfig.IncludeLatinEntities = true; olan değeri FCKConfig.IncludeLatinEntities = false; olarak değiştirmez isek Türkçe karakterleri database'e atarken yorumluyor ve aramalarda bu yorumlanan şekil çalışmıyor.. Değişkeni false yaparsak herhangi bir sorun yaşanmıyor.

2 yorum - Gönderen : Yunus Özay (1:05 PM) - Kategori : Ajax | CSS | Dhtml | Genel | Javascript

Kategorİler

Gelecekonline


* NCR, “Video Bankacılığı” ile bir devrime imza atıyor…

AylIk Arşİv

Arama

İçerİk OrtaklarImIz

Kod Bulutu

coldfusion sql genel javascript css bizden haberler seminerler html workcube dhtml ajax tsql erp xml java