Cum să schimbi înălțimea, lățimea și dimensiunea imaginii de fundal pe Tumblr

Pas cu pas: Modificarea dimensiunilor imaginii de fundal pe Tumblr

Uneori imaginea de fundal nu se potrivește perfect în spațiul alocat. Cu ajutorul editorului HTML de la Tumblr și a proprietăților CSS3, poți ajusta înălțimea, lățimea și chiar modul în care se repetă imaginea.

1. Accesarea editorului HTML

Pe tabloul de bord Tumblr, dați clic pe numele blogului, alegeți Personalizează aspectul și apoi Editează HTML. Acest lucru vă va deschide codul sursă al temei curente.

2. Localizarea codului de fundal

Apăsați Ctrl+F (sau Cmd+F pe Mac) și introduceți „background:” (fără ghilimele). Căutați linia care definește imaginea de fundal, de obicei în formatul background: url('URL_IMAGINE') no-repeat center center;.

3. Ajustarea dimensiunilor cu CSS3

Adăugați proprietatea background-size imediat după linia care conține imaginea. Exemple de valori:

• Dimensiune fixă: background-size: 500px 800px;
• Proporțională: background-size: cover; (calește imaginea pentru a acoperi întreaga pagină)
• Pe lățime: background-size: 100% auto;

Pentru exemplul dvs., dacă doriți lățimea la 500 px și înălțimea la 800 px, scrieți:

background-size: 500px 800px;

4. Controlul repetării imaginii

Pentru a specifica dacă imaginea trebuie să se repete, folosiți background-repeat:

• background-repeat: no-repeat; – imagine unică
• background-repeat: repeat; – repetă orizontal și vertical
• background-repeat: repeat-x; – repetă doar pe axa orizontală
• background-repeat: repeat-y; – repetă doar pe axa verticală

5. Salvarea modificărilor

După ce ați adăugat proprietățile dorite, dați clic pe butonul Salvează pentru a aplica noile setări. Încărcați pagina pentru a verifica rezultatul.

Înainte de a începe

Este recomandat să faceți o copie de rezervă a temei înainte de a edita codul, astfel încât să puteți reveni la versiunea inițială dacă apar probleme.

Resurse utile

Experimentați cu proprietățile CSS3 în Tryit Editorul W3Schools pentru a vedea efectul în timp real.

URL:https://ro.whycomputer.com/software-ul/100518986.html