Přejít na obsah


Fotka
- - - - -

Jak vložit html do listingu?


  • Pokud chcete vložit odpověď, přihlašte se
37 odpovědí na toto téma

#21 urbanb

urbanb

    Advanced Member

  • Members
  • PipPipPip
  • 136 příspěvků(y)

Publikováno 03 květen 2008 - 14:35

Diky, zkusim
  • 0

#22 coluberT

coluberT

    Advanced Member

  • Members
  • PipPipPip
  • 57 příspěvků(y)

Publikováno 03 květen 2008 - 14:38

urbanb napsal/a:
Ja vim, že je to problem, ale nechtělo si mi to řešit tímto způsobem, jde o 5 fotek, z toho 2 maličké, historicke, vložene do textu.
Jine řešení není?
Díky


1) Na stránce editace listingu použij vpravo nahoře odkaz "upload images", nahraj tam své obrázky (podobně jako při přidávání obrázku k logu). Obrázek se nahraje k listingu a bude moci být rozkliknutý žlutým obdélníčkem vlevo dole na listingu (při zobrazení listingu).

2) Rozklikni ho, obrázek se otevře, klikni na něj pravým tlačítkem a dej "uložit jako" (podobně jako když si ukládáš na disk obrázek z nějaké webové stránky). V dialogovém okně pak vidíš název toho obrázku jak ho má GC.com - je to do docela dlouhý název složený ze změti čísel,písmen a pomlček :)

3) do svého popisu listingu (v HTML) pak dej odkaz na obrázek ve formátu
<img src=
"http://img.geocachin...enyačísly.jpg">

4) a je to! Obrázek by se měl v hotovém listingu zobrazit bez nutnosti použití externího odkazu. Samozřejmě lze použít tagy pro formátování, tzn. centrování obrázku apod.

Pozn.: když jsem vytvářel svoji keš, tak jsem s HTML taky trochu bojoval a použil jsem nakonec jednoduchý návod na internetu pouze se základními tagy HTML. Výsledkem sice není systémově správně napsaná stránka (webdesigneři by se asi zděsili), nicméně je to funkční a jedndoduché pro editaci (vím, co jsem tam psal a co ta asi udělá, když něco změním). Vždy, když jsem něco upravil, tak jsem si to kontroloval (odhadem před dokončením listingu nejmíň tak 60x).

TIP: podívej se na jiné keše, jejichž listing se Ti líbí, resp. by jsi to chtěl udělat podobně. Pak si zobraz jejich zdroják (v IE je to Zobrazit/Zdrojový kód). V dolní části dlouhého zdrojového kódu je část, která je napsána autorem stránky a tam se podívej jak to kdo má. Pokud autor nebude skvělý programátor a nepoužije takové ty divné příkazy, kterým normální člověk nerozumí :) tak se můžeš inspirovat, resp. to udělat stejně

Edit: tak jsem byl až druhej :)
  • 0

#23 urbanb

urbanb

    Advanced Member

  • Members
  • PipPipPip
  • 136 příspěvků(y)

Publikováno 03 květen 2008 - 15:04

Takže moc díky, již se podařilo. Jestli mohu mít ještě jednu prosbu. Nepřeložil by někdo zakladní listing a nápovedu do angličtiny. Díky
  • 0

#24 urbanb

urbanb

    Advanced Member

  • Members
  • PipPipPip
  • 136 příspěvků(y)

Publikováno 03 květen 2008 - 15:52

Ještš jednou všem za rady děkuji a pokud jste někde z okolí, tak doufám, že uvidím Vaše logy. Tedy pokud se mi podaří cache aktivovat.
  • 0

#25 urbanb

urbanb

    Advanced Member

  • Members
  • PipPipPip
  • 136 příspěvků(y)

Publikováno 04 květen 2008 - 12:46

Musím se ještě jednou obrátit s prosbou o pomoc s editací html. Stranka je již hotová, EN překlad také, ale mám jeden problém a to s velikostí zobrazovaného textu na GC. Navíc jsem ve zdrojovém kódu objevil pozůstatky po původně vložených obrázcích a některé další nesmysly. Funkce vyčištění v NVU nepomáhá a kontrola html formátu trvale hlásí "errors blocking validation". K tomu zobrazovanému textu, i když je celý text nastaven správně na Times new roman, a velikost všeho je střední, tak na GC se český text objevuje malý a EN větší. Už nevím ja upravit.
  • 0

#26 urbanb

urbanb

    Advanced Member

  • Members
  • PipPipPip
  • 136 příspěvků(y)

Publikováno 04 květen 2008 - 13:13

Tak už jsem vyřešil, vytvořil jsem znovu v NVU a teď již je to snad v pořádku.Díky
  • 0

#27 keeehi

keeehi

    Advanced Member

  • Members
  • PipPipPip
  • 54 příspěvků(y)

Publikováno 11 květen 2008 - 7:36

Gratuluji. Tvůj listing vypadá dobře. Jen si myslím, že příští listing my jsi mohl udělat sám bez NVU. Není to opravdu nic složitého. Pro naučení základního formátování doporučuji již výše zmiňované stránky www.jakpsatweb.cz. Já jsem tam taky začínal. Pro formátování textu ve stránce by ti mělo stačit těchto pár věcí:

formátovaný text
<b>Tento text se bude na stránce zobrazovat tučně</b>
<i>Tento text se bude na stránce zobrazovat jako kurzíva</i>
<u>Tento text se bude na stránce bude podtržený</u>

<center>Tento text bude zarovnaný na střed</center>

<font color="red">Tento text bude na stránce červený</font>
místo "red" lze napsat jakoukoliv barvu v angličtině

<font size="5">Tento text bude na stránce mít jinou velikost</font>
místo 5 lze zadat číslo 1-7 přičemž 1 znamená nejmenší a 7 největší

poznámka:
align="", color="" a size="" lze mezi sebou libovolně kombinovat a klidně i vynechávat. Například veliký, modrý text zarovnaný doprava zapíšeme takto:
dva rúzné zápisy, kter ve výsledku vypadají stejně
<font align="right" color="blue" size="7">veliký, modrý text zarovnaný doprava</font>
<font size="7" align="right" color="blue">úplně stejně vypadající veliký, modrý text zarovnaný doprava</font>

pokud nechceme mít modrý text velký, pak prostě size="" vynecháme
<font align="right" color="blue">veliký, modrý text zarovnaný doprava</font>
  • 0

#28 moravan

moravan

    Advanced Member

  • Members
  • PipPipPip
  • 394 příspěvků(y)

Publikováno 11 květen 2008 - 22:09

Taky se začínám hrabat kvůli listingu v HTML.... Vím, že se dá nastavit velikost obrázku, jak ho uvidím na stránce: <img height='100' width='200' src='http://www...... Dá se nějakým jednoduchým způsobem nastavit i ořez, tzn. oříznu (nezobrazím) např. spodní část obrázku, kde mám nějaký popisek? Jinde na stránce si nechám zobrazít obrázek celý. A vystačím si tedy s jedním uploadovaným obrázkem.
  • 0

#29 Sutech

Sutech

    Advanced Member

  • Members
  • PipPipPip
  • 1 197 příspěvků(y)

Publikováno 11 květen 2008 - 22:23

To asi bohužel nepůjde. Tedy zcela jistě ne jednoduše, takže doporučuji ti si obrázek upravit v nějakém grafickém programu a následně uploadnout na net...
  • 0

#30 urbanb

urbanb

    Advanced Member

  • Members
  • PipPipPip
  • 136 příspěvků(y)

Publikováno 11 květen 2008 - 22:52

Děkuji Keehimu i ostatním dodatečně za pomoc a rady. Před pár lety jsem s html trochu koketoval, ale bez pokračování. Zkoušel jsem i pár stránek. Pro editaci listingu se mi moc nechtělo se vracet a obnovovat si zapomenuté. NVU pro tuto konkrétní věc je ideální. Když dnes ale vidím svůj listing, připadá mi až zbytečně moc obsáhly. Ale je to první cache a nechtěl jsem ji jen tak narychlo vytvořit, bez bližších souvislostí s místem uložení cache.
  • 0

#31 keeehi

keeehi

    Advanced Member

  • Members
  • PipPipPip
  • 54 příspěvků(y)

Publikováno 30 květen 2008 - 15:11

reaguji ne moravana

šlo by to vyřešit například takto:
<div style="background: url(cesta-k-obrazku/obrazek.jpg) no-repeat bottom left; width:300px; height:50px;"></div>

Upozorňuji však, že toto řešení není nejlepší. Nejlepší je opravdu vytvořit dva obrázky.


Ještě popis:
do url() se píše adresa, kde je obrázek na internetu uložený
(např. tvůj avatar má adresu http://www.geocaching.cz/images/avatars/kolo10[3000].png)

no-repeat znamená, še se obrázek nebude v daném DIVu opakovat, tahoto si však všímat nemusíme

bottom left znamená, která část obrázku se má zobrazit (dá se však napsat třeba top center)

width určuje šířku obrázku (v tomto případě a 300 pixelů)

height určuje výšku obrázku (50 pixelů)
  • 0

#32 kocin03

kocin03

    Advanced Member

  • Members
  • PipPipPip
  • 150 příspěvků(y)

Publikováno 03 červen 2008 - 17:45

Mno ... já nevím... já jsem tvořil jeden html listing ve Wordu a funguje to celkem hezky... Ale uznávám, že to vypadá děsně - je toho kódu strasně moc.
  • 0

#33 keeehi

keeehi

    Advanced Member

  • Members
  • PipPipPip
  • 54 příspěvků(y)

Publikováno 03 červen 2008 - 19:47

Tvořit listing ve wordu je velká prasárna, protože word není na tento ůčel přímo stavěný. To už je lepší použít třeba frontpage.
  • 0

#34 Jezci-sokolov

Jezci-sokolov

    Advanced Member

  • Members
  • PipPipPip
  • 429 příspěvků(y)

Publikováno 03 červen 2008 - 20:17

Hm- FrontPage by měl být určený pro tvorbu stránek, ale MS do něj vnesl veliký zmatek (tak to má rád ;)). Zdrojový kód pak vypadá děsně a stránka se blbě načítá. Ne každý server to podporuje-pak se stránka zobrazuje úplně chybně. Já to dělám z hlavy-těch pár příkazů si člověk lehce zapamatuje. Obrázky jsem tedy upnul na jiný server a jen k nim zadám na gc.com cestu.
  • 0

#35 ditka

ditka

    Advanced Member

  • Members
  • PipPipPip
  • 45 příspěvků(y)

Publikováno 03 červen 2008 - 22:25

coluberT napsal/a:

urbanb napsal/a:
Ja vim, že je to problem, ale nechtělo si mi to řešit tímto způsobem, jde o 5 fotek, z toho 2 maličké, historicke, vložene do textu.
Jine řešení není?
Díky


1) Na stránce editace listingu použij vpravo nahoře odkaz "upload images", nahraj tam své obrázky (podobně jako při přidávání obrázku k logu). Obrázek se nahraje k listingu a bude moci být rozkliknutý žlutým obdélníčkem vlevo dole na listingu (při zobrazení listingu).

2) Rozklikni ho, obrázek se otevře, klikni na něj pravým tlačítkem a dej "uložit jako" (podobně jako když si ukládáš na disk obrázek z nějaké webové stránky). V dialogovém okně pak vidíš název toho obrázku jak ho má GC.com - je to do docela dlouhý název složený ze změti čísel,písmen a pomlček :)

3) do svého popisu listingu (v HTML) pak dej odkaz na obrázek ve formátu
<img src=
"http://img.geocachin...enyačísly.jpg">

4) a je to! Obrázek by se měl v hotovém listingu zobrazit bez nutnosti použití externího odkazu. Samozřejmě lze použít tagy pro formátování, tzn. centrování obrázku apod.

Pozn.: když jsem vytvářel svoji keš, tak jsem s HTML taky trochu bojoval a použil jsem nakonec jednoduchý návod na internetu pouze se základními tagy HTML. Výsledkem sice není systémově správně napsaná stránka (webdesigneři by se asi zděsili), nicméně je to funkční a jedndoduché pro editaci (vím, co jsem tam psal a co ta asi udělá, když něco změním). Vždy, když jsem něco upravil, tak jsem si to kontroloval (odhadem před dokončením listingu nejmíň tak 60x).

TIP: podívej se na jiné keše, jejichž listing se Ti líbí, resp. by jsi to chtěl udělat podobně. Pak si zobraz jejich zdroják (v IE je to Zobrazit/Zdrojový kód). V dolní části dlouhého zdrojového kódu je část, která je napsána autorem stránky a tam se podívej jak to kdo má. Pokud autor nebude skvělý programátor a nepoužije takové ty divné příkazy, kterým normální člověk nerozumí :) tak se můžeš inspirovat, resp. to udělat stejně

Edit: tak jsem byl až druhej :)


díky za kuchařku ;)
  • 0

#36 Caster

Caster

    Advanced Member

  • Members
  • PipPipPip
  • 271 příspěvků(y)

Publikováno 04 červen 2008 - 0:02

Tak me napadlo co zkusit google docs? Da se tam editovat jako we wordu/frontpage a zobrazit/editovat i primo html, ktere by mohlo byt vyrazne mene prasacke nez z office :)
  • 0
Garmin Oregon 300 + Topo CZ 3 Pro; Nokia 5800, SmartcomGPS, SmartGPX, Nokia Maps, Google Maps; Gentoo Linux + Wine + GeoGet

#37 Aviatik

Aviatik

    Advanced Member

  • Members
  • PipPipPip
  • 1 435 příspěvků(y)

Publikováno 13 červenec 2008 - 10:55

Teď jsem narazil na jiný problém - jak vložit do listingu odkaz na jinou stránku? Když napíšu <a href="www.nejakastranka.cz"></a> tak v listingu mne to směruje na www.geocaching.com/search/www.nejakastranka.cz. Co s tím?
  • 0
Ej vy mé krabičky z umělé hmotičky!

#38 ProKesTom

ProKesTom

    Advanced Member

  • Members
  • PipPipPip
  • 1 092 příspěvků(y)

Publikováno 13 červenec 2008 - 11:56

Aviatik napsal/a:
Teď jsem narazil na jiný problém - jak vložit do listingu odkaz na jinou stránku? Když napíšu <a href="www.nejakastranka.cz"></a> tak v listingu mne to směruje na www.geocaching.com/search/www.nejakastranka.cz. Co s tím?

To, co jsi napsal, se bere jako relativní odkaz (vzhledem k právě zobrazené stránce). Musíš použít absolutní odkaz:
<a href="http://www.nejakastranka.cz">[nějaký text]</a>
  • 0




0 uživatel(ů) prochází toto téma

0 uživatelů, 0 návštěvníků 0 anonymních uživatelů

Reklama