CSS lar deg style websidene dine enkelt, veldigEnkelt. Du kan definere over hundre tekststiler på en side (selvfølgelig vil siden komme ut som et sirkustelt), men det handler om enkelheten og fleksibiliteten som følger med å bruke CSS på websider.ThemeShock har en CSS-kodegenerator som vil hjelpe deg å legge tilforskjellige fallskyggeeffekter på bildene dine med noen få enkle klikk. Du velger effekt og den skriver koden; effekter kan legges til bunnen, sidene, toppen og bunnen, nederst til venstre, nederst til høyre, øverst til høyre og nederst til venstre eller i diagonale hjørner.
Før du begynner; sjekk dimensjonen til dinimage (den du vil legge effekten til). Kodegeneratoren har en forhåndsdefinert øvre og nedre grense på 130 - 347 px for bildebredde og høyde. Hvis bildedimensjonene dine overstiger dette, kan du alltid redigere bredden og høyden senere. Koden lar deg også bestemme skyggenes uklarhet og uskarphet. Du kan ikke laste opp bildet i kodegeneratoren, et standardbilde blir brukt slik at du kan forhåndsvise effekten.
Velg hvilken skygge fra rullegardinmenyeneffekt du liker, hver gang du endrer noen av velgerne, genereres det en ny kode, så sørg for at du bruker den aller nyeste. Når du har valgt den effekten du vil, kan du angi bredden og høyden for bildet ved å bruke den horisontale rullefeltet. Bruk høyre og venstre piltast når du vil skyve knappen bare litt. Angi uskarphet og uklarhet og kode vil bli generert. Å øke eller redusere en av disse parameterne vil opprette en ny kode.
Når alt er satt, kopierer du CSS-koden til enCSS-fil og gi den navnet på din webside (eller tema). HTML-koden som går på hjemmesiden din blir også generert (den er unik for hver effekt du velger fra rullegardinmenyen), kopier den og plasser bildekoden (img src = "") der det står "koden din her".
Det beste med denne kodegeneratoren er detdet fungerer og det er gratis. Den har dimensjonsbegrensninger for bilder, men de kan redigeres fra koden. Hvis du bruker et gjennomsiktig bilde (som bildet over), vil det gi en kjedelig grå bakgrunn. Du kan redigere bakgrunnsfargen senere fra koden. (Rediger kodelinjebakgrunn: #ccc). Koden gir også en 5px ramme til alle bilder, du kan redigere rammen også, men å øke og redusere bredden vil skjule eller avsløre skyggen mer enn nødvendig, så det er best mulig å være i fred.
Besøk ThemeShock CSS Drop Shadow Generator
kommentarer