Stránka: 1 z 1
| [ Príspevkov: 21 ] | |
Autor | Správa |
---|
Registrovaný: 13.11.07 Prihlásený: 06.03.08 Príspevky: 431 Témy: 28 | 28 |
Zdravicko,
vedel by niekto pomocou CSS vytvorit tienovanie textu? Podmienka je pouzit iba jeden tag s textom, napr <h1>tienovany text</h1>
Pomocka:
Zamyslite sa nad vyuzitim kombinacie selektora atributu so pseudoprvkom.
Som zvedavy na riesenia.
|
|
Registrovaný: 29.12.05 Prihlásený: 14.08.18 Príspevky: 539 Témy: 62 | 62 Bydlisko: 127.0.0.1 (... |
to ma byt akoze sutaz?
_________________ "Kde končí hiphop, začína IQ." |
|
Registrovaný: 27.07.07 Príspevky: 3948 Témy: 51 | 51 Bydlisko: Bratislava |
V pohode, da sa, len finalne CSS je troska rozsiahlejsie, kedze je to potrebne optimalizovat pre vsetky prehliadace...
_________________ NTB: Acer Aspire 4820TG 14" | CPU: Intel Core i5 2,53 GHz | VGA: ATI Mobility Radeon HD5650 1GB | RAM: 8GB DDR3 1066 MHz | HDD: 1TB SSD WD BLUE |
|
Registrovaný: 13.11.07 Prihlásený: 06.03.08 Príspevky: 431 Témy: 28 | 28 |
stenley píše: V pohode, da sa, len finalne CSS je troska rozsiahlejsie, kedze je to potrebne optimalizovat pre vsetky prehliadace...
a kod?
|
|
Registrovaný: 17.11.06 Prihlásený: 31.12.07 Príspevky: 677 Témy: 9 | 9 | |
Registrovaný: 13.11.07 Prihlásený: 06.03.08 Príspevky: 431 Témy: 28 | 28 |
audiotrack píše: nájdené googlom za 15 sekúnd. Klikol som na prvé 4 odkazy. Nabudúce trošku samostatnosti
nepochopil si.. nemal som na mysli pouzitie text-shadow. riesenie som navrhol uz v PRVOM prispevku.
|
|
Registrovaný: 09.02.07 Prihlásený: 26.01.15 Príspevky: 257 Témy: 20 | 20 |
myslis pouzivanie :before pseudo-elementu?
Je s tym ale troska hracka v ramci optimalizacie pre vsetky prehliadace ako spominal stenley.
|
|
Registrovaný: 13.11.07 Prihlásený: 06.03.08 Príspevky: 431 Témy: 28 | 28 |
mondzo píše: myslis pouzivanie :before pseudo-elementu?
Je s tym ale troska hracka v ramci optimalizacie pre vsetky prehliadace ako spominal stenley.
nevadi, o kompatibilite sa nebavme, pristupme uz k rieseniu.
|
|
Registrovaný: 09.02.07 Prihlásený: 26.01.15 Príspevky: 257 Témy: 20 | 20 |
ok skusim:
Kód: CSS:
h1.shadow { line-height: 2em; white-space: nowrap;
}
h1.shadow:before { display: block; margin: 0 0 -2.12em 0.15em; padding: 0; color: #666666; content: 'Zeby sme mali tien???'; }
HTML:
<h1 class="shadow">Zeby sme mali tien???</h1>
nefunguje IE tam by sa to dalo spravit cez filter mozno, safari som netestoval, v opere by to malo ficat
CEST
|
|
Registrovaný: 13.11.07 Prihlásený: 06.03.08 Príspevky: 431 Témy: 28 | 28 |
mondzo píše: ok skusim: Kód: CSS:
h1.shadow { line-height: 2em; white-space: nowrap;
}
h1.shadow:before { display: block; margin: 0 0 -2.12em 0.15em; padding: 0; color: #666666; content: 'Zeby sme mali tien???'; }
HTML:
<h1 class="shadow">Zeby sme mali tien???</h1>
nefunguje IE tam by sa to dalo spravit cez filter mozno, safari som netestoval, v opere by to malo ficat CEST clovece, to je dobre.. ja som to skusal trosku inak Kód: h2 {font-size: 7em; line-height: 10px;}
h2[title]:before { content: " " attr(title) " "; position: absolute; top: 110px; /* Safari */ color: #ccc; font-size: 0.98em; line-height: 8px; /* IE 7 */ display: block;} Kód: <h2 title="Tieňovaný text">Tieňovaný text</h2>
ale je to blbost asi, lebo safari sice tien zobrazi, ale uplne inak.
|
|
Registrovaný: 09.02.07 Prihlásený: 26.01.15 Príspevky: 257 Témy: 20 | 20 |
Ja neviem, ja som to predtym nepouzival... proste som len troska zogoogloval a nasiel som nieco, vyskusal a poslal tu. Nikdy predtym som to nepouzival a neviem ci aj niekedy budem, proste nevidim v tom nic - Tien pod textom.
Ono co som sa docital, odradilo by ma hlavne to, ze pri takej drobnosti sa musis natrapit, pretoze kazdy prehliadac si to zoberie inak, pripadne to vobec nezobrazi a musis to robit pre neho alternativnou cestou.
Skus pozriet sem, odtialto som cerpal:
http://www.workingwith.me.uk/articles/css/cross-browser-drop-shadows
|
|
Registrovaný: 13.11.07 Prihlásený: 06.03.08 Príspevky: 431 Témy: 28 | 28 |
mondzo píše: Ja neviem, ja som to predtym nepouzival... proste som len troska zogoogloval a nasiel som nieco, vyskusal a poslal tu. Nikdy predtym som to nepouzival a neviem ci aj niekedy budem, proste nevidim v tom nic - Tien pod textom. Ono co som sa docital, odradilo by ma hlavne to, ze pri takej drobnosti sa musis natrapit, pretoze kazdy prehliadac si to zoberie inak, pripadne to vobec nezobrazi a musis to robit pre neho alternativnou cestou. Skus pozriet sem, odtialto som cerpal: http://www.workingwith.me.uk/articles/css/cross-browser-drop-shadows
oh.. nepochopil si. ja som nechcel, aby sa googlilo, ja som len chcel rozprudit niecie napady, podat myslienku.. to neni o tom najst v googli a aha, co som vymyslel..
|
|
Registrovaný: 09.02.07 Prihlásený: 26.01.15 Príspevky: 257 Témy: 20 | 20 |
Chcel si rozprudit myslienku, ide o to, ze nevedel som ako na to a tiez ma to zaujimalo, ci je nieco take mozne a myslim ako vacsina z nas pouziva velku knizku s nazvom INTERNET tak samozrejme som po nej siahol aj ja. Nasiel som tutorial, kde sa o tom pisalo, zobral som si z toho, co sa mi najviac hodilo, vyskusal som si to a hodil som to sem. Mozeme sa o nieco opriet a rozvijat debatu dalej. Ja som sa zase niecomu novemu priucil a ked to budem potrebovat, tak budem mat niekde v hlave zafixovane, ze nieco take som uz skusal a budem sa vediet od niecoho opriet. Nevymyslel som to ja, to nie, len som pouzil a prerobil nieco ine. Ved o tom to je, ci nie? nepouzivam nikdy veci, ktorym nerozumiem...
Naco sa s niecom novym trapit nejaky ten cas, ked to uz niekto predomnou raz spravil? Takym padom by som si na seba nezarobil . Proste ked by som to potreboval, vyuzil by som hore spomenute samozrejme s tym, ze by som to dalej rozvijal. Programovanie nie je len o tom vytvarat stale nieco nove, ale spajat dokopy uz vyvinute veci a doplnat ich o nove veci.
Spat k problemu, spominal si, ze o kompatibilite sa nebavme a v poslednom Tvojom prispevku stoji
"ale je to blbost asi, lebo safari sice tien zobrazi, ale uplne inak."
o com vlastne potom debatujeme?
CEST
|
|
Registrovaný: 13.11.07 Prihlásený: 06.03.08 Príspevky: 431 Témy: 28 | 28 |
mondzo píše: Chcel si rozprudit myslienku, ide o to, ze nevedel som ako na to a tiez ma to zaujimalo, ci je nieco take mozne a myslim ako vacsina z nas pouziva velku knizku s nazvom INTERNET tak samozrejme som po nej siahol aj ja. Nasiel som tutorial, kde sa o tom pisalo, zobral som si z toho, co sa mi najviac hodilo, vyskusal som si to a hodil som to sem. Mozeme sa o nieco opriet a rozvijat debatu dalej. Ja som sa zase niecomu novemu priucil a ked to budem potrebovat, tak budem mat niekde v hlave zafixovane, ze nieco take som uz skusal a budem sa vediet od niecoho opriet. Nevymyslel som to ja, to nie, len som pouzil a prerobil nieco ine. Ved o tom to je, ci nie? nepouzivam nikdy veci, ktorym nerozumiem... Naco sa s niecom novym trapit nejaky ten cas, ked to uz niekto predomnou raz spravil? Takym padom by som si na seba nezarobil . Proste ked by som to potreboval, vyuzil by som hore spomenute samozrejme s tym, ze by som to dalej rozvijal. Programovanie nie je len o tom vytvarat stale nieco nove, ale spajat dokopy uz vyvinute veci a doplnat ich o nove veci. Spat k problemu, spominal si, ze o kompatibilite sa nebavme a v poslednom Tvojom prispevku stoji "ale je to blbost asi, lebo safari sice tien zobrazi, ale uplne inak." o com vlastne potom debatujeme? CEST
ano, je to o uceni, mna ta myslienka napadla po tom, ako som si precital nieco o atributoch, cize som prakticky cerpal len z toho. kompatibilitu som mal na mysli taku, ze bud sa zobrazi alebo nezobrazi, ale pod safari sa to zobrazi, no ako uplne ine riesenie:)
|
|
Registrovaný: 09.02.07 Prihlásený: 26.01.15 Príspevky: 257 Témy: 20 | 20 |
nedalo mi to a pozrel som sa na selectory a pseudo-elementy a len som chcel dodat,
ze tvoj napad s vlastnostou atributu
Kód: content: attr(title);
funguje a mozne je sa opriet od toho. Blbost to nie je, neviem, ci si to skusal len so SAFARI alebo aj inde, ale na gecko-vskych prehliadacich to funguje. A teda vlastne pseudo-element :bofore funguje iba na nich. Tien v IE docielis len s filtrom a na SAFARI cez text-shodow. A to hackovanie CSSka, no neviem. SAFARI prehliadac bohuzial nemam, takze neodskusam.
Citujem z vyssie uvedeneho linku:
Citácia: * Safari 1.2.4, 1.3.1 - Displays text-shadow shadow. * IE5.5/Win - Displays filter: Shadow shadow. * IE6/Win - Displays filter: Shadow shadow. * IE5/Mac - No shadow. Degrades happily. * Mozilla 1.7.3 - Displays :before shadow. * Firefox 1.0, 1.0.6, 1.0.7, 1.5 Beta 2 - Displays :before shadow. * Opera 7.54, 8.5 - Displays :before shadow.
|
|
Registrovaný: 13.11.07 Prihlásený: 20.08.16 Príspevky: 1702 Témy: 0 | 0 |
CSS text-shadow funguje aj v Konqueror (takže ja by som použil práve to a napísal by som, že stránka je optimalizovaná pre Konqueror a Safari).
|
|
Registrovaný: 13.11.07 Prihlásený: 06.03.08 Príspevky: 431 Témy: 28 | 28 |
chrono píše: CSS text-shadow funguje aj v Konqueror (takže ja by som použil práve to a napísal by som, že stránka je optimalizovaná pre Konqueror a Safari).
precitaj si zadanie.
|
|
Registrovaný: 21.02.07 Prihlásený: 21.02.10 Príspevky: 3984 Témy: 96 | 96 |
porosím ťa o čo ide v tejto téme? Pokiaľ vieš riešenie prečo sa pýtaš, pokial si ho už písal a ešte sa naňho odkazuješ, ja to považujem za SPAM, podľa môjho názoru zakladáš tému, v ktorej skúšaš kto prečítal tvoj príspevok v inej téme
ak sa mýlim oprav ma
|
|
Registrovaný: 13.11.07 Prihlásený: 06.03.08 Príspevky: 431 Témy: 28 | 28 |
Tominator píše: porosím ťa o čo ide v tejto téme? Pokiaľ vieš riešenie prečo sa pýtaš, pokial si ho už písal a ešte sa naňho odkazuješ, ja to považujem za SPAM, podľa môjho názoru zakladáš tému, v ktorej skúšaš kto prečítal tvoj príspevok v inej téme ak sa mýlim oprav ma
ano mylis sa.
ide o to vylepsit sposoby k dokonalosti.. cakam od ostatnych, ze sa chytia, nieco vylepsia.. atd..
|
|
Registrovaný: 09.02.07 Prihlásený: 26.01.15 Príspevky: 257 Témy: 20 | 20 |
Nie som si isty, ci je este nieco na tom vylepsovat alebo sa mylim aj ja?
|
|
Registrovaný: 13.11.07 Prihlásený: 20.08.16 Príspevky: 1702 Témy: 0 | 0 |
viktorcech píše: precitaj si zadanie. Ak máš riešenie, ktoré bude fungovať všade, napíš ho. Ak také riešenie nemáš, tak je potom jedno, čo sa použije (aj tak to nebude fungovať všade).
|
|
Stránka: 1 z 1
| [ Príspevkov: 21 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| v HTML, XHTML, XML, CSS | 19 | 2069 | 28.10.2007 4:16 mondzo | | v HTML, XHTML, XML, CSS | 2 | 1156 | 07.07.2009 9:38 php30 | | v HTML, XHTML, XML, CSS | 2 | 826 | 27.07.2006 20:43 javo | | v Redakčné systémy | 0 | 699 | 16.02.2011 16:58 1987123 | | v HTML, XHTML, XML, CSS | 3 | 445 | 12.03.2015 0:03 martina833 | | v JavaScript, VBScript, Ajax | 2 | 430 | 14.11.2011 11:48 Tomasko19 | | v Delphi, Visual Basic | 2 | 855 | 21.10.2008 19:06 chiwo | | v JavaScript, VBScript, Ajax | 2 | 346 | 08.03.2014 13:13 Xarxes | | v Ostatné | 1 | 928 | 21.09.2013 21:00 Ďuri | | v PHP, ASP | 5 | 697 | 09.05.2012 10:31 Ophelia | | v HTML, XHTML, XML, CSS | 24 | 1144 | 28.12.2007 11:27 Diger | | v PHP, ASP | 4 | 864 | 01.08.2009 21:26 Tominator | | v Assembler, C, C++, Pascal, Java | 8 | 416 | 28.04.2021 8:36 shiro | | v Databázy | 8 | 676 | 27.11.2011 17:00 coldak | | v Technológia .NET | 4 | 716 | 02.12.2014 13:25 hatto13 | | v Vzdelanie, štúdium, škola | 28 | 2299 | 23.05.2008 20:03 Svolo |
|