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

Cum să faci un fundal cu gradient în WordPress

Foaia de stil cascadă Codul de design Web include o opțiune de gradient, astfel încât să puteți adăuga fundaluri gradient CSS numai pe site-urile dvs. WordPress fără a fi nevoie de imagini feliate. În WordPress, nu puteți aplica gradientul la eticheta corporală ca și în cazul fundalurilor solide, dar puteți utiliza un container div care se înfășoară în jurul întregului site web. Multe teme construite pe cadre CSS includ deja o astfel de div, deși puteți adăuga unul dacă tema dvs. nu este.

Pasul 1
Accesați directorul ** wp-admin ** al dvs. și conectați-vă la tabloul de bord WordPress. Navigați la ** Aspect ** și faceți clic pe linkul ** Editor **. Faceți clic pe link-ul pentru ** header.php ** sub titlul Șabloane pentru a încărca fișierul HTML care conține eticheta corporală a site-ului dvs ..

Pasul 2
Căutați un div cu un ID de "container" eticheta corporală din fișierul header.php. Dacă nu găsiți unul, adăugați unul. Iată cum ar trebui să arate: Salvați fișierul făcând clic pe butonul albastru ** Actualizare fișier **. Dacă ați adăugat un div, încărcați ** footer.php ** în editor și adăugați **** direct deasupra **** pentru a închide div.

Pasul 3
Load ** style. css ** în editor. Adăugați acest cod în partea de jos a fișierului: #container {background-color: # 038394; fundal-imagine: gradient linear (top, # 038394, # 00CCCC); fundal-imagine: -webkit-gradient linear (top, # 038394, # 00CCCC); fundal-imagine: -moz-linear-gradient (sus, # 038394, # 00CCCC); } Codul de mai sus stabilește o rezervă pentru browserele care nu acceptă gradiente. Setarea "fundal-imagine" la "gradient linear" creează fundalul gradient. Cel puțin, trebuie să setați o direcție pentru a începe un gradient și apoi două culori care se estompează unul în celălalt. Adăugați din nou acea linie de cod de două ori adăugând prefixele Webkit și Mozilla pentru browserele Chrome, Safari și Firefox.
Faceți clic pe butonul albastru ** Actualizare fișier ** pentru a salva fișierul dvs. stil.css. Contextul dvs. gradient apare acum pe fiecare pagină a site-ului dvs. WordPress.

Sfat
Setați toate marginile la zero pentru "containerul" div dacă vedeți spațiu alb în jurul gradientului dvs.


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

Internet
  • Cum să faci un colaj pe Photobucket

    Photobucket este un site web care permite utilizatorului computerului să găsească o modalitate ușoară de încărcare și partajare a fotografiilor digitale. Site-ul web are o interfață prietenoasă cu o varietate de opțiuni pentru editarea și stocarea fotografiilor online. Printre numeroasele caracteris

  • Cum să faci bani pe Metacafe

    Internetul a creat noi oportunități de a face bani - nu doar profesioniști, ci și amatori. Tot ce trebuie să aveți succes cu Metacafe este un pic de inteligență Web și un videoclip amuzant. Aflați cum puteți face bani pe Metacafe. Pasul 1 Vizitați site-ul Metacafe (consultați Resursele de mai jo

  • Cum sa faci un website gratuit in Hotmail

    Un site gratuit in Hotmail iti ofera sansa de a lasa alte persoane sa afle cine esti si sa-ti personalizezi propriul spatiu personal. Indiferent dacă doriți să vă faceți prieteni, să păstrați legătura cu familia sau chiar să vă promovați activitățile de afaceri, Spații Hotmail și Windows Live vă per

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