CSS giver dig mulighed for at style dine websider nemt, megetlet. Du kan definere over hundrede tekstformater på en side (selvfølgelig vil din side komme ud som et cirkustelt), men det handler om den lethed og fleksibilitet, der følger med at bruge CSS på websider.ThemeShock har en CSS-kodegenerator, der hjælper dig med at tilføjeforskellige drop skyggeeffekter til dine billeder med et par enkle klik. Du vælger effekten, og den skriver koden; effekter kan føjes til bunden, siderne, øverste og nederste, nederste venstre, nederste højre, øverste højre og nederste venstre eller i diagonale hjørner.
Før du begynder; tjek dimensionen af dinbillede (det, du vil tilføje effekten til). Kodegeneratoren har en foruddefineret øvre og nedre grænse på 130 - 347 px for billedbredde og højde. Hvis dine billeddimensioner overskrider dette, kan du altid redigere bredden og højden senere. Koden giver dig også mulighed for at bestemme skyggenes opacitet og sløring. Du kan ikke uploade dit billede i kodegeneratoren, et standardbillede vil blive brugt, så du kan se en forhåndsvisning af effekten.
Vælg den skygge i rullemenueneffekt du har lyst til, hver gang du ændrer nogen af vælgerne genereres en ny kode, så sørg for at bruge den allerbedste. Når du har valgt den effekt, du kan lide, skal du indstille bredden og højden for dit billede ved hjælp af den vandrette rullebjælke. Brug højre og venstre piletaster, når du vil skyde knappen bare en lille smule. Indstil slør, og opacitet og kode genereres. Forøgelse eller reduktion af en af disse parametre opretter en ny kode.
Når alt er indstillet, skal du kopiere CSS-koden til enCSS-fil og navngiv den til din webside (eller tema). HTML-koden, der findes på din webside, genereres også (den er unik for hver effekt, du vælger i rullemenuen), kopier den og placér billedkoden (img src = ”“), hvor det står ”din kode her”.
Det bedste ved denne kodegenerator erdet fungerer, og det er gratis. Det har dimensionerbegrænsninger for billeder, men de kan redigeres fra koden. Hvis du bruger et gennemsigtigt billede (som det ovenfor), giver det en kedelig grå baggrund. Du kan redigere baggrundsfarven senere fra koden. (Rediger kodelinjebaggrund: #ccc). Koden giver også en 5px ramme til alle billeder, du kan også redigere rammen, men ved at øge og formindske bredden skjules eller afsløres skyggen mere end nødvendigt, så det er bedst at være i fred.
Besøg ThemeShock CSS Drop Shadow Generator
Kommentarer