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 : Dhtml | CSS

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 : Coldfusion | Javascript | Ajax | Dhtml | Genel | CSS | 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 : Javascript | CSS

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 : Javascript | Ajax | Dhtml | Genel | CSS

Kategorİler

Arama

İçerİk OrtaklarImIz