whycomputer.com >> Cunoașterea pe Internet >  >> Internet

Adăugarea unei alte bare laterale Tumblr

Modificați tema blogului Tumblr pentru a adăuga o bara laterală suplimentară pe blogul dvs. În timp ce multe teme vă oferă două sau mai multe bare laterale, vă recomandăm să adăugați o bara laterală la tema existentă. Folosind pagina Particularizare a Tumblr, puteți edita codul CSS pentru tema dvs. și puteți modifica aspectul acesteia. Copiați codul original al barei laterale a temei, redenumiți și apoi ajustați caracteristicile CSS pentru a crea oa doua bara laterală.

Conectați-vă la site-ul Tumblr.

Faceți clic pe butonul "Personalizare" din bara laterală dreaptă.

Faceți clic pe linkul "Editare HTML" din bara laterală stângă pentru a deschide editorul HTML al Tumblr.

Derulați în jos și evidențiați codul CSS al barei laterale, care va varia în funcție de tema blogului dvs. De exemplu, localizați "#side {" și apoi evidențiați codul până la brațul de închidere. Tema blogului dvs. poate să numească acest lucru altceva, cum ar fi #sidebar, #lefts sau #leftbar.

Apăsați pe "Ctrl-C" pentru a copia codul CSS al barei laterale în clipboard. cursorul până la sfârșitul codului barei laterale și apoi apăsați "Ctrl-V" pentru a lipi o copie a acestuia direct mai jos.

Redenumiți bara laterală lipită. De exemplu, modificați "#side {" la "# side2 {" (omiteți citate aici și pe tot parcursul paginii).

Schimbați caracteristicile celui de-al doilea cod CSS al barei laterale astfel încât să nu se suprapună cu prima dvs. bara laterală. De exemplu, dacă codul primei bari laterale include "stânga: 1050px;" atunci veți dori să micșorați sau să creșteți valoarea respectivă astfel încât barele laterale să fie poziționate una lângă alta. Introducând "850px;" ar plasa a doua bară laterală în partea dreaptă a primei tale. De asemenea, puteți schimba lățimea și înălțimea barei laterale pentru a evita suprapunerea.

Introduceți codul următor într-o linie nouă de text înainte de închiderea & lt; /body & gt; etichetă, înlocuind "Numele dvs. lateral al barei laterale" cu numele bara laterală, cum ar fi "side2":

Introduceți orice text și cod HTML pe care doriți să-l adăugați la a doua bara laterală înainte de & lt; /div & gt; etichetă. De exemplu, introduceți "& lt; big & gt; Aici este al doilea rând lateral & lt; /big & gt; pentru a adăuga un titlu mare la a doua bara laterală.

Faceți clic pe butonul "Actualizați previzualizarea" din partea de sus a barei laterale din stânga pentru a previzualiza modificările aduse temei dvs.

Faceți clic pe butonul "Salvați" pentru a salva modificările

Sfaturi pentru

Previzualizați-vă blogul înainte de a vă salva modificările, pentru a vă asigura că acesta este afișat corect.

Puteți recupera teme vechi utilizând pagina Tumblr Recover Custom Theme link în Resurse).

Avertismente

Aveți grijă atunci când modificați codul HTML al temei. Codul modificat poate cauza afișarea incorectă a elementelor.

URL:https://ro.whycomputer.com/Internet/100519203.html

Internet
  • Cum de a schimba fontul titlului pe Tumblr

    Oamenii de la Tumblr sunt atât de serioși în privința faptului că utilizatorii lor se exprimau, au sacrificat litera e din numele aplicației lor. Ei îi încurajează pe utilizatori să fie la fel de nervoși, excepționali și extraordinari, oferindu-le acces la codul brut care determină cum va arăta blog

  • Cum se transferă mesajele Tumblr unui alt cont

    Tumblr nu oferă nicio funcție pentru a transfera toate postările de pe blog dintr-un cont Tumblr în altul, deși puteți să distribuiți bloguri secundare sau să le mutați între conturi. Numele și adresa URL a blogului dvs. pot fi modificate, dar schimbarea nu elimină pe următorii utilizatori sau comen

  • Cum să eliminați Reblog pe Tumblr

    Dezactivând butonul Reblog din blogul dvs. Tumblr veți împiedica redistribuirea neautorizată a postărilor dvs. și va crește traficul către pagina dvs. Site-ul Web vă permite să vizualizați și să editați codul sursă al temei dvs. printr-un editor de text online. Puteți utiliza această funcție pentru

    Cunoașterea pe Internet © https://ro.whycomputer.com