Podziņu stils

[euphoric]

Interesējos par to kā lai uztaisa šādu podziņu stilu:

[Web Developer]

Būs jāizmanto background bilde, jo noapaļotie stūri css nav izdomāti!

[tas_pats]

Ir izdomāti, tik vēl nav līdz ar CSS3 visur ieviesti.

Ja vēlies to kā extra fīču modernajiem pārlūkiem (Izņemot IE), tad pameklē google css rounded corners

Edited September 7, 2009 by tas_pats

[Evi]

Nee, liec tos apaljos stuurus kaa bildi, tikai sadali bg divaas daljaas, lai var garaakus un iisaakus txt ierakstiit.

[rATRIJS]

Nu teorētiski apaļos stūrīšus var dabūt ar CSS, bet, protams, ka visi pārlūki to neatbalstīs.

 

-webkit-border-radius: RADIUS; /* derēs visiem, kas izmanto webkit, tātad Chrome, Safari, Arora... */
-moz-border-radius: RADIUS; /* derēs Firefox`im */

 

Pārējiem pārlūkiem (IE, Opera) vari izmantot kādu Javascript bibliotēku, kas ģenerē apaļos stūrīšus. Piemēram, curvycorners. Protams, noteikti būs visādi "čerež ž" jātaisa, bet var iztikt. Man personīgi tas patīk labāk nekā darīt to ar background-image.

Edited September 7, 2009 by rATRIJS

[mefisto]

Apvieno šitās divas idejas, un viss darbosies:

 

http://www.alistapart.com/articles/slidingdoors/

http://wellstyled.com/css-nopreload-rollovers.html

 

 

to tas_pats:

tu drošvien domāji "vendor specific" css parametrus.

Tos būtu ļoti ieteicam nekad nelietot, jo tās ir uzskatāmas par eksperimentālām fīčām.

T.i. -webkit-transform-style uzvedība un parametru skaits, kas bija pareizs ieks 4.0.24,

var būt mainijies iekš 4.0.25.

[euphoric]

Istenībā par noapaļotiem kaktiņiem nebiju tā iedomājies, bet to domājams varetu paveikt, kkur atrast ka to darīt.

Vairāk interesē ka notiek tā fona un texta maiņas, kad kursors ir virsu vai nav, vai arī kad sadaļa izvēlēta, fons visu laiku citādāks. Tieši šīs lietas nav skaidras un pat nezinu kā lai google pameklē ...

Edited September 7, 2009 by euphoric

[marcis]

a:hover

[mefisto]

Es tev iedevu jau divus linkus kur tas aprakstīts.

Ko vel tu tur googlēt gribi ?

[euphoric]

Ok, paldies, visiem :D

[euphoric]

Hmmm.. Tomēr vienu lietu nevaru iebraukt !

 

Uztaisīju pēc visvienkāršākās metodes :

 

Nerubīju vienu lietu, Piem : kad ir izvēlēts pag.php,fons ir sarkans, bet kad page2.php, tad sarkanais fons maina krasu atpakaļ uz to kas ir standartā .

Biju domāis to uztaisīt ar a:visited, bet tad fons paliek visu laiku tads pēc apmeklējuma, jo nevaru iedomāties kā, "resetot".

 

<div id="menu">

<a href="page.php">Page</a>

<a href="page2.php">Page2</a>

</div>

 

 

 

 

===CSS====

 

#menu a {

font-family: sans-serif;

display: inline;

margin: 0 1px 0 0;

padding: 6px 7px 5px;

display:block;

text-align:center;

text-decoration:none;

color: #fffc00;

font-size:18px;

}

 

#menu a:hover {

display: inline;

margin: 0 1px 0 0;

padding: 6px 7px 5px;

background-color: #2c272a;

color: #56e4fe;

font-weight:bold;

border-radius: 4px;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

}

Edited September 12, 2009 by euphoric