CSS - teksto bei paveiksleliu pagrazinimas

sveiki, gal padesite siek tiek su CSS (ar HTML).

1. ar imanoma tekstui uzdeti stroke funkcija su css ar html? jei taip - kaip turetu atrodyti ta komanda?

2. ar imanoma tarkime fono spalva padaryti tarsi Gradient Overlay (t.y kad viena dalis butu sviesesne, kita tamsesne?). jei taip - kaip turetu atrodyti komanda?

3. kvailas klausimas, bet pamirsau. uzvedus pelyte ant kokio nors mygtuko noriu kad atsirastu kazkoks tekstas. tarkime facebook mygtukas ir ant jo uzvedus atsirastu uzrasas facebook. taip pat kaip reguliuoti to laukelio parametrus (spalva ir dydi, teksto srifta.).

4. jei yra tarkime kodas:

<h1> kazkoks tekstas <p style="color: #FFF;"> kitas tekstas </p></h1> tai man "kitas tekstas" nukelia i nauja eilute. kaip padaryti kad visas tekstas butu vienoje eiluteje ir galeciau redaguoti jo atskiras dalis?

1. kaip tie stroke turėtu atrodyti? Šiaip su CSS ir tuo labiau HTML manau nepadarysi.

2. labai jau nerekomenduotina, įmanoma, bet geriau jau tiesiog paveiksliuką atkartoti horizontaliai.

3. manau čia googel padės su užklausa panašia į "ajax hint"

4. vietoj p bandyk daryti su span

1. kaip tie stroke turėtu atrodyti? Šiaip su CSS ir tuo labiau HTML manau nepadarysi.

2. labai jau nerekomenduotina, įmanoma, bet geriau jau tiesiog paveiksliuką atkartoti horizontaliai.

3. manau čia googel padės su užklausa panašia į "ajax hint"

4. vietoj p bandyk daryti su span

2. o kaip su bakgroundu? jo gi ant paveiksliuko i auksti nepakabinsi. tie auksciai gali buti skirtingi monitoriu...

1. HTML:

<s></s>

CSS:

{ text-decoration: line-through; }

2.http://css3generator.com/

3.CSS:

.selector:hover{}

4.CSS:

p{display:inline}

1. HTML:

<s></s>

CSS:

{ text-decoration: line-through; }

2.http://css3generator.com/

3.CSS:

.selector:hover{}

4.CSS:

p{display:inline}

1. truputi ne taip supratai :) line-through / <s> perbraukia teksta per viduri bruksniu. man reikia stroke funkcijos, kad tarkime butu baltas tekstas su juodu apvadu.

2. koda radau, tik jis negrabus, geriau jau naudoti paveiksliuka.

3. nesupratau sitos komandos. sukurti hoveri, kuris atsiranda uzvedus peles zymekli pavyksta, tik beda kad teksta, kuris turetu buti hoveryje, is karto rodo. kaip ta teksta paslepti, kad rodytu tik tada, kai uzvedi?

3. nesupratau sitos komandos. sukurti hoveri, kuris atsiranda uzvedus peles zymekli pavyksta, tik beda kad teksta, kuris turetu buti hoveryje, is karto rodo. kaip ta teksta paslepti, kad rodytu tik tada, kai uzvedi?

Čia geriau būtų naudot JavaScript onmouseover/onmouseout ir tada jau su juo manipuliuot CSS styliais display:inline/none :)

1. truputi ne taip supratai :) line-through / <s> perbraukia teksta per viduri bruksniu. man reikia stroke funkcijos, kad tarkime butu baltas tekstas su juodu apvadu.

 

2. koda radau, tik jis negrabus, geriau jau naudoti paveiksliuka.

 

3. nesupratau sitos komandos. sukurti hoveri, kuris atsiranda uzvedus peles zymekli pavyksta, tik beda kad teksta, kuris turetu buti hoveryje, is karto rodo. kaip ta teksta paslepti, kad rodytu tik tada, kai uzvedi?

HTML:

<a class="button"><span>Paslėptas tekstas</span></a>

CSS:

.button{
//mygtuko stilius
}

.button span{
display:none;
}

.button:hover{
//Mygtuko stilius užvedus pelę
}

.button:hover span{
display:inline;
}

Stroke: http://www.cardeo.ca/2010/adding-an-outline-to-your-text-using-the-css3-text-stroke-property

Turėk omenyje, kad CSS3 nėra visur palaikomas, todėl kai kur gali to ir neatvaizduoti.