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


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 | 62
Bydlisko: 127.0.0.1 (...

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 | 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
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 | 28
Napísal autor témyOffline : 02.12.2007 19:29 | Uloha - Tien textu cez CSS, minimalisticke riesenie

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

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 | 28
Napísal autor témyOffline : 03.12.2007 12:14 | Uloha - Tien textu cez CSS, minimalisticke riesenie

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

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 | 28
Napísal autor témyOffline : 03.12.2007 12:33 | Uloha - Tien textu cez CSS, minimalisticke riesenie

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


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 | 28
Napísal autor témyOffline : 03.12.2007 13:34 | Uloha - Tien textu cez CSS, minimalisticke riesenie

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


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 | 28
Napísal autor témyOffline : 03.12.2007 14:09 | Uloha - Tien textu cez CSS, minimalisticke riesenie

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


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 | 28
Napísal autor témyOffline : 03.12.2007 14:49 | Uloha - Tien textu cez CSS, minimalisticke riesenie

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


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


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 | 28
Napísal autor témyOffline : 04.12.2007 10:03 | Uloha - Tien textu cez CSS, minimalisticke riesenie

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


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 | 28
Napísal autor témyOffline : 04.12.2007 12:55 | Uloha - Tien textu cez CSS, minimalisticke riesenie

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

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


 [ Príspevkov: 21 ] 


Uloha - Tien textu cez CSS, minimalisticke riesenie



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

2069

28.10.2007 4:16

mondzo

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

css zarovnanie textu

v HTML, XHTML, XML, CSS

2

1156

07.07.2009 9:38

php30

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

nadciarknutie textu v css

v HTML, XHTML, XML, CSS

2

826

27.07.2006 20:43

javo

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

riesenie cez CMS

v Redakčné systémy

0

699

16.02.2011 16:58

1987123

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

445

12.03.2015 0:03

martina833

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

Vkladanie textu cez button

v JavaScript, VBScript, Ajax

2

430

14.11.2011 11:48

Tomasko19

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

Problem s vypisom textu cez kresliaceho robota

v Delphi, Visual Basic

2

855

21.10.2008 19:06

chiwo

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

nastavenie CSS cez JS

v JavaScript, VBScript, Ajax

2

346

08.03.2014 13:13

Xarxes

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

porovnanie obsahu css cez Notepad++

v Ostatné

1

928

21.09.2013 21:00

Ďuri

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

vkladanie menu s css cez php

v PHP, ASP

5

697

09.05.2012 10:31

Ophelia

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

Tien okolo stranky

v HTML, XHTML, XML, CSS

24

1144

28.12.2007 11:27

Diger

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

Zmena textu a zanechani pozice v textu

v PHP, ASP

4

864

01.08.2009 21:26

Tominator

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

Úloha

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

8

416

28.04.2021 8:36

shiro

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

databazova uloha

v Databázy

8

676

27.11.2011 17:00

coldak

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

C# uloha

v Technológia .NET

4

716

02.12.2014 13:25

hatto13

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

Matematicka uloha

v Vzdelanie, štúdium, škola

28

2299

23.05.2008 20:03

Svolo



© 2005 - 2025 PCforum, edited by JanoF