Hur man gör en skugg till en Blogger Layout

In Tech
Advertisement

Hur man gör en skugg till en Blogger Layout


För att lägga till en skugga verkan som en Blogger.com layout, kommer du att använda värdet CSS "box-skugga". Värdet "box-shadow", tillägger en låda skugga till ett avsnitt i layouten eller en viss punkt såsom runt ett inlägg bild. Värdet "box-skugga" modifieras sedan med boxen stoppning som du väljer. Du väljer också färgen för rutan skugga, så har färgen HTML-kod redo innan du börjar. Säkerhetskopiera din mall innan du ändrar någon kodning.

Saker du behöver

Anteckningar eller annan texteditor (tillval)

Öppna en webbläsare. Gå till webbplatsen Blogger på Blogger.com. Skriv din e-post och lösenord. Klicka på den grå "Logga in" för att gå till "dashboard" sida.

Klicka på den blå "Design" för att gå till "Design" sida. Klicka på "Redigera HTML" för att gå till "Redigera mall" sida.

Rulla ned till avsnittet i HTML-mallen där du vill lägga till skuggan. Till exempel vill du att lägga till den i huvudkroppen. Kodningen ser ungefär så här:

body {

font: $ (body.font);

Färg: $ (body.text.color);

Bakgrund: $ (body.background);

}

Lägg till en rad i den sista raden i kodnings precis ovanför den slutliga hållaren. Skriv "box-shadow" i det utrymmet. I det här exemplet, ser det ut så här:

body {

font: $ (body.font);

Färg: $ (body.text.color);

Bakgrund: $ (body.background);

box-shadow:

}

Lägg rutan skugga stoppning i pixlar till "-moz-box-shadow" värde. Den första siffran är för den horisontella skuggan och den andra är för den vertikala skugga. Till exempel, ser det ut så här:

body {

font: $ (body.font);

Färg: $ (body.text.color);

Bakgrund: $ (body.background);

box-shadow: 10px 10px

}

Tillsätt färg skuggan, med en "#" tecken framför den som med alla andra färgvärde. Stäng värdet med ett semikolon. I det här exemplet, ser det ut så här:

body {

font: $ (body.font);

Färg: $ (body.text.color);

Bakgrund: $ (body.background);

box-shadow: 10px 10px # 888888;

}

Klicka på orange "Spara mall" -knappen. Klicka på den blå "Visa blogg" för att visa skuggan.

Tips

Använd Anteckningar eller någon annan textredigerare för att skriva kodningen. Sedan kopiera och klistra in den mall.

You may also read!

Hur får man 5000 Utsikt Till din blogg per dag

Hur får man 5000 Utsikt Till din blogg per dag

Vare sig du är ute efter att tjäna pengar på din webbplats eller få Internet status, locka fler besökare till din blogg är en uppgift som kräver lika mycket kreativitet och tålamod. En studie 2009 av Technorati visade att 70 procent av aktiva interne

Read More...
Hur man låta andra inlägg till en Blogger blogg

Hur man låta andra inlägg till en Blogger blogg

Älskar blogga? Vet andra som har bra idéer att bidra? Varför inte be dem att lägga på din blogg? Här är hur man gör det. Saker du behöver blogg Blogger-konto Logga in på ditt Blogger-konto och gå till instrumentpanelen. Klicka på Inställningar, och s

Read More...
Hur man gör en skugga box för en Graduation Gown

Hur man gör en skugga box för en Graduation Gown

Att göra en skugga box för ditt barns examen klänning kan du bevara denna examen skatt. Skapa en minnesvärd skugga box för graderingen klänning kräver att du sammanföra graderingen klänning tillsammans med ditt barns andra examen relaterade memorabil

Read More...
Hur man gör en förändring till en fodrad klänning

Hur man gör en förändring till en fodrad klänning

Förändringar kan ändra hela utseendet på ett plagg. Att veta hur man gör enkla förändringar kan spara en hel del pengar genom att undvika professionella skräddare och deras höga priser. Ändra en fodrad klänning kan vara lite utmanande på grund av den

Read More...
Hur man gör en förordet till en självbiografi

Hur man gör en förordet till en självbiografi

Skriva en förordet till en självbiografi kräver en grundlig och djupgående förståelse av författaren du skriver om och motivet materialet i boken du rekommenderar. Att uppmanas att göra ett förord ​​till en självbiografi visar att du anses vara en ex

Read More...
Hur man gör en Decimal till en bråkdel för barn

Hur man gör en Decimal till en bråkdel för barn

Decimaler och fraktioner är extremt viktiga matematiska mängder. De används i det dagliga livet. Till exempel är förändringen anges i decimaler, och mätningar ges i fraktioner. På grund av detta, bör barn börja lära sig om dessa begrepp på en ung åld

Read More...
Hur man gör en skugga boxas Från en bildram

Hur man gör en skugga boxas Från en bildram

Lägga djup till en bildram för att göra en skugga box är ett hantverk projekt som alla kan göra. Shadow rutor kan du visa tredimensionella minnessaker och artefakter som inte passar in i en platt bildram. Allt material som behövs för att förvandla en

Read More...
Hur man gör en skugga täcker för en Pergola

Hur man gör en skugga täcker för en Pergola

En pergola ger partiell skugga över din bakgård däck eller uteplats, men ibland mer täckning är nödvändig. Lägga till en avtagbar klädsel till toppen är ett sätt att få mer skydd mot solen när det behövs, men ha kvar möjligheten att låta mer sol i fö

Read More...
Hur man gör en länk till en mp3-fil

Hur man gör en länk till en mp3-fil

Någon som tycker om att lyssna på musik från en dator eller som äger en mp3-spelare har gott om mp3-filer. Du kanske en dag vill göra en länk till en av dina mp3-filer. Detta gör det möjligt för vänner och familjemedlemmar att ladda ner mp3 direkt fr

Read More...