Obsah fóra » Softvér » Programovanie, vývoj softvéru a webu » Frontend » CSS: definovanie vlastneho fontu





 Stránka: 1 z 1
 [ Príspevkov: 17 ] 
AutorSpráva
Offline Flety

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

Registrovaný: 26.11.06
Prihlásený: 09.10.24
Príspevky: 4118
Témy: 319 | 319
Bydlisko: HE/BA
NapísalOffline Flety: 11.12.2007 18:43 | CSS: definovanie vlastneho fontu

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 audiotrack

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
NapísalOffline audiotrack: 11.12.2007 18:48 | CSS: definovanie vlastneho fontu

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 Flety

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

Registrovaný: 26.11.06
Prihlásený: 09.10.24
Príspevky: 4118
Témy: 319 | 319
Bydlisko: HE/BA
Napísal autor témyOffline Flety: 11.12.2007 19:09 | CSS: definovanie vlastneho fontu

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


Offline audiotrack

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
NapísalOffline audiotrack: 11.12.2007 19:15 | CSS: definovanie vlastneho fontu

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 Flety

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

Registrovaný: 26.11.06
Prihlásený: 09.10.24
Príspevky: 4118
Témy: 319 | 319
Bydlisko: HE/BA
Napísal autor témyOffline Flety: 11.12.2007 19:18 | CSS: definovanie vlastneho fontu

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 viktorcech

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ísalOffline viktorcech: 11.12.2007 22:59 | CSS: definovanie vlastneho fontu

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 viktorcech

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ísalOffline viktorcech: 11.12.2007 23:01 | CSS: definovanie vlastneho fontu

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 mondzo

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
NapísalOffline mondzo: 12.12.2007 13:33 | CSS: definovanie vlastneho fontu

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 viktorcech

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ísalOffline viktorcech: 12.12.2007 13:35 | CSS: definovanie vlastneho fontu

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 mondzo

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
NapísalOffline mondzo: 12.12.2007 13:39 | CSS: definovanie vlastneho fontu

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 viktorcech

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ísalOffline viktorcech: 12.12.2007 13:41 | CSS: definovanie vlastneho fontu

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 mondzo

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
NapísalOffline mondzo: 12.12.2007 13:48 | CSS: definovanie vlastneho fontu

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 Flety

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

Registrovaný: 26.11.06
Prihlásený: 09.10.24
Príspevky: 4118
Témy: 319 | 319
Bydlisko: HE/BA
Napísal autor témyOffline Flety: 12.12.2007 16:29 | CSS: definovanie vlastneho fontu

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


Offline mondzo

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
NapísalOffline mondzo: 12.12.2007 16:54 | CSS: definovanie vlastneho fontu

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 Flety

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

Registrovaný: 26.11.06
Prihlásený: 09.10.24
Príspevky: 4118
Témy: 319 | 319
Bydlisko: HE/BA
Napísal autor témyOffline Flety: 12.12.2007 16:56 | CSS: definovanie vlastneho fontu

thx :)


Offline mondzo

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
NapísalOffline mondzo: 12.12.2007 17:07 | CSS: definovanie vlastneho fontu

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


Offline Flety

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

Registrovaný: 26.11.06
Prihlásený: 09.10.24
Príspevky: 4118
Témy: 319 | 319
Bydlisko: HE/BA
Napísal autor témyOffline Flety: 12.12.2007 18:33 | CSS: definovanie vlastneho fontu

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


 Stránka: 1 z 1
 [ Príspevkov: 17 ] 


CSS: definovanie vlastneho fontu


Obsah fóra » Softvér » Programovanie, vývoj softvéru a webu » Frontend » CSS: definovanie vlastneho fontu


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

828

20.10.2007 20:36

nina

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

W7, zmena fontu

v Windows

0

380

09.09.2014 23:18

Kozel

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

Vytvorenie vlastneho grafu

v Ostatné

1

654

07.02.2014 15:21

apacu

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

Zakódovanie vlastného DVD

v Video programy

22

1892

12.06.2008 17:48

Seth Sparrow

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

Zistenie fontu z webu

v Frontend

3

560

05.01.2014 21:22

chodnik

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

Pomoc so zmenou fontu

v Frontend

7

480

26.10.2012 19:35

dulius

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

Najdenie fontu podla obrazku

v Frontend

2

566

29.05.2013 13:02

don jebot

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

zistenie fontu z obrázku

v Frontend

6

3135

12.07.2010 11:59

davider137

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

Externy HDD + Farba fontu

v Pevné disky a radiče

2

646

23.12.2007 11:02

timecode

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

Zadefinovanie nového fontu TTF

v Frontend

7

689

16.11.2007 15:09

mondzo

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

deformacia fontu vo Firefoxe

v Sieťové programy

1

477

06.05.2014 12:18

neopagan

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

Použitie fontu Estandar Regular

v Ostatné

10

474

22.06.2023 11:51

jakubv

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

joomla - pridanie vlastneho kodu

v CMS

1

918

12.07.2009 14:19

arnie16

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

Zaloha vlastneho originalneho DVD

v Ostatné programy

17

4188

12.01.2006 20:15

quatermain

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

z vlastneho PC server

v Hosting, servery a domény

0

736

19.01.2009 21:11

DeiDaro

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

zmena velkosti fontu v IE

v Frontend

8

1152

28.05.2007 14:39

mokus



© 2005 - 2026 PCforum, edited by JanoF