Den enkleste måten å lage en Gradient Bakgrunn på ditt nettsted
En gradient bakgrunn er en måte å legge til litt stil til ditt nettsted. Vanligvis vil nettstedet ha en bestemt bakgrunnsfarge, og stigningen kommer fra et bilde plassert på toppen av skjermen. Stigningen tones gradvis fra bakgrunnsfargen på området til en annen farge etter eget valg. Dette skaper en sømløs fade, og en ny estetisk opplevelse for de besøkende. Litt HTML kunnskap vil være nyttig i å utføre denne oppgaven.
Bruksanvisning
1 Gå til gradient-maker.com. Klikk i boksen ved siden av "End Color" merket "Klikk for å bruke fargevelgeren." Ved hjelp av verktøyet nedenfor, velg fargen du vil at bakgrunnen for at nettstedet skal være, den fargen du ønsker graderingen å visne inn. Noter hash koden som vises i "End Color" boksen, og holde dette vinduet åpent.
2 Logg inn på FTP-konto for ditt nettsted. Hvis nettstedet bruker en CSS-stilark, vanligvis kalt "style.css" laste ned denne til datamaskinen. Hvis ikke, laste ned alle HTML-filer som du ønsker å legge til graderingen. Lag en sikkerhetskopi av disse filene på datamaskinen din - dette er slik at du kan gjenopprette ditt nettsted til sine tidligere innstillinger hvis du gjør en feil.
3 Åpne første HTML-filen du trenger å redigere, og stilark. Finn styling for "kroppen" som vanligvis vil være på toppen av stilarket, eller rett etter <body> -taggen i HTML-filen. Finn linjen med kode som ser omtrent slik ut:
background-color: #fff;
Endre "#fff" til hex koden du noterte ned i trinn 1.
4 Gå tilbake til gradient-maker.com, og gjenta prosessen beskrevet i trinn 1 for "Start Color" på graderingen.
5 Sett "bredde" tekstfeltet til "5" og "Høyde" tekstfeltet til den størrelsen du ønsker graderingen skal være. Hvis du ikke er sikker, klikker du på "Make Gradient" -knappen til høyre. Dette endrer bakgrunnen på Gradient Maker til innstillingene du angir. Bare gjenta denne prosessen til du er fornøyd med resultatet.
6 Klikk på "Last ned" og lagre filen på samme sted som HTML-filer, og endre navnet til "gradient.php". Bruk små bokstaver.
7 Gå tilbake til HTML eller CSS-filen du redigerte tidligere. Under "background-color" linje, legge til følgende linjer med kode:
background-image: URL ( 'gradient.png');
background-repeat: repeat-x;
8 Lagre filen. Hvis nettstedet bruker en CSS stilark, er dette den eneste filen du trenger å redigere. Hvis ikke, gjenta denne prosessen for hver av HTML-filer. Last opp filene til nettstedet ditt via FTP-program.