#1 2012-08-07 17:25:08

kksmirice
Endora rádce
Místo: Vrchovnice
Registrován: 2011-11-20
Příspěvky: 6,023
Web

Re: CSS

Prosím zkušené tvůrce o radu:
jakým způsobem docílím při použití background-image: linear-gradient kontrastní text v celém rozsahu stránky?


1. Murphyho zákon:
Na počátku nebylo nic. I to se pokazilo!

stránky: CMS test
kontakt - instalace systémů, MySQL, FTP přístup, ...
Instalační balíky vybraných CSM

Problémy spojené s provozem služeb Endora, řešte na tomto fóru.

Offline

#2 2012-08-07 19:00:55

Martin
Endora rádce
Místo: Plzeň
Registrován: 2011-01-19
Příspěvky: 1,375
Web

Re: CSS

Existuje http://www.thomasfrank.se/downloadableJ ... entText.js resp. http://www.thomasfrank.se/text_color_gradients.html, ale považuji to za největší prasárnu všech prasáren. Nahlédněte do zdrojáku...
Ještě existuje druhý způsob: http://webdesignerwall.com/tutorials/cs ... ext-effect, ale žádný neřeší kontrast vzhledem k pozadí.
Jiné řešení neznám, pokud tedy nějaké vůbec existuje.


Nejnovější článek: www.zeminem.cz ...
Černé díry jsou místa, kde Bůh dělil nulou...
Endora plugin!

Offline

#3 2012-08-07 19:16:54

kksmirice
Endora rádce
Místo: Vrchovnice
Registrován: 2011-11-20
Příspěvky: 6,023
Web

Re: CSS

Díky za odkazy, ale asi jsem se špatně vyjádřil.
Jde mi o použití gradient na pozadí (např. od bílé k černé směrem dolů) a kontrast textu v závislosti na daném pozadí stránky a pozici textu na stránce (tedy opačně od černého textu na vrcholu stránky po bílý v patě stránky).
Tedy pokud takové řešení je relevantní při použití css. Já se obávám, že to asi nelze jen tak jednoduše.

Kdysi jsem na jedno takové řešení na stránkách narazil, ale je to dávno a při mém věku si již nedokáži vzpomenout na adresu stránky  lol . Stáří ale nebolí...  wink


1. Murphyho zákon:
Na počátku nebylo nic. I to se pokazilo!

stránky: CMS test
kontakt - instalace systémů, MySQL, FTP přístup, ...
Instalační balíky vybraných CSM

Problémy spojené s provozem služeb Endora, řešte na tomto fóru.

Offline

#4 2012-08-07 19:23:50

Martin
Endora rádce
Místo: Plzeň
Registrován: 2011-01-19
Příspěvky: 1,375
Web

Re: CSS

A to není ono? Sice žádný ze způsobů neumožňuje hlídat kontrast (to snad ani pořádně nejde), ale pomocí gradientu http://webdesignerwall.com/tutorials/cr ... s-gradient se udělá pozadí a pomocí opačného gradientu zase text což se řeší v prvním odkazu. http://www.thomasfrank.se/text_gradient ... ample.html Tato ukázka se podle zdrojáku už chová přijatelněji...
Nebo pořád nechápu?

EDIT: http://css-tricks.com/snippets/css/gradient-text/


Nejnovější článek: www.zeminem.cz ...
Černé díry jsou místa, kde Bůh dělil nulou...
Endora plugin!

Offline

#5 2012-08-07 19:46:20

kksmirice
Endora rádce
Místo: Vrchovnice
Registrován: 2011-11-20
Příspěvky: 6,023
Web

Re: CSS

jakási malá ukázka po čem se vlastně pídím... taky nemám rád věci bez názorného příkladu.

Pokud jsem špatně pochopil význam v odkazech - omluva pro špatné hledání. Nebo je možné, že nechápu já.


1. Murphyho zákon:
Na počátku nebylo nic. I to se pokazilo!

stránky: CMS test
kontakt - instalace systémů, MySQL, FTP přístup, ...
Instalační balíky vybraných CSM

Problémy spojené s provozem služeb Endora, řešte na tomto fóru.

Offline

#6 2012-08-07 19:53:08

Martin
Endora rádce
Místo: Plzeň
Registrován: 2011-01-19
Příspěvky: 1,375
Web

Re: CSS

No, pozadí by bylo a teď je tedy žádoucí, aby byl nahoře text černý a dole světlý? To vše jedním přechodem?
Tak přesně to se řeší zde: http://www.thomasfrank.se/text_color_gradients.html

Body start color: 000000 ; end color: ffffff

Nejnovější článek: www.zeminem.cz ...
Černé díry jsou místa, kde Bůh dělil nulou...
Endora plugin!

Offline

#7 2012-08-07 20:09:19

kksmirice
Endora rádce
Místo: Vrchovnice
Registrován: 2011-11-20
Příspěvky: 6,023
Web

Re: CSS

Asi to půjde.... Díky za pořádný kopanec. big_smile


1. Murphyho zákon:
Na počátku nebylo nic. I to se pokazilo!

stránky: CMS test
kontakt - instalace systémů, MySQL, FTP přístup, ...
Instalační balíky vybraných CSM

Problémy spojené s provozem služeb Endora, řešte na tomto fóru.

Offline

Zápatí

Založeno na FluxBB | CZ a SK