Autor Zpráva
pety
Profil
#1 · Zasláno: 23. 11. 2005, 14:29:50
Odpovědět Citovat
ahoj zaujal mne příklad http://css.interval.cz/clanky/zalozkove-menu-vysouvajici-se-dolu/ někde už se to tu řešilo , ale mohl by mi někdo napsat "co přesně pudělá ten kulatý roh" ? nikde to vo tom kódu nevidim
Fred
Profil
#2 · Zasláno: 23. 11. 2005, 14:39:19
Odpovědět Citovat
http://www.fireandknowledge.org/archives/2004/05/22/rounded-corners-wi thout-images-part-1/
SuE
Profil
#3 · Zasláno: 23. 11. 2005, 14:54:29
Odpovědět Citovat
pacholiny má taky něco zajímavého : jeden skript na všechny rohy
pety
Profil
#4 · Zasláno: 23. 11. 2005, 19:36:26
Odpovědět Citovat
ten skript je pěknej, nicmén např na stránkách mozilly jsou rohy hezčí protože jsou z obrázků, a hrany nepůsobí tak "pixelovatě" ale jsou hezky čistě kulaté díky stínování (je to velký rozdíl hlavně u malých rádiusů) koukal jste někdo na ten přílad s těma vyskakovacíma záložkama? nemůžu přijít na to jak je to tam udělaný, která čás css udělá ten kulatej roh ....
centi
Profil
#5 · Zasláno: 23. 11. 2005, 19:49:53
Odpovědět Citovat
pety
Predpokladám, že to bude týmto: 


.b1, .b2, .b3 {height:1px;}

.b2, .b3, .b4 {border-left:1px solid #fff; border-right:1px solid #fff;}

.b1 {margin:0 5px; background:#fff;}

.b2 {margin:0 3px; border-width:0 2px;}

.b3 {margin:0 2px;}

.b4 {height:2px; margin:0 1px;}


4 elementy s výškou 1px, ľavým a pravým borderom s farbou akú má border každej položky a vždy o trochu viac odsadené zľava a zprava (margin: 0 5px; margin: 0 3px; ...), čo vytvára dojem zaguľatených rohov.
habendorf
Profil
#6 · Zasláno: 23. 11. 2005, 20:02:08
Odpovědět Citovat
centi: Ano, je to přesně jak říkáš. Byl jsi rychlejší :o)
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0