Pop-uptekst maken op Instructable-afbeeldingen - Ajarnpa

2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:19

Afbeeldingen op Instructables hebben een functie waarbij ze tekst laten verschijnen wanneer u uw muis over de omlijnde delen van de afbeeldingen beweegt. Dit wordt gebruikt om bijzonder interessante delen van de afbeelding te labelen. Het is best een leuke functie, en iemand vroeg precies hoe zoiets wordt gedaan. Dus hier is een instructable.:-)

Helaas is dit Instructable meestal verouderd

Stap 1: Startpunt

Hier zijn we op een typische instructable "verkennen" pagina. Ik ben ingelogd onder mijn

instructables gebruikersnaam, natuurlijk. Klik op de link "afbeeldingen uploaden" om naar uw afbeeldingenbibliotheek te gaan.

Stap 2: Ga naar Afbeeldingenbibliotheek

Vermoedelijk heb je al een aantal afbeeldingen geladen, gebaseerd op de andere instructie door 'iets'. Klik op de link "afbeeldingenbibliotheek" om naar de pagina te gaan met de bestanden die je al hebt geüpload.

Stap 3: Kies een foto

Selecteer en klik op de afbeelding waaraan u pop-uptekst wilt toevoegen.

Hiermee schakelt u Instructables naar de modus "afbeeldingsbewerking" met de standaardresolutie. U bevindt zich in dezelfde soort "beeldbewerkingsmodus" wanneer u een afbeelding toevoegt aan een Instructable die u aan het maken of bewerken bent, dus u hoeft de pop-ups niet direct na het uploaden toe te voegen, los van het invoeren van een instructable. In feite is het waarschijnlijk logischer om het te doen als onderdeel van de instructable creatie (de resterende stappen zijn allemaal hetzelfde), waar je de context van je … tekst hebt.

Stap 4: Maak het muisaanwijzergebied

Klik op een punt en sleep naar de andere hoek van een rechthoek die het gedeelte van de afbeelding bevat waar u pop-uptekst wilt hebben.

Stap 5: Voeg de tekst toe

Wanneer u de muisknop loslaat, zal de Instructables-editor een vak openen dat u met tekst kunt vullen.

Stap 6: Klaar?

Klik op "opslaan" wanneer u klaar bent met het invoeren van tekst. Of klik op Annuleren als u besluit dat het vak op de verkeerde plaats staat en u het opnieuw wilt proberen. Een enkele afbeelding kan meer dan één muisgebied hebben; Ik weet niet of er een echte grens is. De leesbaarheid vereist een relatief klein aantal. Ik vind het handig om de vakken aanzienlijk groter te maken dan het item dat ze markeren, het maakt ze duidelijker en gemakkelijker te selecteren. Gebieden kunnen elkaar overlappen, hoewel u er vrijwel een moet selecteren uit een niet-overlappend gedeelte. En je kunt het ene gebied niet helemaal binnen het andere hebben; alleen de buitenste doos zal werken. (Sommige van de afbeeldingen in deze instructable zien eruit alsof ze de ene doos in de andere hebben, maar ze zijn eigenlijk maar één doos buiten een schermopname met de afbeelding van een kleinere doos.)

Stap 7: Is dat niet netjes?

De pop-uptekst met muisaanwijzer zou op dit punt moeten werken.

Merk op dat de pop-uptekst is gekoppeld aan de IMAGE, niet aan een bepaalde instructable. Als je meerdere instructables hebt die dezelfde afbeelding bevatten, verschijnen de pop-upgebieden in alle, of dat nu wel of niet geschikt is. Als u dezelfde afbeelding op verschillende plaatsen met verschillende pop-upteksten wilt hebben, moet u de afbeelding meerdere keren uploaden. (De afbeelding in deze stap is een voorbeeld; deze wordt ook gebruikt in de stap "intro", waar de pop-up niet helemaal geschikt is.)