Hvordan lage tekst Upside Down

Du kan gjøre omtrent alt du kan bildet til tekst med bare en bit av CSS: rainbow tekst, bakover tekst, og selv gjøre teksten opp ned. Dette lille trikset fungerer for nettsteder, blogger, journal, MySpace profiler, og noe annet CSS er tillatt. Her er hvordan du gjør teksten opp ned:

VIKTIG: Kodene som vises i denne artikkelen kan alle være kopiere og limes inn i nettsteder, MySpace profiler, og hvor som helst CSS er tillatt. Men kodene inkluderer aste

() i begynnelsen, slik at du kan se koden i klartekst. Du må fjerne før du bruker koden for at det skal fungere.

Bruksanvisning

1 Om CSS Filter

Filtrene ble introdusert sammen med ankomsten av Internet Explorer 4, som ga oss et par nye måter å leke med tekst og bilder. Og med IE 5.5, ble enda mer kreative filtre lagt til blandingen, som tillater oss å gjøre omtrent alt tenkelig med hjelp av CSS. Det er bokstavelig talt dusinvis av forskjellige filtre du kan bruke alene for å tilpasse din nettside eller MySpace-profil, og ubegrensede kombinasjoner du kan opprette for en virkelig unik stil.

2 The Upside Down Filter

For å gjøre tekst opp ned med CSS, må du bruke "flip" filter:

<Font style = "filter: flipv; height: 1;"> Dette er opp ned tekst </ font>.

Du kan kopiere og lime inn koden ovenfor, og endre "Dette er opp ned teksten" til hva teksten du ønsker å vise opp ned. Du trenger ikke å gjøre noen andre endringer.

Attributtet for flip filteret er "filter: flipv;" som spesifiserer at teksten mellom stil kodene skal vippes vertikalt, noe som gjør den opp ned. For filtrene til å fungere, må du også angi en dimensjon for varen kommer til å være, i dette tilfellet, venda. Fordi vi bruker filter på tekst, trenger du bare å sette en høyde for at det skal snu.

3 Blanding av Flip Filter med andre attributter

Du kan også gjøre endringer i farge, størrelse, font, og likeledes de samme stil koder. Hvis du ikke allerede bruker et stilark til å endre tekstfarge og størrelse, eller du ønsker å gjøre din opp ned teksten forskjellig fra resten av teksten din, så kan du gjøre noe som ligner på dette:

<Font style = "filter: flipv; height: 1; color: # 8808FF; font-size: 12px; font-family: Tahoma; border: 2px dotted;">. Dette er opp ned tekst </ font>

Dette eksempelet vil gjøre teksten opp ned, lilla, 12-punkts størrelse, i Tahoma font, med en to-punkts størrelse stiplet ramme rundt teksten.

Du kan fjerne eller legge til attributter til stilen du ønsker, eller du kopiere og lime inn eksemplet ovenfor, og endre attributtene som allerede er der.

4 Gjør all tekst Upside Down

Du kan også gjøre all teksten på MySpace-profil, nettside, eller blogg opp ned ved å legge til denne koden i stilarket i "kroppen" -delen:

kropp {
filter: flipv;
height: 1;
}

Dette vil slå hel side eller profil opp ned, slik at teksten som var i utgangspunktet på toppen av siden vil nå være opp ned og nederst.

5 CSS Filter og W3C kompatibilitet

Filtre er ikke uten sine problemer: For det første, filtre bare fungere i Internet Explorer 5.5 og opp - de er ikke krysskompatibelt, og så Firefox, Safari og Opera ikke kjenner dem. For det andre, på grunn av den første, filtre ikke er i samsvar med W3C standarder. Dette betyr at bruk av filtre ville gjengi koden ugyldig. (For de som bruker filtre for MySpace profiler eller andre nettsamfunn, er dette ikke noe problem for deg, som du kan gjøre teksten opp med filtre uten problem.)