Vytvorte vyskakovací text na obrázkoch s pokynmi: 7 krokov

2025 Autor: John Day | [email protected]. Naposledy zmenené: 2025-01-23 15:06

Obrázky na pokynoch majú funkciu, v ktorej vyskočí text, keď prejdete myšou nad načrtnuté oblasti obrázkov. Toto sa používa na označenie obzvlášť zaujímavých častí obrázku. Je to celkom pekná funkcia a niekto sa pýta, ako sa taká vec robí. Takže tu je návod.:-)

Tento návod je bohužiaľ väčšinou zastaraný

Krok 1: Východiskový bod

Tu sa nachádzame na typickej pokynovej stránke „preskúmať“. Som prihlásený pod svojim

užívateľské meno s pokynmi, samozrejme. Kliknutím na odkaz „odovzdať obrázky“sa dostanete do svojej knižnice obrázkov.

Krok 2: Prejdite do knižnice obrázkov

Pravdepodobne ste už načítali niektoré obrázky, na základe iných pokynov podľa „niečoho“. Kliknutím na odkaz „image libary“sa dostanete na stránku zobrazujúcu súbory, ktoré ste už nahrali.

Krok 3: Vyberte obrázok

Vyberte a kliknite na obrázok, ku ktorému chcete pridať kontextový text.

Týmto sa Instructables prepne do režimu „úprava obrazu“v predvolenom rozlíšení. Keď pridáte obrázok do pokynu, ktorý vytvárate alebo upravujete, budete v rovnakom režime „úpravy obrázkov“, takže vyskakovacie okná nemusíte pridávať hneď po nahraní, oddelene od zadávania pokynov. V skutočnosti má pravdepodobne väčší zmysel to urobiť ako súčasť tvorby s pokynmi (zostávajúce kroky sú všetky rovnaké), kde máte kontext svojho … textu.

Krok 4: Vytvorte oblasť nad myšou

Kliknite na bod a presuňte ho do druhého rohu obdĺžnika obsahujúceho časť obrázku, na ktorej chcete mať vyskakovací text.

Krok 5: Pridajte text

Keď pustíte tlačidlo myši, v editore Instructables sa zobrazí pole, ktoré vyplníte textom.

Krok 6: Hotovo?

Po zadaní textu kliknite na „uložiť“. Alebo kliknite na tlačidlo Zrušiť, ak sa rozhodnete, že je pole na zlom mieste a chcete to skúsiť znova. Jeden obrázok môže mať viac ako jednu oblasť nad myšou; Neviem, či existuje skutočný limit. Čitateľnosť vyžaduje relatívne malé množstvo. Považujem za užitočné, aby boli škatule výrazne väčšie ako položky, ktoré zvýrazňujú. Vďaka tomu sú prehľadnejšie a jednoduchšie na výber. Oblasti sa môžu prekrývať, aj keď si do značnej miery musíte vybrať jednu z neprekrývajúcich sa častí. A nemôžete mať jednu oblasť úplne vo vnútri druhej; bude fungovať iba vonkajší box. (Niektoré obrázky v tomto návode môžu vyzerať, že majú jedno pole vo vnútri druhého, ale v skutočnosti ide iba o jedno pole mimo záber obrazovky, ktorý obsahuje obrázok menšieho poľa.)

Krok 7: Nie je to úhľadné?

V tomto mieste by mal fungovať vyskakovací text pri prechode myšou.

Všimnite si toho, že vyskakovací text je spojený s OBRÁZKOM, nie s konkrétnym pokynom. Ak máte viacero inštrukcií obsahujúcich rovnaký obrázok, vyskakovacie oblasti sa zobrazia vo všetkých, či je to vhodné alebo nie. Ak chcete mať rovnaký obrázok na rôznych miestach s rôznym vyskakovacím textom, musíte obrázok nahrať viackrát. (Obrázok v tomto kroku je príkladom; je tiež použitý v kroku „úvod“, kde kontextové okno nie je celkom vhodné.)