PDA

Tam Sürümünü Görmek İçin : css


LoS.ToF
21/10/2002, 17:33
Diğelim ki bi input umuz var

bunlar text ve textarea

ben bunların borderlarının renklerini değiştirmek istesem ne yapmam lazım ?

Ama css dosyasıyla değil js + dhtml ile ?
dhtml ini verseniz de yeter :D ben onu js yaparım :D


p4r4h4t
21/10/2002, 17:57
ya şöyle bişeler olması lazım. ben CSS-deki bazı özellikleri hatırlayamadım

<BODY onload="javascript:document.all.a.style.background='black' ;document.all.a.style.color='White';document.all.a .focus();">
<input type="text" name="a" id="a">
</BODY>

Sahin
21/10/2002, 18:00
Css zaten DHTML'i oluşturan parçalardan biri ne farkederki CSS ya da Js ile yapsan?

LoS.ToF
21/10/2002, 20:32
yaw benim istediğim bu değil ?

nası anlatayayım..

textbox un borderının rengini değiştirmek istiyorum ben...
arka plan rengini filan değil ?

yemre
21/10/2002, 20:39
javascript:document.all.a.style.border-color : Fuchsia;

LoS.ToF
21/10/2002, 23:34
Olmuyooo :(


<td align="center"><input
OnMouseOver="javascript:document.all.a.style.border-color :
Fuchsia;" name="sif" type="password" class="input" ></td>

ibrahimsalih
21/10/2002, 23:53
Merhaba

CSS ile aşağıdaki şekilde bir sonuç alabilirsin ama js ile bilmiyorum. Umarım işine yarar.

[QUOTE]INPUT,TEXTAREA,SELECT,OPTION{
FONT-FAMILY: arial, helvetica, sans-serif;
FONT-SIZE:12px; COLOR:#000000;
BORDER-TOP:1px solid #ff0000;
BORDER-BOTTOM:1px solid #ff0000;
BORDER-LEFT:1px solid #ff0000;
BORDER-RIGHT:1px solid #ff0000}[QUOTE]

Sahin
22/10/2002, 00:16
Bencede ibrahimin söylediği gibi yapsan daha kolay olur neden js diye ısrar ediyorsun ki?

p4r4h4t
22/10/2002, 10:36
yaw ben uyarlamanı söylemiştim ama... neyse bide şunu dene

<script language="JavaScript">
function a(){
document.all.a.style.border='2px outset #AAEECC';
document.all.a.style.color='green';
document.all.a.style.background='#DDEEBB';
}
function b(){
document.all.a.style.border='2px solid #AAFF22';
document.all.a.style.color='gray';
document.all.a.style.background='red';
}
</script>
</HEAD>

<BODY>


<input id="a" onmouseover="javascript:a();" onmouseout="javascript:b()">

</BODY>

LoS.ToF
22/10/2002, 15:26
İlk başta bende böyle yapmıştım mereti ama nie çalışmadı die kafayı yemiştim :(

saol.

Sahin
22/10/2002, 15:36
Niye çalışmadığını ben sana daha önce söylemiştim sanırım?


CSS `de seçicilerde STYLE tagi arasında, başına nokta koyup
isim vererek yaptığımız stili, katman içinde
class etiketiyle çağırabildiğimiz gibi birde # işareti ile
başlatıp çağırabiliriz bu sefer class yerine
id kullanmamız gerekir.


<STYLE type="text/css">
#bgrengi {background-color: gray; font-size: 12px; color: maroon}
</STYLE>

şeklinde bir style belirleyip;

<P><span id="bgrengi"> www.ceviz.net</span></p>
şeklinde id ile belirttiğiniz yazının backgroundu gri,
yazı maroon renginde olacaktır.

Daha çok Javascript ile id şeklinde tanımlanan css etiketleri
kullanılmaktadır. Bu CSS şekline, ID (kimlikli) denmektedir.
Class etiketi ile çağırılanlara ise sınıflı denir.

LoS.ToF
23/10/2002, 09:09
:) şu resmi bir .küz ile değiştircem merak etmeyin :D

Sahin
23/10/2002, 16:40
estafurullah lostim. selami şahini koy yeter :D