Ako si vytvoriť stránku na HT-Arene

28.03.2006 o 17:59 pridal Raky1, dopisovateľ, upravené 16.05.2006 o 17:16

V tomto návode by som chcel vypísať len základné kroky čo sa týka stránok na HT-Arene. V prípade ďalších otázok ma kontaktujte. Zastávam Funkciu HT-Arena Asistenta v SFM takže je mojou povinnosťou pomôcť vám.

1. krok – registrácia

V prvom rade sa musíte zaregistrovať na stránke www.ht-arena.com . Nie je to žiadny problém. Stačí tam len zadať váš nick totožný s tým na Hattricku a bezpečnostný kód, ktorý ak nemáte si nastavíte na Hattricku v položke Nastavenia. Ďalej treba zadať koncovku vašej stránky. Najideálnejšie je napísať názov vášho tímu. Ak ho máte dlhý tak ho skráťte. Príklad : http://www.ht-arena.com/hattrick - pridávate len hrubo zvýraznenú časť.

2 .krok – nastavenie parametrov

 Po registrácii si musíte nastaviť parametre stránky : vyberáte si z tipu big logo version – logo na celý header, small logo version – malé logo + text vedľa toho, ďalej si nastavujete farby stránky, typ a farbu textov a potom veci ako napr. čo dáte ako potvrdenie poslania príspevku do guestbooku, čo bude ako titulok pre komentár atď.

Ako pridávať novinky ?

V sekcii Administration máte položku news, keď na ?u kliknete zobrazí sa vám hlavná stránka noviniek. Kliknete na Add a news a potom zadáte titulok news-u a napíšete samotný news. Potom dáte Register a je to.

Knižnica obrázkov

HT-Arena vám ponúka knižnicu obrázkov, kde si môžete uložiť obrázky. Môžu však byť iba vo týchto formátoch : jpg, .png a .gif. Ďalšou nevýhodou je, že si môžete uložiť iba 10 obrázkov, viac sa dá dať iba ak ste Arena Supporter. Výhoda však je, že priamo na stránkach HT-Areny sa tieto obrázky dajú aj upravovať. Dá sa upraviť veľkosť a môžete ho aj otočiť.

Menu

Existujú dva typy Menu. Classical čiže klasické a Pro – to zrejme netreba prekladať. Classical – menu pre začiatočníkov je generované automaticky, vy nemusíte robiť takmer nič. Akurát napíšete linky na stránky, ktoré chcete zobraziť. Pro – Toto menu je pre pokročilejších a musíte si ho robiť sami. Dajú sa tam robiť rôzne vylepšenia napr. meniť typ odrážky, vzdialenosť od konca stránky, vkladať obrázky a rôzne odkazy, dávať cadre – to znamená rámčeky s farebným pozadím atď.

Preklad tagov z HT-Code-u

Formátovanie:

[br] Nový riadok
[hr], [hr=#CCCCCC] Urobí horizontálnu čiaru
[right]element[/right] Umiestniť objekt na pravú stranu (text alebo obrázok)
[center]element[/center] Umiestniť objekt do stredu (text alebo obrázok)
[left]element[/left] Umiestniť objekt na ľavú stranu (text alebo obrázok)
[space] Zobrazí medzeru
[space=10] Zobrazí desať medzier (môžete tam vkladať rôzne čísla)

Text :

[b]text[/b] Tučný text
[i]text[/i] Kurzíva
[u]text[/u] Podčiarknutý text
[s]text[/s] Prečiarknutý text
[justify]text[/justify] Toto mi neurobilo s textom nič
[sub]text[/sub] Dolný index
[sup]text[/sup] Horný index
[text][/color] Farba textu (#000000 – kód farby)
[text[/size] Veľkosť textu – ľubovoľne voliteľná – tu je to veľkosť 5
[font=webdings]text[/font] Písmo "webdings (alebo verdana, arial, atď.)
[hide]text[/hide] Neviditeľný text (pre vaše poznámky) Obrázky : [img|right]http://www.website.com/image.jpg[/img] Zobrazí obrázok na pravej strane ( text na ľavo )
[img|left]http://www.website.com/image.jpg[/img] Zobrazí obrázok na ľavej strane ( text napravo )
[img]http://www.website.com/image.jpg[/img] Zobrazí obrázok [img0] Zobrazí obrázok č.1 – z vašej knižnice obrázkov na HT-Arene
[rollover|right]http://www.website.com/image.jpg|http://www.website.com/image2.jpg[/rollover] Zobrazí obrázok na pravej strane ( text na ľavo ). Keď po ?om prejdete myšou, objaví sa druhý. [rollover|left]http://www.website.com/image.jpg|http://www.website.com/image2.jpg[/rollover] Zobrazí obrázok na ľavej strane ( text napravo ). Keď po ?om prejdete myšou, objaví sa druhý. [rollover]http://www.website.com/image.jpg|http://www.website.com/image2.jpg[/rollover] Zobrazí obrázok. Keď po ?om prejdete myšou, objaví sa druhý. [swf|300|200]http://www.website.com/anim.swf[/swf] Zobrazí flashový film 300na200 [real|300|200]http://www.website.com/sound_or_movie.rm[/real] alebo [real|300|200|option1|option2|option3] http://www.website.com/sound_or_movie.rm [/real] Zobrazí reálny film alebo zvuk ( malo by fungovať v týchto formátoch : .ram / .rm / .smi / .mp4 / .mp3 / .mpg / .rm ) option1 = Automatické spustenie option2 = manuálne spustenie platí pri každom zobrazovanom option3 = slučka http://www.website.com/sound_or_movie.mpg [/winmedia] Zobrazí Windows Media film alebo zvuk ( funguje pri týchto formátoch .wmv / .wma / .avi / .mpg / .mp3 / .mp4 ) [quicktime|300|200]http://www.website.com/sound_or_movie.mov[/quicktime] [quicktime|300|200|option1|option2|option3] http://www.website.com/sound_or_movie.mov [/quicktime] Zobrazí QuickTime film alebo zvuk (funguje pri týchto formátoch .qtl / .mov / .mpg / .mp4 / .mp3 ) Odkazy [mail=meno@domena.sk]názov odkazu[/mail] Zobrazí odkaz na e-mailovu adresu a názov odkazu [mail]meno@domena.sk[/mail] Zobrazí odkaz na e-mail [uri=http://www.stranka.sk]názov odkazu[/uri] Zobrazí odkaz a jeho názov [uri]http://www.stranka.cz[/uri] Zobraz í iba odkaz – bez názvu Odkazy na Hattrick [matchid=xxxxx] zobrazí odkaz na zápas [playerid=xxxxx] zobrazí odkaz na hráča [leagueid=xxxxx] zobrazí odkaz na ligu [allianceid=xxxxx] zobrazí odkaz na alianciu Zoznamy : [list1] [*] text 1 [*] text 2 [*] text 3 [/list1] Existuje celkom 7 rôznych zoznamov: [list1],[list2],...,[list7]

Špeciálne tagy:

[year], [month], [day], [hour], [hour2], [minute] – zobrazí čas [hour] – 0-24, [hour2] – am, pm [cadre]element[/cadre] – Rámček s jedným alebo viacerými rôznymi objektmi
[cadre|300]element[/cadre] Rámček so šírkou 300 pixelov
[cadre=#000000]element[/cadre] – Rámček s farebným pozadím
[cadre=#000000|300]element[/cadre] – Umož?uje vybrať aj farbu aj veľkosť rámčeku
[classement] – Zobrazí vaše aktuálne postavenie v lige – najprv si ho musíte updatovať na stránke Standings v HT-Arene, inak to nepôjde
[maton] alebo [maton|left] alebo [maton|right] – zobrazí tvár, ktorú si zvolíte v sekcii Maton
[move|300|alternate|left|5] element [/move] – Zobrazí pohybujúci sa text



Bonusy

Flashové buttony

V prvom rade ďakujem Alisterovi, ktroý vypracoval tento návod. Momentálne som totižto dosť zaneprázdnený.

Ako na flash buttony na www.flashbuttons.com:

1. Choďte na stránku www.flashbuttons.com
2. Vyberte si vzor, ktorý sa Vám páči a ktorý by ste chceli mať na stránke a kliknite na?
3. Zobrazia sa Vám tri textové polia:
V prvom sa nachádza text: Button Text 1, Button Text 2, Button Text 3 ...ten vymažte
a dajte tam text, ktorý chcete aby sa zobrazil na tých tlačítkach a to jeden text na riadok,
napr. Hráči do ďaľšieho riadku zase zápasy atď
V druhom sa nachádza text: example1.html, http://www.example2.com, mailto:yourmail@example3.com
Ten nahradte URL adresou, k jednotlivým položkám z prveho textového pola. Dodržujte poradie textu
ako v prvom textovom poli a musí mať aj rovnaký počet prvkov. Napr. http://ht-arena.com/tvojtim/?page=hraci
do ďaľšieho riadku (dá sa to aj kratšie, ak odkaz je na stránku na ht-arene) ?page=zapasy.
V treťom sa vypl?ujú tzv. target tagy. Ak neviete ako sa s nimi pracuje môžete to nechať prázdne. Poznáme:
_blank - otvorí stránku v novom okne, _parent - otvorí stránku v nadradenom ráme (v zložitejších rámových štruktúrach),
_top - otvorí stránku v celom okne (nie v ráme), _self - otvorí stránku v tom istom ráme alebo okne
4. Si nastavíte koľko tláčítok chcete na riadok. (Number Of Buttons Per Line : ), je tam prednastavené 1. tlačítko na riadok.
5. Si nastavíte farbu:
a) pozadia tlačítka: prvá farebná škála. Stačí len kliknúť na farbu akú chcete
b) farbu tlačítka: druhá farebná škála. Stačí len kliknúť na farbu akú chcete. (Nie vo všetkých prípadoch je to možné)
6. Kliknete na: Click here to Generate your Free Navbar!

To je všetko o vytvorení flash buttonov. Ako náhle kliknete na "Click here to Generate your Free Navbar!" tak sa Vám zobrazí nová stránka,
kde si ako prvé môžete pozrieť konečný výzor Vaších tlačítok, potom v si musíte stiahnúť súbor a to kliknutím na tlačítko s nápisom
"Free Download" a opísať si nasledujúce hodnoty z vygenerovaného HTML tagu: width a height. Mali by to byť prvé dve hodnoty zvýraznené
žlto-oranžovou farbou.
Keď to budete mať hotové tak si ten stiahnutý súbor musíte uložiť na nejaký server (napr. z free serverov je dobrý wz.cz)
alebo ak ste supporterom HT-areny tak rovno si ho nahrať na ich server.
Nakoniec si vložiť do menu alebo do stránky, podľa toho kde ho chcete mať tento tag:

[swf|*width|*heigth]http://jankohrasko.wz.cz/môjbutton.swf[/swf]

*width a height v tom tagu zameníte za opísane hodnoty
Tú adresu "http://jankohrasko.wz.cz/môjbutton.swf" nahradíte adresou serveru, kam ste nahrali ten súbor, ktorý ste si stiahli po vytvorení tlačítok
aj s presným názvom toho súboru, tj. aj s príponou.

To je všetko. Prajem veľa úspechov s tvorením Vašich flash buttonov a stránky.