Jump to content

  • Announcements

    • Xmat

      Pravidlo pro postování v TTT

      Do sekce Tipy, triky, tutoriály nepatří žádné dotazy.   Postujte sem vaše návody, tipy a různé další věci jež uznáte za vhodné sdělit zdejšímu osazenstvu, ale veškeré dotazy směřujte do sekce Všeobecná diskuse.
    • Replik

      Seznam návodů a důležitých témat v této sekci

      Pro lepší přehlednost jsem vytvořil tento seznam, který vás, méně zkušené, lépe provede touto sekcí. Věřím, že zde najdete, co hledáte. Vypsané jsou návody, které jsou oficiálně uznané jako návody. Běžné diskuze, které neposkytují postupy a rady zvěřejněny nejsou.   Instalace vlastního MaNGOS Serveru Díky těmto návodům budete (měli by jste být) schopni vytvořit a následně spustit váš vlastní server. Nastavení je pro verze s i bez datadisku.   Instalace MaNGOS Serveru (bez datadisku TBC) - Autor Benny Instalace MaNGOS Serveru (s datadiskem TBC) - Autor Malfik Instalace MaNGOS Serveru v prostředí Linux - Autor charlie Instalace MaNGOS Serveru v prostředí Linux - Autor kupkoid   Chyby a jejich řešení při přihlašování k serveru - Autor Cybe   Zálohování uživatelských dat   Dávkový soubor (BAT soubor) pro vytvoření SQL záloh - Autor Replik   Kompilování - tvoření vlastních release (revizí)   Tvorba kompilací pro Win32 (MangoScript) - Autor bLuma   Ostatní - těžko zařaditelné, ale neznamená to, že nejsou dobré   VIP Systém - Autor charlie Tvorba Webových stránek pro MaNGOS - Autor zahuba Tvorba teleportačních NPC (MangoScript) - Autor Replik Registrační web (původně předělaná SPORA) Funkční pro Antrix i MaNGOS - Autor Replik Nastavení a spuštění Minimanager pro MaNGOS - Autor BlackMartin Nastavení MaNGOS Website - Autor Artorius   Samozřejmě jsou zde i jiné návody, ale tyto jsou nejvíce používané, proto věřím, že vám budou nápomocné. Tuto sekci budeme upravovat podle potřeby. Pokud by jste něco nenašli nebo si nevěděli rady, hledejte na fóru a teprve potom založte vlastní topik. Pokud nějaký autor vytvoří kvalitní návod a chtěl by ho zveřejnit i v tomto seznamu, doporučuji, aby mi napsal zprávu skrze PM.   Díky a přeji hezký den na WoWResource   Replik
    • Aristo

      Příspěvky tam, kde nemají co dělat

      Dodržujte zákaz přispívání do topiků s repaky pokud si to zakladatelé nepřejí!! Opakované psaní příspěvků bude trestáno warnem.
    • Aristo

      Používání spoilerů

      Poslední dobou má většina uživatelů fora zvláštní nutkání postovat extrémně dlouhé texty nebo kódy, které zabírají v nejedenom případu i 80% obsahu celé stránky a hodně tak zvedají nepřehlednost v topiku. Chtěl bych všechny uživatele požádat, aby při postování citací, jakýchkoliv kódů, errorů, atp... delších než 30 řádků používali funkci spoileru.   Funkci vyvoláte příkazem [spoiler] text [/spoiler]   Ukázka:  
Gimlii25

Html Map | Help

By Gimlii25, in Web

Recommended Posts

Gimlii25    4

Gimlii25
Posted

Zdravím, prejdem k veci. Snažím sa spraviť rozcesník. Je to jeden obrázok, ktorý obsahuje 4 polia na ktoré sa má klikať (wow, cs atd.). Spravil som teda linky pomocov html Map, rozdelil som obrázok na 4 časti. Linky fungujú no problém je, že chcem aby keď presunieme mišou na dannu časť mapy, aby sa zmenila len jedna časť na inú..Vôbec si z tým neviem rady.

 

Tu je zdroják (zatial tam je len pridaná mapa, ktorá je rozdelená na 4 linky, to mi funguje ale neviem ako spraviť tú zmenu časti obrázku)

 

Index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="SHORTCUT ICON" href="Icon.ico"/>

<link rel="stylesheet" type="text/css" href="style.css" />

<title>Mysteria portal</title>

<center>

 

<body>

 

</script>

<map name="kruh">

<area href="/wow" shape="rect" coords="0, 0, 440, 319">

<area href="/rd" shape="rect" coords="441, 0, 850, 319">

<area href="/cs" shape="rect" coords="0, 638 , 440, 319">

<area href="/forum" shape="rect" coords="442, 319 , 850, 638">

 

</map>

<img src="img/pozadie.jpg" usemap="#kruh" border="0" >

 

 

</center>

 

 

</body>

</html>

style.css

 

body

{

background-color: #000;

margin: 0px auto;

 

}

 

 

Ako to zatiaľ vyzerá http://www.mysteriaserver.sk/download/rozcesnik/

 

 

Teda keď sa pozriete na ten web, potrebujem aby keď dám mišku na WoW mi zmení obrázok na WoW..Ďakujem veľmi pekne za odpoveď ) Majte sa.

Share this post

Link to post
Share on other sites

Jdinaparek    43

Jdinaparek
Posted

Jestli to správně chápu, chceš aby se ty obrázky měnily po najetí myší... Na to je kód v JavaScriptu... Ale nevím jak se to udělá v HTML mapě...

Být tebou, udělám jeden obrázek co nereaguje (ten kruh a ty oddělovače) a kolem přes CSS naskládám další obrázky. Ten JavaScript kód je:

<img src="základníobrázek.jpg" onmouseover="this.src = 'obrázekponajetí.jpg';" onmouseout="this.src = 'základníobrázek.jpg';" border="0">

A potom tomu obrázku dáš akorát funkci přesměrování...

Celý kód by byl asi takto:

  
<div class="obrazekwow">
<a href="wow.html">
 <img src="obrazekwow.jpg" onmouseover="this.src = 'obrazekwowponajetímyší.jpg';" onmouseout="this.src = 'obrazekwow.jpg';" border="0">
</a>
</div>

  • Upvote 1

Share this post

Link to post
Share on other sites

Gimlii25    4

Gimlii25
Posted

Ano o tejto možnosti viem. No chcel som to spraviť bez menenia. Ale díki aj tak. Ak by niekto vedel či sa to dá vôbec spraviť cez mapu v html napíšte prosím. Dakujem

Share this post

Link to post
Share on other sites

Gimlii25    4

Gimlii25
Posted

Ahojte, ešte potrebujem radu. Takže z html mapy som si to nastrihal na 4 obrázky, pridal som prvé dva obráznky do kódu a naskytol sa problém.

 

medzera.jpg

 

Všimnite si medzi tymi dvoma obrázkami je tam medzera. No a ja si neviem vysvetliť ako to, že tam je. V kóde som nič nezadával, ten horný obrázok na spodu nemá nič čierne a ten dolný zas nič na vrchu.

 

Pozeral som všetko, som kontoroloval..všetko je tak ako má byť..no ako to že tam je tá medzera? Môže to byť nastavené v html jazyku, že je danná medzera medzi obrázkami? Ak áno, dá sa odstrániť?

 

Ďakujem pekne za každú odpoveď.

Share this post

Link to post
Share on other sites

Shadowhack    36

Shadowhack
Posted

Ahojte, ešte potrebujem radu. Takže z html mapy som si to nastrihal na 4 obrázky, pridal som prvé dva obráznky do kódu a naskytol sa problém.

Image..

 

...............

Podle mě je možnost,že to bude tím "border="0"",protože to je teoreticky neviditelná tabulka,takže je tam "neviditelná čára" :) proto tam je asi ta mezera..

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Go To Topic Listing Web
×