Ieskau dveju scriptu

Sveiki, reikia poros scriptu.

1. turiu pasidares per buttononline mygtuka ir noriu dar prie viso sito i css faila padaryti ir teksto spalva jog rodytu viena spalva, o kai uzvedi ant mygtuko rodo kita spalva, reikia sio css dalies. :)

2. Nezinau kokios cia kalbos kodas, bet reiktu tokio dalyko, kad paveiksliukas butu pritemes (nespalvotas,( vientisa spalva)), o kai uzvedi ant paveiksliuko rodo spalvota paveiksliuka. Tikuosi suprasit ko ieskau :D

Tikrai zinau kad google tikrai galima rast, bet nezinau net kaip tokio dalyko ir ieskot.

Dekui jei kas padesit.

Įdėk savo mygtuko turimus kodus

Sveiki, reikia poros scriptu.

 

1. turiu pasidares per buttononline mygtuka ir noriu dar prie viso sito i css faila padaryti ir teksto spalva jog rodytu viena spalva, o kai uzvedi ant mygtuko rodo kita spalva, reikia sio css dalies. :)

 

2. Nezinau kokios cia kalbos kodas, bet reiktu tokio dalyko, kad paveiksliukas butu pritemes (nespalvotas,( vientisa spalva)), o kai uzvedi ant paveiksliuko rodo spalvota paveiksliuka. Tikuosi suprasit ko ieskau :D

Tikrai zinau kad google tikrai galima rast, bet nezinau net kaip tokio dalyko ir ieskot.

 

Dekui jei kas padesit.

1. Jeigu nori, kad užvedus pelę ant mygtuko pasikeistų kitoje vietoje esantis tekstas, tai reikės apasirašyt javascript/jQuery scripto gabaliuką o ne CSS. Pvz

onmouseover="document.getElementById('tekstoId').style.color='#999999'"

2. CSS faile rašai:

/* Nespalvotas paveikslelis visuomet*/
img#paveikslelioID{
 filter: gray; /* IE6-9 */
 -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
/*Uzvedus spalvos atsiranda*/
img#paveikslelioID{
 filter: none;
 -webkit-filter: grayscale(0);
}

P.S. kodas gali neveikti, arba veikti nevisiškai tinkamai, tačiau manau esmę supratai.

Sveiki, reikia poros scriptu.

 

1. turiu pasidares per buttononline mygtuka ir noriu dar prie viso sito i css faila padaryti ir teksto spalva jog rodytu viena spalva, o kai uzvedi ant mygtuko rodo kita spalva, reikia sio css dalies. :)

 

2. Nezinau kokios cia kalbos kodas, bet reiktu tokio dalyko, kad paveiksliukas butu pritemes (nespalvotas,( vientisa spalva)), o kai uzvedi ant paveiksliuko rodo spalvota paveiksliuka. Tikuosi suprasit ko ieskau :D

Tikrai zinau kad google tikrai galima rast, bet nezinau net kaip tokio dalyko ir ieskot.

 

Dekui jei kas padesit.

Viskas ko tau reikia tai pasigooglinti :hover

DIV_PAVADINIMAS { css'o kodas prieš užvedant pelytę ant objekto }

DIV_PAVADINIMAS:hover { css'o kodas po pelytės užvėdimo ant objekto }

Įdėk savo mygtuko turimus kodus

button

.button {
background-color:#f0f0f0;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:1px solid #d4d4d4;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:arial;
font-size:11px;
font-weight:bold;
padding:6px 59px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
}
.button:hover {
background-color:#74b9d6;
}
.button:active {
position:relative;
top:1px;
}

1. Jeigu nori, kad užvedus pelę ant mygtuko pasikeistų kitoje vietoje esantis tekstas, tai reikės apasirašyt javascript/jQuery scripto gabaliuką o ne CSS. Pvz

onmouseover="document.getElementById('tekstoId').style.color='#999999'"

Man nereikia jog pasikeistu teksto spalva kitoje vietoje, man reikia paciame button (mygtuko) spalvos tekstas pasikeistu uzvedus :) pvz: neuzvedus ant buttom teksto spalva raudona, o kai uzvedi pele ant button rodo juoda.

2. CSS faile rašai:

/* Nespalvotas paveikslelis visuomet*/
img#paveikslelioID{
 filter: gray; /* IE6-9 */
 -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
/*Uzvedus spalvos atsiranda*/
img#paveikslelioID{
 filter: none;
 -webkit-filter: grayscale(0);
}

 

P.S. kodas gali neveikti, arba veikti nevisiškai tinkamai, tačiau manau esmę supratai.

dekui uz koda, tai dabar man reikia susikurti css failiuka, ir patalpinti tavo pateikta css koda, o atvaizduoti man ji su siuom kodu?

<link rel="stylesheet" href="css/asam.css" type="text/css" media="screen" /><a href="#" class="asam"> <img src="http://img.png"/></a>

O ka rasyti i img#paveikselioID? class="asam"?

button

.button {
background-color:#f0f0f0;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:1px solid #d4d4d4;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:arial;
font-size:11px;
font-weight:bold;
padding:6px 59px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
}
.button:hover {
background-color:#74b9d6;
}
.button:active {
position:relative;
top:1px;
}

 

 

Man nereikia jog pasikeistu teksto spalva kitoje vietoje, man reikia paciame button (mygtuko) spalvos tekstas pasikeistu uzvedus :) pvz: neuzvedus ant buttom teksto spalva raudona, o kai uzvedi pele ant button rodo juoda.

 

 

 

dekui uz koda, tai dabar man reikia susikurti css failiuka, ir patalpinti tavo pateikta css koda, o atvaizduoti man ji su siuom kodu?

<link rel="stylesheet" href="css/asam.css" type="text/css" media="screen" /><a href="#" class="asam"> <img src="http://img.png"/></a>

O ka rasyti i img#paveikselioID? class="asam"?

.button {

background-color:#f0f0f0;

-moz-border-radius:8px;

-webkit-border-radius:8px;

border-radius:8px;

border:1px solid #d4d4d4;

display:inline-block;

cursor:pointer;

color:#ffffff;

font-family:arial;

font-size:11px;

font-weight:bold;

padding:6px 59px;

text-decoration:none;

text-shadow:0px 1px 0px #2f6627;

}

.button:hover {

background-color:#74b9d6;

color: TAVO PASIRINKTA SPALVA;

}

.button:active {

position:relative;

top:1px;

}

Tiesiog :hover funkcijoje tereikejo nurodyti spalvos kodą.

T

 

dekui uz koda, tai dabar man reikia susikurti css failiuka, ir patalpinti tavo pateikta css koda, o atvaizduoti man ji su siuom kodu?

<link rel="stylesheet" href="css/asam.css" type="text/css" media="screen" /><a href="#" class="asam"> <img src="http://img.png"/></a>

O ka rasyti i img#paveikselioID? class="asam"?

CSS įterpi kaip pats parašei:

<link rel="stylesheet" href="css/asam.css" type="text/css" media="screen" />

o paveikslėlį aprašai:

<img src="paveikslelio/kelias/paveikslelis.jpg" alt="kazkoks super paveikslelis" id="paveikslelioID" />

dekui uz pagalba. :)

CSS įterpi kaip pats parašei:

<link rel="stylesheet" href="css/asam.css" type="text/css" media="screen" />

 

o paveikslėlį aprašai:

<img src="paveikslelio/kelias/paveikslelis.jpg" alt="kazkoks super paveikslelis" id="paveikslelioID" />

na kaip ir viska buvau taip ir padares, bet css faile speju kazkas blogai gali buti, nes rodo tiesiog paveiksliuka ir niekas nevyksta.

a.asam img{
 filter: gray; /* IE6-9 */
 -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

a.asam img:hover{
 filter: none;
 -webkit-filter: grayscale(0);
}

Su šitokiu HTML (kurį davei) turėtų veikt

<a href="#" class="asam"> <img src="http://img.png"/></a>

http://jsfiddle.net/k63fatwc/

a.asam img{
 filter: gray; /* IE6-9 */
 -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

a.asam img:hover{
 filter: none;
 -webkit-filter: grayscale(0);
}

 

Su šitokiu HTML (kurį davei) turėtų veikt

 

<a href="#" class="asam"> <img src="http://img.png"/></a>

 

 

 

http://jsfiddle.net/k63fatwc/

Dekui labai, dar noretuos pasidaryt, kad remeliai butu kai uzvedi kazkokia tai spalva, bet net nenutuokiu kaip tai pasidaryti.

Gal butu galima suzinot kaip toks dalykas vadinasi tas "pritamsinimas" ar kaip cia pasakius, gal pagooglines kazka rasciau idomesio ka galeciau prideti. :)

Dekui labai, dar noretuos pasidaryt, kad remeliai butu kai uzvedi kazkokia tai spalva, bet net nenutuokiu kaip tai pasidaryti.

Gal butu galima suzinot kaip toks dalykas vadinasi tas "pritamsinimas" ar kaip cia pasakius, gal pagooglines kazka rasciau idomesio ka galeciau prideti. :)

Paskaityk pagrindinius CSS atributus, rasi ko reikia :)

Rėmeliai - border (pvz border: 3px solid #ff0000;)

Dėl pritamsinimo net nežinau ką turi omeny - galbūt opacity (permatomumas)?