Lai centrētu fona attēlu savā Tumblr emuāra motīvā, rediģējiet vienu vienkāršu CSS koda rindiņu emuāra motīva HTML koda lapā. Apsveriet iespēju izmantot fona attēlu, kas aizpilda fona vietu, neatkārtojot, vai “flīzēt”. Fona attēla iezīme noklusējuma Tumblr Redux motīvā pēc noklusējuma izklāj fona attēlus. Jūs varat atspējot flīzēšanu un centrēt fona attēlu, rediģējot to pašu CSS paziņojumu. Ņemiet vērā, ka attēlu var centrēt gan vertikāli, gan horizontāli.
Atveriet Tumblr un pēc tam noklikšķiniet uz bultiņas blakus sava emuāra nosaukumam, lai skatītu visu jūsu emuāru sarakstu. Uznirstošajā dialoglodziņā noklikšķiniet uz emuāra, lai rediģētu. Lai rediģētu savu galveno emuāra motīvu, pārejiet pie nākamās darbības.
Noklikšķiniet uz cilnes Pielāgot, lai rediģēšanas režīmā atvērtu izvēlēto motīvu.
Noklikšķiniet uz ikonas “Augšupielādēt” paneļa Pielāgot fona attēla sadaļā, pēc tam pārlūkojiet un noklikšķiniet uz fona attēla. Lai augšupielādētu attēlu, noklikšķiniet uz “Atvērt”.
Noklikšķiniet uz saites Rediģēt HTML, lai atvērtu motīvu redaktoru.
Nospiediet “Ctrl-F”, lai atvērtu rīku Atrast un aizstāt. Ievades lodziņā ierakstiet “fons” bez pēdiņām. Noklikšķiniet uz lejupvērstās bultiņas, lai atrastu šādas koda rindas:
body {background: {color: Background} url ('{image: Background}') augšējā kreisajā pusē fiksēts atkārtojums;
Mainiet rekvizīta “Fona kreisajā fiksētajā atkārtojumā” fona vērtības uz “neatkārtot centra centru”. Pirmais “centra” gadījums vertikāli centrē attēlu. Otrā instance horizontāli centrē attēlu. Neaizmirstiet semikolu paziņojuma beigās.
Noklikšķiniet uz pogas Atjaunināt priekšskatījumu, lai logā Priekšskatījums skatītu fona attēlu.
Noklikšķiniet uz Saglabāt, lai saglabātu koda labojumus, pēc tam noklikšķiniet uz ikonas Iziet, lai aizvērtu redaktoru un atgrieztos sava emuāra galvenajā lapā.
Padomi
Ja plānojat centrēt fona attēlu gan horizontāli, gan vertikāli, varat izmantot koda stenogrāfiju rindai “neatkārtot centra centru”. Ja viena “centra” vērtība tiek izlaista, tiek domāta “centra” vērtība. Varat vienkārši izmantot centru “neatkārtot centru”, lai centrētu attēlu gan vertikāli, gan horizontāli.
Rinda "augšējo centru neatkārtot atkārtoti" horizontāli centrē attēlu un izlīdzina attēlu ar lapas augšdaļu.
