Il termine "elementi fissi" in Tumblr si riferisce a qualsiasi oggetto nel tema Tumblr che non si sposta rispetto alla finestra del browser. Ad esempio, il tema potrebbe avere una barra laterale che è stata corretta. In questo caso, la barra laterale non si sposta quando si scorre verso il basso la pagina; rimane sempre nello stesso posto 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, HTML controlla la struttura di un tema, mentre CSS ne determina lo stile. Molti siti Web hanno file HTML e CSS separati. Tuttavia, HTML e CSS di un tipico tema Tumblr esistono insieme in un unico codice sorgente unificato.
Ricerca del 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". Verranno visualizzati l'HTML e il CSS del tuo tema.
Posizione: proprietà fissa
All'interno del codice del tuo tema, puoi premere "Ctrl-F" per cercare articoli specifici. Se si digita "position: fixed" nel campo di ricerca, è possibile scorrere diverse istanze di elementi fissi nel tema. Se la ricerca non restituisce risultati o meno del previsto, prova a cercare "position: fixed" senza spazio dopo i due punti. L'elemento che viene riparato verrà nominato prima della parentesi "{". Ad esempio # sidebar {position: fixed;} aggiusterà un elemento con l'ID "sidebar".
Posizionamento degli elementi
Una volta che il metodo di posizionamento di un elemento è stato specificato, è possibile spostarlo lungo gli assi orizzontale o verticale di un determinato 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 {position: fixed; sopra: 20px; a destra: 10px;} posizionerà la barra laterale a 20 pixel dalla parte superiore della finestra del browser e 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" corregge la posizione dell'elemento rispetto alla sua posizione nel flusso del codice HTML. Questo attributo viene utilizzato per compensare l'elemento di un certo importo dalla sua normale posizione statica. Ad esempio, #sidebar {position: relative; right: 20px;} compenserebbe 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 al suo elemento di contenimento. Ad esempio, se un elemento posizionato in modo assoluto si trova all'interno di un elemento posizionato in modo relativo, si verificheranno eventuali modifiche alla sua posizione rispetto all'elemento in posizione relativa. Puoi sperimentare questi diversi tipi di posizionamento per personalizzare quali elementi sono fissi nel tuo tema Tumblr.
Computer © www.354353.com