Termins "fiksētie elementi" pakalpojumā Tumblr attiecas uz jebkuru Tumblr motīva objektu, kas nepārvietojas attiecībā pret pārlūkprogrammas logu. Piemēram, jūsu motīvam var būt fiksēta sānjosla. Šajā gadījumā sānjosla nepārvietojas, ritinot lapu uz leju; tas vienmēr paliek tajā pašā vietā attiecībā pret pārlūkprogrammas logu. Fiksētie elementi ir definēti jūsu motīva kaskādes stila izklājlapu kodā.
HTML un CSS
Visas Tumblr tēmas nosaka HTML un CSS kombinācija. Parasti HTML kontrolē motīva struktūru, savukārt CSS nosaka tā stilu. Daudzās vietnēs ir atsevišķi HTML un CSS faili. Tomēr tipiskas Tumblr tēmas HTML un CSS pastāv kopā vienā vienotā avota kodā.
Tēmas CSS atrašana
Lai atrastu motīva avota kodu, jums jāpiesakās savā Tumblr kontā. Informācijas panelī noklikšķiniet uz zobrata ikonas, lai piekļūtu izvēlnei Iestatījumi. Izvēlnē Iestatījumi atlasiet emuāru, kuru vēlaties skatīt. Emuāra pielāgošanas izvēlnē sadaļā Tēma noklikšķiniet uz Pielāgot. Tādējādi jūs nokļūsiet motīvu pielāgošanas lapā. Zem motīva nosaukuma noklikšķiniet uz Rediģēt HTML. Tas parādīs jūsu motīva HTML un CSS.
Pozīcija: nekustamais īpašums
Motīva kodā varat nospiest taustiņu "Ctrl-F", lai meklētu konkrētus vienumus. Ja meklēšanas laukā ierakstāt "position: fixed", varat pārvietoties pa dažādiem fiksēto elementu gadījumiem savā motīvā. Ja meklēšanas rezultātos netiek rādīti rezultāti vai tie ir mazāki nekā paredzēts, mēģiniet meklēt “position: fixed” bez atstarpes aiz kols. Fiksētais elements tiks nosaukts pirms iekavas "{". Piemēram, #sidebar {position: fixed;} izlabos elementu ar sānjoslas ID.
Elementu novietošana
Kad elementa pozicionēšanas metode ir norādīta, to var pārvietot pa horizontālo vai vertikālo asi par noteiktu pikseļu skaitu. Lai to izdarītu, norādiet elementa konteinera malu un pikseļu skaitu, kuru vēlaties atdalīt no šīs malas. Piemēram, #sidebar {position: fixed; augšdaļa: 20 pikseļi; pa labi: 10px;} novietos sānjoslu 20 pikseļus no pārlūka loga augšdaļas un 10 pikseļus no pārlūka loga labās puses.
Fiksēto elementu maiņa
Ja atrodat fiksētu elementu, varat mainīt tā novietošanas veidu. Atribūts "position: static" nosaka elementa pozīciju attiecībā pret tā vietu HTML koda plūsmā. Šis atribūts tiek izmantots, lai kompensētu elementu ar noteiktu summu no tā parastās statiskās pozīcijas. Piemēram, #sidebar {position: suhtīgs; pa labi: 20px;} nobīdītu elementa #sidebar 20 pikseļus no parastās labās malas. Visbeidzot, pozīcija: absolūtais atribūts noņem elementu no dokumenta plūsmas un novieto to attiecībā pret elementu, kas satur to. Piemēram, ja absolūti pozicionēts elements atrodas relatīvi novietotā elementa iekšpusē, jebkuras izmaiņas tā pozīcijā notiks attiecībā pret relatīvi izvietoto elementu. Varat eksperimentēt ar šiem dažādiem pozicionēšanas veidiem, lai pielāgotu, kādi elementi ir fiksēti jūsu Tumblr motīvā.
