Obsah fóra
PravidláRegistrovaťPrihlásenie




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

Užívateľ
Užívateľ
CSS: definovanie vlastneho fontu

Registrovaný: 26.11.06
Prihlásený: 22.01.24
Príspevky: 4118
Témy: 319
Bydlisko: HE/BA
Príspevok NapísalOffline : 11.12.2007 18:43

Cafte, ako mozem pomocou css definovat vlastny font? myslim ze sa to da ak nie tak je nejake ine riesenie? thx

a tiez by som sa chcel spytat ze ako sa da dat nadpis <h1> pod obrazok thx


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 : 11.12.2007 18:48

Drako píše:
Cafte, ako mozem pomocou css definovat vlastny font? myslim ze sa to da ak nie tak je nejake ine riesenie? thx


Kód:
@font-face { font-family: myfont; font-style:  normal; font-weight:
normal; src: url(fontname.eot); }
body { font-family: myfont, Times, "Times New Roman", serif; }


Drako píše:
a tiez by som sa chcel spytat ze ako sa da dat nadpis <h1> pod obrazok thx

šak normálne dáš obrázok, a potom nadpis.. nechápem v čom je ako zádrhel
Kód:
<img src="blablabla.gif" ... /><br><h1>Nadpis</h1>


Offline

Užívateľ
Užívateľ
CSS: definovanie vlastneho fontu

Registrovaný: 26.11.06
Prihlásený: 22.01.24
Príspevky: 4118
Témy: 319
Bydlisko: HE/BA
Príspevok Napísal autor témyOffline : 11.12.2007 19:09

ale myslim tak ze bude vidno iba ten obrazok a ked bude mat uzivatel vypnute obrazky tak sa mu zobrazi ten nadpis


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 : 11.12.2007 19:15

tak to sprav cez javascript.. obrázok má aj event onerror ktorý je na toto ako stvorený. Pri chybe pri načítavaní sa vykoná js (zobrazenie nadpisu)


Offline

Užívateľ
Užívateľ
CSS: definovanie vlastneho fontu

Registrovaný: 26.11.06
Prihlásený: 22.01.24
Príspevky: 4118
Témy: 319
Bydlisko: HE/BA
Príspevok Napísal autor témyOffline : 11.12.2007 19:18

aha ale niekde som cital ze sa tak robi ze da text do h1(ktory je jediny na webe) nanho obrazok, myslel som ze je aj nejake riesenie cez html alebo css ale ak nieje tak neva :)


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 : 11.12.2007 22:59

Drako píše:
aha ale niekde som cital ze sa tak robi ze da text do h1(ktory je jediny na webe) nanho obrazok, myslel som ze je aj nejake riesenie cez html alebo css ale ak nieje tak neva :)


Kód:
<div id="logo"><h1><a href="./" title=" "><span><!-- --></span>text nadpisu</a></h1></div>

div#logo {float: left; width: 200px; height: 100px;}
div#logo h1 {cursor: pointer; /*cursor:hand;\*/; width: 200px; height: 100px;}
div#logo h1 a span {background: url(logo.gif) 0 0 no-repeat; position: absolute; left: 0; top: 0; width: 200px; height: 100px; display: block;}


velkosti si uprav podla velkosti tvojho loga.


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 : 11.12.2007 23:01

audiotrack píše:
tak to sprav cez javascript.. obrázok má aj event onerror ktorý je na toto ako stvorený. Pri chybe pri načítavaní sa vykoná js (zobrazenie nadpisu)


velmi zle 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 : 12.12.2007 13:33

viktorcech píše:
Kód:
<div id="logo"><h1><a href="./" title=" "><span><!-- --></span>text nadpisu</a></h1></div>

div#logo {float: left; width: 200px; height: 100px;}
div#logo h1 {cursor: pointer; /*cursor:hand;\*/; width: 200px; height: 100px;}
div#logo h1 a span {background: url(logo.gif) 0 0 no-repeat; position: absolute; left: 0; top: 0; width: 200px; height: 100px; display: block;}


velkosti si uprav podla velkosti tvojho loga.


zbytocny je tam div s id="logo", da sa to spravit aj jednoduchsie iba h1 a span:

<h1>Text nadpisu<span></span></h1>

Drako: k vlastnemu fontu -> zbytocnost, je to sice mozne, ale zbytocna robota naviac a nakoniec to ani nemusi fungovat ako ocakavas, na jakpsatweb je navod (urcite ho najdes) ako na to, ale ...

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ísalOffline : 12.12.2007 13:35

mondzo píše:
zbytocny je tam div s id="logo", da sa to spravit aj jednoduchsie iba h1 a span:

<h1>Text nadpisu<span></span></h1>

Drako: k vlastnemu fontu -> zbytocnost, je to sice mozne, ale zbytocna robota naviac a nakoniec to ani nemusi fungovat ako ocakavas, na jakpsatweb je navod (urcite ho najdes) ako na to, ale ...

CEST


nemyslim, skus si to vyskusat.


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 : 12.12.2007 13:39

Viktor, sorry, mas pravdu, akurat som pozeral svoj kod stranky, ktoru som dokoncil pred par dnami, lebo som to tam pouzival, ok sorry, beriem spat, je tam potrebny...


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 : 12.12.2007 13:41

mondzo píše:
Viktor, sorry, mas pravdu, akurat som pozeral svoj kod stranky, ktoru som dokoncil pred par dnami, lebo som to tam pouzival, ok sorry, beriem spat, je tam potrebny...


ono je to sranda s tymto jednym divom.. ja som ho napr. na mojom webe teraz odstranil a bez problemov. ale viem, ze ked som toto zacinal pouzivat, bez toho divu to skratka neslo. zahada.


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 : 12.12.2007 13:48

ono ten div je tam potrebny kvoli tomu, ze si umiestnujes logo, kde patri, kde ho chces mat...

Celu magiu skrytia textu za obrazok robi background v spane, ak sa nemylim... (takze by to teoreticky a takisto prakticky malo fungovat bez divu, ked nepotrebujes specialne pozicovanie...)

My sme obidvaja naskytli Drakovi riesenie pre logo (kde sa skryva nazov firmy pri vypnutych obrazkoch napr.), ale pre riesenie ako chcel Drako, ze skryt text za img v h1 by malo kludne fungovat aj bez DIVu -> ved naco zbytocne pre-div-ovavat stranku...

CEST


Offline

Užívateľ
Užívateľ
CSS: definovanie vlastneho fontu

Registrovaný: 26.11.06
Prihlásený: 22.01.24
Príspevky: 4118
Témy: 319
Bydlisko: HE/BA
Príspevok Napísal autor témyOffline : 12.12.2007 16:29

thx vam, mondzo a ako sa da to tvoje posledne riesenie ze bez divov?


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 : 12.12.2007 16:54

napr.:

Kód:
<style type="text/css">
 
  H1
    {
    width: 300px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0;
    font-size: 16px;
    }
  H1 SPAN
    {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 300px;
    height: 40px;
    background: transparent url("arrow.jpg") 0px 0px no-repeat;
    }
 
</style>


a tag H1

Kód:
<h1>This is a heading<span></span></h1>


s tym, ze obrazok arrow.jpg som mal vytvoreny v rozmeroch 300x40px. Uprav si to uz podla svojho zelania :).

CEST


Offline

Užívateľ
Užívateľ
CSS: definovanie vlastneho fontu

Registrovaný: 26.11.06
Prihlásený: 22.01.24
Príspevky: 4118
Témy: 319
Bydlisko: HE/BA
Príspevok Napísal autor témyOffline : 12.12.2007 16:56

thx :)


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 : 12.12.2007 17:07

Pohodka, Drako, na akom projekte ty to vlastne robis? Chcel by som to vidiet...
CEST


Offline

Užívateľ
Užívateľ
CSS: definovanie vlastneho fontu

Registrovaný: 26.11.06
Prihlásený: 22.01.24
Príspevky: 4118
Témy: 319
Bydlisko: HE/BA
Príspevok Napísal autor témyOffline : 12.12.2007 18:33

no tot mi treba do redesignu mojej stranky ale makam est na niecom inom zo vypustim zachvilu len mi treba este zohnat nejakeho sponzora na hosting


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


Podobné témy

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

v Ostatné programy

2

731

20.10.2007 20:36

nina Zobrazenie posledných príspevkov

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

v Operačné systémy Microsoft

0

311

09.09.2014 23:18

Kozel Zobrazenie posledných príspevkov

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

v Delphi, Visual Basic

1

548

07.02.2014 15:21

apacu Zobrazenie posledných príspevkov

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

v Video programy

22

1798

12.06.2008 17:48

Seth Sparrow Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

3

466

05.01.2014 21:22

chodnik Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

7

398

26.10.2012 19:35

dulius Zobrazenie posledných príspevkov

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

v Webdesign

2

470

29.05.2013 13:02

don jebot Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. zistenie fontu z obrázku

v Webdesign

6

2991

12.07.2010 11:59

davider137 Zobrazenie posledných príspevkov

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

v Pevné disky a radiče

2

550

23.12.2007 11:02

timecode Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

7

603

16.11.2007 15:09

mondzo Zobrazenie posledných príspevkov

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

v Sieťové a internetové programy

1

399

06.05.2014 12:18

neopagan Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Použitie fontu Estandar Regular

v Ostatné

10

392

22.06.2023 11:51

jakubv Zobrazenie posledných príspevkov

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

v Redakčné systémy

1

851

12.07.2009 14:19

arnie16 Zobrazenie posledných príspevkov

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

v Ostatné programy

17

4080

12.01.2006 20:15

quatermain Zobrazenie posledných príspevkov

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

v Webhosting a servery

0

679

19.01.2009 21:11

DeiDaro Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

8

1064

28.05.2007 14:39

mokus 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