whycomputer.com >> Datornätverk >  >> Internet

Hur man gör en gradientbakgrund i WordPress

Cascading Style Sheet Webbdesignkoden innehåller ett lutningsalternativ, så att du kan lägga till bakgrundsbakgrunder som bara är CSS till dina WordPress-webbplatser utan att behöva skiva bilder. I WordPress, du kan inte tillämpa lutningen på kroppstaggen som du skulle göra för fasta bakgrunder, men du kan använda en div -behållare som sveper runt hela webbplatsen. Många teman som bygger på CSS -ramverk innehåller redan en sådan div, även om du kan lägga till en om ditt tema inte gör det.

Steg 1

Gå till katalogen ** wp-admin ** på din webbplats och logga in på WordPress-instrumentpanelen. Navigera till ** Utseende ** och klicka på länken ** Editor **. Klicka på länken till ** header.php ** under mallrubriken för att ladda HTML -filen som innehåller din webbplats kroppstagg.

Steg 2

Leta efter en div med ett ID för "behållare" direkt under kroppstaggen i din header.php -fil. Om du inte hittar en, Lägg till ett. Så här ska den se ut:Spara filen genom att klicka på den blå knappen ** Uppdatera fil **. Om du lade till en div, ladda ** footer.php ** i redigeraren och lägg till **** direkt ovan ** ** för att stänga div.

Steg 3

Ladda ** style.css ** i redigeraren. Lägg till den här koden längst ner i filen:#container {background-color:#038394; bakgrundsbild:linjär-gradient (överst, #038394, #00CCCC); bakgrundsbild:-webkit-linjär-gradient (överst, #038394, #00CCCC); bakgrundsbild:-moz-linjär-gradient (överst, #038394, #00CCCC); } Koden ovan anger en backback för webbläsare som inte stöder lutning. Genom att ställa in "bakgrundsbild" till "linjär-gradient" skapas gradientbakgrunden. Åtminstone, du måste ange en riktning för lutningen att börja med och sedan två färger som bleknar i varandra. Lägg till den kodraden igen två gånger, lägga till prefixen Webkit och Mozilla för Chrome, Safari och Firefox webbläsare.

Klicka på den blå knappen ** Uppdatera fil ** för att spara din style.css -fil. Din gradientbakgrund visas nu på varje sida på din WordPress -webbplats.

Dricks

  • Ställ in alla marginaler till noll för din "container" div om du ser vitt utrymme runt din lutning.

URL:https://sv.whycomputer.com/internet/1014007234.html

Internet
  • Hur man gör ett collage på Photobucket

    Photobucket är en webbplats som tillåter datoranvändaren ett enkelt sätt att ladda upp och dela sina digitala fotografier. Webbplatsen har ett användarvänligt gränssnitt med en mängd olika alternativ för redigering och lagring av onlinefoton. Bland de många funktioner som erbjuds av Photobucket finn

  • Hur man tjänar pengar på Metacafe

    Internet har skapat nya möjligheter att tjäna pengar --- inte bara proffs, men även amatörer. Allt du behöver för att bli framgångsrik med Metacafe är lite webbkunnig och en rolig video. Lär dig hur du kan tjäna pengar på Metacafe. Steg 1 Besök Metacafes webbplats (se resurser nedan för länk)

  • Hur man gör en webbplats gratis i Hotmail

    En gratis webbplats i Hotmail ger dig chansen att låta andra människor veta vem du är och anpassa ditt eget personliga utrymme. Oavsett om du vill få vänner, hålla kontakten med familjen, eller till och med marknadsföra din affärsverksamhet, Hotmail och Windows Live Spaces låter dig lägga till foton

Datornätverk © https://sv.whycomputer.com