Lägga till Side Bar till en Tumblr tema

October 16

Sidofält är hjälplayoutelement att lägga till extra innehåll, länkar och information till din Tumblr webbplats. Oavsett om du skapar en Tumblr tema eller modifiera ett befintligt, kan du lägga till en sidopanel till temat layouten. Genom att använda Cascading Styling Sheets metod och lämpliga Hypertext Markup Language taggar, kan du enkelt infoga en sidopanel i temat.

Instruktioner

1 Starta en text eller HTML-redigerare på din dator och öppna Tumblr tema du arbetar med.

2 Leta reda på "<style type =" text / css ">" tag i koden och lägga till en ny, tom rad för att börja skriva på.

3 Lägg till följande CSS-kod till ditt tema under <style type = "text / css"> tag:

sidebar {

float: left;
bredd: 250px;
höjd: 100%;
}

4 Ändra "float: left" till "float: right" om du vill ha sidofältet på höger sida av Tumblr webbplats. Justera "width" värde för att möta ditt tema design.

5 Leta reda på "<div id =" wrapper ">" tag under avsnittet "<body>" och tillsätt några tomma rader efter den genom att trycka på "Enter".

6 Skriv följande tagg i det tomma området du just har skapat:

<Div id = "sidebar">

7 Tryck på "Enter" för att gå till nästa rad. Lägg alla typer av HTML-kod eller innehåll som du vill visa i sidofältet omedelbart efter <div id = "sidebar"> taggen.

8 Stäng sidofältet ordentligt genom att skriva "</ div>" efter den sista av innehållet sidofältet.

9 Spara temat på din dator. När du är klar, installera temat på din Tumblr webbplats.


        

Välkommen till dig för att skicka en kommentar:

            
            
            
            

© 2020 Astrixsoft.com | Contact us: webmaster# astrixsoft.com