Jump to content
php.lv forumi

Recommended Posts

Posted (edited)

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 by tas_pats
Posted

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

Posted (edited)

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 by rATRIJS
Posted

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.

Posted (edited)

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 by euphoric
Posted (edited)

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 by euphoric

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...