Den enkleste måten å bruke inverterte tekstbokser i tekstdokumenter og websider er å sette inn denne teksten som et bilde, tidligere snudd på hodet i en grafisk editor. Imidlertid, hvis det blir nødvendig å redigere en slik tekst, vil dette praktisk talt bety behovet for å gjenta hele prosedyren og erstatte bildet. Det er flere måter å unngå grafikk når du løser dette problemet.
Bruksanvisning
Trinn 1
Hvis du trenger å sette inn en opp ned tekst i et tekstdokument, kan du bruke Microsoft Word-editoren. Etter å ha lastet originaldokumentet, gå til "Sett inn" -fanen, åpne rullegardinlisten på knappen merket WordArt og klikk på den aller første stilen i denne listen. Redaktøren åpner en dialogboks for inntasting av tekst og innstilling av skriften som brukes til å vise den.
Steg 2
Skriv inn teksten opp ned, og velg deretter skrift og størrelse du vil ha. Alt dette kan redigeres senere om nødvendig. Klikk på OK-knappen.
Trinn 3
Høyreklikk på WordArt og velg Format WordArt fra kontekstmenyen.
Trinn 4
Velg ønsket nyanse for skriftfonten fra fargelisten i kategorien farger og linjer. Her, i "Linjer" -feltet, kan du angi parametrene for strek av bokstavene i teksten.
Trinn 5
Klikk på kategorien Størrelse og sett rotasjonsverdien til 180 °. Ved å klikke på "OK" -knappen, vil du fullføre prosedyren for å lage en opp ned-inskripsjon i et tekstdokument.
Trinn 6
Hvis du vil sette inn snudd tekst på en webside, kan du for eksempel bruke teksttransformasjonsalternativene som er tilgjengelige i CSS. I den tredje versjonen av standardene for dette språket kan transformasjonsegenskapen settes til å rotere, som setter hellingsvinkelen til de tilsvarende sideelementene. Den eneste ulempen er at du må angi denne parameteren separat for hver type nettleser. Bruk ikke navngitte klasser, slik at ikke all teksten på siden, men bare de nødvendige blokkene av den blir reversert. Sett for eksempel inn følgende blokk i kildekoden til dokumentet: Dette er en blokk med invertert tekst A i overskriftsdelen (mellom kodene og), legg til riktig stilbeskrivelse. For eksempel:
.flip {
-webkit-transform: roter (180 grader); / * Chrome og Safari * /
-moz-transform: roter (180 grader); / * Mozilla Firefox * /
-o-transform: roter (180 grader); / * Opera * /
transformer: roter (180deg); / * Standard * /
/ * Internet Explorer * /
filter: progid: DXImageTransform. Microsoft. BasicImage (rotasjon = 2);
bredde: 700 px;
}
