Il termine "elementi fissi" in Tumblr si riferisce a qualsiasi oggetto nel tuo tema Tumblr che non si sposta rispetto alla finestra del browser. Ad esempio, il tuo tema potrebbe avere una barra laterale fissa. In questo caso, la barra laterale non si sposta quando si scorre la pagina verso il basso; rimane sempre nella stessa posizione rispetto alla finestra del browser. Gli elementi fissi sono definiti nel codice dei fogli di stile a cascata del tuo tema.
HTML e CSS
Tutti i temi di Tumblr sono definiti da una combinazione di HTML e CSS. In generale, l'HTML controlla la struttura di un tema, mentre il CSS ne detta lo stile. Molti siti Web hanno file HTML e CSS separati. Tuttavia, l'HTML e il CSS di un tipico tema di Tumblr coesistono in un codice sorgente unificato.
Trovare il tuo tema CSS
Per individuare il codice sorgente del tuo tema, devi accedere al tuo account Tumblr. Dalla dashboard, fai clic sull'icona a forma di ingranaggio per accedere al menu Impostazioni. Nel menu Impostazioni, seleziona il blog che desideri visualizzare. Nel menu di personalizzazione del blog, fai clic su "Personalizza" nella sezione Tema. Questo ti porterà alla pagina di personalizzazione del tema. Sotto il titolo del tema, fai clic su "Modifica HTML". Questo mostrerà HTML e CSS del tuo tema.
La posizione: proprietà fissa
All'interno del codice del tuo tema, puoi premere "Ctrl-F" per cercare elementi specifici. Se digiti "position: fixed" nel campo di ricerca, puoi scorrere diverse istanze di elementi fissi nel tuo tema. Se la tua ricerca non restituisce risultati o meno del previsto, prova a cercare "position:fixed" senza spazi dopo i due punti. L'elemento fisso verrà denominato prima della parentesi "{". Ad esempio #sidebar{position:fixed;} correggerebbe un elemento con l'ID "sidebar".
Posizionamento degli elementi
Una volta specificato il metodo di posizionamento di un elemento, è possibile spostarlo lungo l'asse orizzontale o verticale di un certo numero di pixel. Per fare ciò, specifica il bordo del contenitore dell'elemento e il numero di pixel che desideri separare l'elemento da quel bordo. Ad esempio, #sidebar{posizione:fissa; in alto: 20px; right: 10px;} posizionerà la barra laterale a 20 pixel dalla parte superiore della finestra del browser ea 10 pixel dalla destra della finestra del browser.
Modifica degli elementi fissi
Se si individua un elemento fisso, è possibile modificare il modo in cui è posizionato. L'attributo "position:static" fissa la posizione dell'elemento rispetto al suo posto nel flusso del codice HTML. Questo attributo viene utilizzato per spostare l'elemento di una certa quantità dalla sua normale posizione statica. Ad esempio, #sidebar{posizione: relativo; right:20px;} sposterebbe l'elemento #sidebar di 20 pixel dal suo normale bordo destro. Infine, l'attributo position:absolute rimuove l'elemento dal flusso del documento e lo posiziona rispetto all'elemento che lo contiene. Ad esempio, se un elemento in posizione assoluta si trova all'interno di un elemento in posizione relativa, qualsiasi alterazione alla sua posizione si verificherà rispetto all'elemento in posizione relativa. Puoi sperimentare questi diversi tipi di posizionamento per personalizzare quali elementi sono fissi nel tuo tema Tumblr.
