whycomputer.com >> Interneto žinios >  >> internetas

Kaip sukurti gradiento foną „WordPress

Kaskadinio stiliaus lapas Interneto dizaino kodas apima gradiento parinktį, todėl galite pridėti tik „CSS“ gradiento fonus „WordPress“ svetainėms be jokių pjaustytų vaizdų. Programoje „WordPress“ gradiento negalima pritaikyti prie kūno žymės, kaip ir tvirtos fono, tačiau galite naudoti „div“ konteinerį, kuris apgaubia visą svetainę. Daugelyje temų, sukurtų pagal CSS sistemas, jau yra toks suskirstymas, nors galite pridėti vieną temą, jei jūsų tema nėra.

1 žingsnis
Eiti į ** wp-admin ** katalogą svetainėje ir prisijunkite prie „WordPress“ prietaisų skydelio. Eikite į ** Išvaizda ** ir spustelėkite nuorodą ** Redaktorius **. „Templates“ (šablonai) antraštėje spustelėkite nuorodą į ** header.php **, norėdami įkelti HTML failą, kuriame yra jūsų svetainės kūno žyma.

2 žingsnis
Ieškokite „div“ su „konteinerio“ ID, esančiu žemiau failo „header.php“ kūno žyma. Jei nerandate, pridėkite vieną. Štai ką jis turėtų atrodyti: išsaugokite failą spustelėję mėlyną ** atnaujinimo failo ** mygtuką. Jei redaktoriuje pridėjote div, load ** footer.php **, pridėkite **** tiesiai virš ****, kad uždarytumėte div.

3 žingsnis
Load ** style. css ** redaktoriuje. Įtraukite šį kodą į pačią failo dalį: #container {background-color: # 038394; fono vaizdas: linijinis gradientas (viršuje, # 038394, # 00CCCC); fono vaizdas: -webkit-linijinis gradientas (viršuje, # 038394, # 00CCCC); fono vaizdas: -moz-linear-gradient (viršuje, # 038394, # 00CCCC); } Pirmiau nurodytas kodas nustato atsarginę kopiją naršyklėms, kurios nepalaiko gradientų. Nustatant „fono paveikslėlį“ į „tiesinį gradientą“ sukuriamas gradiento fonas. Bent jau turite nustatyti krypties kryptį, nuo kurios prasideda, ir tada dvi spalvas, kurios išnyks viena į kitą. Dar kartą du kartus pridėkite kodo eilutę, pridėdami „Chrome“, „Safari“ ir „Firefox“ naršyklių „Webkit“ ir „Mozilla“ prefiksus.
Spustelėkite mėlyną ** atnaujinimo failo ** mygtuką, kad išsaugotumėte style.css failą. Dabar jūsų gradiento fonas pasirodo kiekviename „WordPress“ tinklalapio puslapyje.

Patarimas
Nustatykite savo „konteinerio“ divizioną visus nulinius skirtumus, jei aplink gradientą matote baltą erdvę.


URL:https://lt.whycomputer.com/internetas/100407234.html

internetas
  • Kaip padaryti koliažą „Photobucket“

    „Photobucket“ yra svetainė, leidžianti kompiuterio naudotojui lengvai įkelti ir bendrinti savo skaitmenines nuotraukas. Svetainėje yra patogi sąsaja su įvairiomis galimybėmis redaguoti ir saugoti internetines nuotraukas. Tarp daugelio „Photobucket“ siūlomų funkcijų yra galimybė sukurti profesionalia

  • Kaip uždirbti pinigus „Metacafe“

    Internetas sukūrė naujų galimybių uždirbti pinigus --- ne tik profesionalams, bet ir mėgėjams. Viskas, ko jums reikia norint sėkmingai dirbti su „Metacafe“, yra šiek tiek žiniatinklio išminties ir juokingas vaizdo įrašas. Sužinokite, kaip galite uždirbti pinigus „Metacafe“. 1 veiksmas Apsilankyk

Interneto žinios © https://lt.whycomputer.com