Autor | Zpráva | ||
---|---|---|---|
Stewe Profil * |
#1 · Zasláno: 2. 10. 2009, 21:14:01
Ahoj, tak zase tu jsou kulaté rohy :-D věčné téma. Nenašel jsem co jsem potřeboval tak se zeptám.
Mám na webu záložky a rád bych měl kulaté roky záložek. Problém je ten že se délka záložky mění s velikostí textu. Takže asi nemůžu použít obrázek. Do tohodle kodu chci misto background nějak kulaté rohy. #utilities #plinks ul li a { /*primary links*/ color: Black; font-weight:bold; background: url(img/roh.png) ; padding:7px 10px 7px 10px; display:block; Jestli někdo ví tak prosím o pomoc. Nevadí mi rozložení tohodle prvku na několik. Jen prostě jak na to :) |
||
Radek9 Profil |
#2 · Zasláno: 2. 10. 2009, 21:16:20
Stewe:
„Kulaté hory 100x jinak“ Nevím, nevím, ale hory jsou hranaté... „a rád bych měl kulaté roky záložek“ Roky? Můžeš odkázat na živou ukázku, abysme viděli jaký to je obrázek a jak se to zvětšuje? |
||
Bubák Profil |
#3 · Zasláno: 2. 10. 2009, 21:24:01
„Nenašel jsem co jsem potřeboval“
Naposledy to tu bylo v pondělí: Diskuse » CSS » "kulaty background" a hover http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=7&topic=100587 |
||
Stewe Profil * |
#4 · Zasláno: 2. 10. 2009, 21:24:14
Jo všiml jsem si chyb až po odeslání :-D ale už nebylo cesty z5 :-D
je to přímo tenhle web http://animatori.prostejov.cz/animatori/ |
||
Nox Profil |
#5 · Zasláno: 2. 10. 2009, 21:46:23
uděláš si levý bok a pravý bok (můžeš sloučit do jednoho souboru) a napozicuješ je mimo záložku nalebo a napravo (pomocí position: absoute)
|
||
Bubák Profil |
#6 · Zasláno: 2. 10. 2009, 22:17:01
„uděláš si levý bok a pravý bok“
Stačí levý bok + střední část dostatečné délky a pak pravý bok. http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=7&topic=100587#10 „napozicuješ je mimo záložku nalebo a napravo“ Stačí obyčejný float. |
||
Stewe Profil * |
#7 · Zasláno: 2. 10. 2009, 22:21:45
aha :) to je chytré :) díki
|
||
Stewe Profil * |
#8 · Zasláno: 3. 10. 2009, 00:14:53
Stejně nechápu jak to mám zapozicovat do pole background :(
Nejde mi to protože nemůžu v background určovat pozici! #utilities #plinks ul li a { /*primary links*/ color: Black; font-weight:bold; background: #FFFF00 url("img/levy_roh.png") ; padding:7px 10px 7px 10px; display:block; } a menu se tvoří automaticky pomocí php.. takže span je dost složitá možnost |
||
Taurus Profil |
#9 · Zasláno: 3. 10. 2009, 01:17:56
Ve zmíněném vláknu jsem přispěl odkazem, třeba pomůže.
|
||
srigi Profil |
#10 · Zasláno: 3. 10. 2009, 08:40:31
Pouzi techniku znamu ako sliding_doors
|
||
Stewe Profil * |
#11 · Zasláno: 3. 10. 2009, 12:09:19
An všechno jsem přečetl a chápu jak to udělat ale nechápu jak to mám dostat do toho jednoho kodu který mám! O to mi jde.. s tím potřebuju pomoc.
Jak to nacpu do toho kodu aniž bych zasahoval do jiných souborů než CSS. Protože to ani nemůžu 1. jsem to zkoušel a jsou to PHP soubory a po upravě většinou nefunkční 2. nemá se do těch souborů zasahovat aby jsem neztratil bezpečnost systému. |
||
panther Profil |
#12 · Zasláno: 3. 10. 2009, 12:22:39
Stewe
musíš do HTML/PHP souborů přidat k položce alespoň jeden/dva, podle toho, jestli si vybereš možnost se dvěma nebo třemi obrázky, element, často span, kde se ten roh/y bude zobrazovat. Jinak na CSS i HTML se můžeš podívat všude, kde jsou kulaté rohy udělané. To snad zvládneš zobrazit si zdrojový kód i CSS soubor, ne? |
||
Bubák Profil |
#13 · Zasláno: 3. 10. 2009, 12:33:04
„aniž bych zasahoval do jiných souborů než CSS. Protože to ani nemůžu“
Že odmítáš úpravy HTML (PHP) jsi napsal teprve nyní. Nenapsal jsi opravdový důvod, podrobnosti níže. „1. jsem to zkoušel a jsou to PHP soubory a po upravě většinou nefunkční“ V to případě jsi to dělal špatně. „2. nemá se do těch souborů zasahovat aby jsem neztratil bezpečnost systému.“ Žádná z popsaných úprav nemá na "bezpečnost sytému" vliv. Takže máš na výběr: - upravit HTML (PHP) i CSS - udělat hover také na elementu LI, ale pak ti to nebude fungovat v IE6, nejjednoduší bude pro IE6 kulaté rohy oželet - použít kulaté rohy z CSS3, ale to umí jen WebKit (Chrome, ...) a Gecko (Firefox, ...) |
||
Stewe Profil * |
#14 · Zasláno: 3. 10. 2009, 14:01:05
Dobře jestli má někdo zkušenosti s Drupalem tak ať mi řekne kde mám přida span v kodů o délce 2500 řádků který je celý jen o Menu :(
|
||
Taurus Profil |
#15 · Zasláno: 3. 10. 2009, 14:23:35
Chjo, tolik lidí se tu snaží pomoct... že se na to nevykašlem...
|
||
Stewe Profil * |
#16 · Zasláno: 3. 10. 2009, 16:15:12
jn.. :) sorry kdyby bylo CSS3 všude bylo by to bez problémů :(
Takže znovu: Tenhle kod zobrazuje menu: <div id="primary" class="clear-block"> <?php print theme('links', $primary_links); ?> </div> no a tenhle kod v CSS upravuje vzhled: #primary { font-size: 85%; line-height: normal; padding: 0 0px 0px 20px; border-bottom: 4px solid #2763A5; } #primary ul { padding: 0; margin: 0; list-style: none; } #primary a { background: #6DA6E2 url(images/tabs.png) repeat-x; color: #FFF; font-weight: bold; display: block; float: left; padding: 5px 14px 5px 14px; margin: 0 1px 0 0; border: solid #6191C5 1px; border-width: 1px 1px 0 1px; } #primary a { background-position: 0% 0; } #primary a:hover { background-position: 0% -42px; text-decoration: none; } #primary a.active { background-position: 0% -84px; } Nevím jestli to pomůže ale prosím napíšete mi co tam mám napsat aby se mi pozadí rozdělilo na dva obrázky... místo jednoho |
||
Časová prodleva: 14 let
|
0