Lag popup -tekst på instruerbare bilder: 7 trinn

2024 Forfatter: John Day | [email protected]. Sist endret: 2024-01-30 11:25

Bilder på instruksjoner har en funksjon der de dukker opp tekst når du flytter musen over omrissene av bildene. Dette brukes til å merke spesielt interessante deler av bildet. Det er en ganske fin funksjon, og noen spurte nøyaktig hvordan noe slikt gjøres. Så her er en instruks.:-)

Dessverre er denne instruksen for det meste foreldet

Trinn 1: Utgangspunkt

Her er vi på en typisk instruerbar "utforsk" -side. Jeg er logget inn under min

instructables brukernavn, selvfølgelig. Klikk på koblingen "last opp bilder" for å komme til bildebiblioteket.

Trinn 2: Gå til Bildebibliotek

Antagelig har du allerede lastet inn noen bilder, basert på de andre som kan instrueres av 'noe'. Klikk på koblingen "image libary" for å komme til siden som viser filene du allerede har lastet opp.

Trinn 3: Velg et bilde

Velg og klikk på bildet du vil legge til popup -tekst til.

Dette vil bytte Instructables til "bildedigerings" -modus med standardoppløsningen. Du vil være i samme slags "bildedigeringsmodus" når du legger til et bilde i en instruksjonsfil du oppretter eller redigerer, slik at du ikke trenger å legge til forgrunnsvinduer rett etter opplasting, separat fra å skrive inn en instruerbar. Faktisk er det sannsynligvis mer fornuftig å gjøre det som en del av den instruerbare skapelsen (de resterende trinnene er alle de samme), der du har konteksten for… teksten din.

Trinn 4: Lag mus-over-området

Klikk på et punkt og dra til det andre hjørnet av et rektangel som inneholder delen av bildet der du vil ha popup-tekst.

Trinn 5: Legg til teksten

Når du slipper museknappen, vil Instructables -editoren dukke opp en boks som du kan fylle med tekst.

Trinn 6: Ferdig?

Klikk på "lagre" når du er ferdig med å skrive inn tekst. Eller klikk på Avbryt hvis du bestemmer deg for at boksen er på feil sted og vil prøve igjen. Et enkelt bilde kan ha mer enn ett mus-over-område; Jeg vet ikke om det er en reell grense. Lesbarhet krever et relativt lite antall. Jeg synes det er nyttig å gjøre boksene vesentlig større enn elementet de markerer, Det gjør dem mer åpenbare og lettere å velge. Områder kan overlappe hverandre, selv om du ganske mye må velge en fra en ikke-overlappende del. Og du kan ikke ha ett område helt inne i et annet; bare den ytre boksen fungerer. (Noen av bildene i denne instruksjonsboken kan se ut som om de har en boks inne i en annen, men de er egentlig bare en boks utenfor et skjermbilde som inkluderer bildet av en mindre boks.)

Trinn 7: Er ikke det ryddig?

Musikkover-popup-teksten skal fungere på dette tidspunktet.

Vær oppmerksom på at popup-teksten er knyttet til IMAGE, ikke med en bestemt instruks. Hvis du har flere instrukser som inneholder det samme bildet, vil popup-områdene vises i dem alle om det er passende eller ikke. Hvis du vil ha det samme bildet på forskjellige steder med forskjellig popup -tekst, må du laste opp bildet flere ganger. (Bildet i dette trinnet er et eksempel. Det brukes også i "intro" -trinnet, der popup-vinduet ikke er helt passende.)