Formatere et bilde i et tekst innlegg på Tumblr

September 12

Det er sju forskjellige legg typer på Tumblr. Av disse foto post gir sentrum scene til bildet eller bildene du velger, med en liten bildetekst under. Men du kan også sette inn bilder i kroppen av tekst innlegg (eller faktisk tittelen for alle typer innlegg) ved hjelp av knappen på verktøylinjen. Hvordan denne innebygde bildet vises på siden er avhengig av HTML-koden du legge til innlegg og innstillingene allerede er tilstede i din Tumblr tema.

Bruksanvisning

1 Klikk på "Last opp bilde" -knappen (et kameraikon) på Tekst Post verktøylinjen for å velge et bilde fra systemet. Velg et bilde og klikk "Åpne" for å sette det inn.

2 Klikk på "<html>" knappen på verktøylinjen for å redigere kilde HTML i innlegget. Dette avslører den underliggende koden som Tumblr vil publisere.

3 Klikk hvor som helst i HTML-koden for å gjøre endringer. Du kan justere "<img>" tag å endre attributtene av bildet: for eksempel legge til "width =" x "" eller "height =" x "" (erstatter "x" med et bestemt antall piksler) til endre dimensjonene av bildet.

4 Velg "<html>" knappen igjen for å forhåndsvise endringene som de vil vises på nettsiden. Klikk "Publiser" for å laste opp posten til Tumblr.

5 Klikk på den grå tannhjul-ikonet øverst på dashbordet, og velg deretter en blogg fra listen og velg "Tilpass."

6 Bla ned til delen Avansert og skriv noen CSS du vil bruke til å endre formatet på bildene bloggens i "Legg til tilpasset CSS" boksen. For eksempel kan du bruke koden "img {border: 2px solid;}" for å legge en to-pixel hel ramme til alle bildene.

7 Klikk "Lagre" for å bekrefte dine endringer, og velg deretter "Close" for å lukke ned tilpasning skjermen.

Hint

Den nyeste HTML5-standarden oppfordrer til bruk av CSS til å formatere bilder (og tekst) i stedet for HTML-kode. Selv om dette er en mer fleksibel tilnærming, betyr det at eksakte koden kreves for å formatere bildene vil avhenge av strukturen i dagens tema og måten den har blitt designet av forfatteren.
Formatering påføres ved hjelp av img {} CSS-regel vil bli brukt på alle bildene i bloggen din. Hvis du vil bruke endringene i bilder i tekst innlegg bare, må du opprette en egen klasse av bilder i temaets stilark. Dette kan allerede ha blitt gjort for deg: Klikk "Rediger HTML" -knappen på tilpasning ruten for å vise gjeldende tema HTML, med særlig vekt på bildeformaterings regler og klasser. Du kan også se en referanse til et stilark fil (med filtypen Css) vert eksternt - lime denne adressen inn i nettleseren for å vise style sheet, som vil vise gjeldende formateringsregler for bloggen.