Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 21 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28
Príspevok NapísalOffline : 02.12.2007 18:54

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.


Offline

Užívateľ
Užívateľ
Uloha - Tien textu cez CSS, minimalisticke riesenie

Registrovaný: 29.12.05
Prihlásený: 14.08.18
Príspevky: 539
Témy: 62
Bydlisko: 127.0.0.1 (...
Príspevok NapísalOffline : 02.12.2007 19:20

to ma byt akoze sutaz?







_________________
"Kde končí hiphop, začína IQ."
Offline

Správca fóra
Správca fóra
Uloha - Tien textu cez CSS, minimalisticke riesenie

Registrovaný: 27.07.07
Príspevky: 3948
Témy: 51
Bydlisko: Bratislava
Príspevok NapísalOffline : 02.12.2007 19:21

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
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28
Príspevok Napísal autor témyOffline : 02.12.2007 19:29

stenley píše:
V pohode, da sa, len finalne CSS je troska rozsiahlejsie, kedze je to potrebne optimalizovat pre vsetky prehliadace...


a kod?


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.11.06
Prihlásený: 31.12.07
Príspevky: 677
Témy: 9
Príspevok NapísalOffline : 02.12.2007 21:55

http://www.quirksmode.org/css/textshadow.html
http://www.blooberry.com/indexdot/css/p ... shadow.htm
http://www.tipyatriky.sk/css-14
http://ijweb2.utc.sk/efekty/nadpis-s-tienom/
...

nájdené googlom za 15 sekúnd. Klikol som na prvé 4 odkazy. Nabudúce trošku samostatnosti


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28
Príspevok Napísal autor témyOffline : 03.12.2007 12:14

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.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 09.02.07
Prihlásený: 26.01.15
Príspevky: 257
Témy: 20
Príspevok NapísalOffline : 03.12.2007 12:31

myslis pouzivanie :before pseudo-elementu?

Je s tym ale troska hracka v ramci optimalizacie pre vsetky prehliadace ako spominal stenley.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28
Príspevok Napísal autor témyOffline : 03.12.2007 12:33

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.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 09.02.07
Prihlásený: 26.01.15
Príspevky: 257
Témy: 20
Príspevok NapísalOffline : 03.12.2007 13:19

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


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28
Príspevok Napísal autor témyOffline : 03.12.2007 13:34

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.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 09.02.07
Prihlásený: 26.01.15
Príspevky: 257
Témy: 20
Príspevok NapísalOffline : 03.12.2007 14:06

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


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28
Príspevok Napísal autor témyOffline : 03.12.2007 14:09

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..


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 09.02.07
Prihlásený: 26.01.15
Príspevky: 257
Témy: 20
Príspevok NapísalOffline : 03.12.2007 14:44

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


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28
Príspevok Napísal autor témyOffline : 03.12.2007 14:49

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:)


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 09.02.07
Prihlásený: 26.01.15
Príspevky: 257
Témy: 20
Príspevok NapísalOffline : 03.12.2007 15:33

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.


Offline

Skúsený užívateľ
Skúsený užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 20.08.16
Príspevky: 1702
Témy: 0
Príspevok NapísalOffline : 03.12.2007 23:43

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). :)


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28
Príspevok Napísal autor témyOffline : 04.12.2007 10:03

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.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 21.02.07
Prihlásený: 21.02.10
Príspevky: 3984
Témy: 96
Príspevok NapísalOffline : 04.12.2007 12:36

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


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28
Príspevok Napísal autor témyOffline : 04.12.2007 12:55

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..


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 09.02.07
Prihlásený: 26.01.15
Príspevky: 257
Témy: 20
Príspevok NapísalOffline : 04.12.2007 13:24

Nie som si isty, ci je este nieco na tom vylepsovat alebo sa mylim aj ja? :)


Offline

Skúsený užívateľ
Skúsený užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 20.08.16
Príspevky: 1702
Témy: 0
Príspevok NapísalOffline : 04.12.2007 14:48

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).


Odpovedať na tému [ Príspevkov: 21 ] 


Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy. CSS: Tien

v HTML, XHTML, XML, CSS

19

2010

28.10.2007 4:16

mondzo Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. css zarovnanie textu

v HTML, XHTML, XML, CSS

2

1121

07.07.2009 9:38

php30 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. nadciarknutie textu v css

v HTML, XHTML, XML, CSS

2

802

27.07.2006 20:43

javo Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. riesenie cez CMS

v Redakčné systémy

0

665

16.02.2011 16:58

1987123 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Zalomenie textu v google kalendari pomocou css

v HTML, XHTML, XML, CSS

3

405

12.03.2015 0:03

martina833 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Vkladanie textu cez button

v JavaScript, VBScript, Ajax

2

395

14.11.2011 11:48

Tomasko19 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Problem s vypisom textu cez kresliaceho robota

v Delphi, Visual Basic

2

821

21.10.2008 19:06

chiwo Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. nastavenie CSS cez JS

v JavaScript, VBScript, Ajax

2

303

08.03.2014 13:13

Xarxes Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. porovnanie obsahu css cez Notepad++

v Ostatné

1

857

21.09.2013 21:00

Ďuri Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. vkladanie menu s css cez php

v PHP, ASP

5

661

09.05.2012 10:31

Ophelia Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Tien okolo stranky

v HTML, XHTML, XML, CSS

24

1118

28.12.2007 11:27

Diger Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Zmena textu a zanechani pozice v textu

v PHP, ASP

4

756

01.08.2009 21:26

Tominator Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Úloha

v Assembler, C, C++, Pascal, Java

8

372

28.04.2021 8:36

shiro Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. C# uloha

v Technológia .NET

4

670

02.12.2014 13:25

hatto13 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Logicka uloha

v Krčma

13

3447

24.11.2011 0:12

Jeffo Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Matematicka uloha

v Vzdelanie, štúdium, škola

28

2249

23.05.2008 20:03

Svolo Zobrazenie posledných príspevkov


Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra