WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   CSS bakgrund (https://www.wn.se/forum/showthread.php?t=30976)

Syke 2008-08-06 16:34

Här kommer min fortsättning på Karl Roos variant (hoppas du inte misstycker KR):

http://klientsidan.se/dump/nice_block/index.html

Lite annan semantik i koden, och förhoppningsvis lite kortare kod. För enkelhetens skulle slängde jag in css:en i html-filen.

allstars 2008-08-06 16:44

Det var inte dumt det heller.

KarlRoos 2008-08-06 17:03

Citat:

Originally posted by Syke@Aug 6 2008, 16:34
Här kommer min fortsättning på Karl Roos variant (hoppas du inte misstycker KR):
Nej nej, det är bara bra när folk kan vidareutveckla till det bättre! :)
Fint att du gjorde det till en lista, väldigt praktiskt om man ska ha många!

Jag gjorde ju hela grejen på 5~10 minuter men ni verkade gilla den, kul!

quickhelp 2008-08-06 18:34

Tack för hjälpen :)
Hur gjorde du bilden i Photoshop?
Antar att det är några enkla steg?

(Är inte så bra på Photoshop...)

KarlRoos 2008-08-06 19:59

Citat:

Originally posted by quickhelp@Aug 6 2008, 18:34
Tack för hjälpen
Hur gjorde du bilden i Photoshop?
Antar att det är några enkla steg?
(Är inte så bra på Photoshop...)

http://karlroos.se/examples/nice_block/shadow.psd

Jag gjorde helt enkelt en bild; 200px bred och 5px hög. Sedan gjorde jag en form med "pen tool" som var lite rundad och flyttade denna precis ovanför arbetsytan. Sedan satte jag bara en drop shadow, ganska liten med rätt så mycket "spread". Exprimentera lite ;)

martine 2008-08-09 11:53

Citat:

Originally posted by KarlRoos@Aug 6 2008, 19:59
Jag gjorde helt enkelt en bild; 200px bred och 5px hög. Sedan gjorde jag en form med "pen tool" som var lite rundad och flyttade denna precis ovanför arbetsytan. Sedan satte jag bara en drop shadow, ganska liten med rätt så mycket "spread". Exprimentera lite ;)
En annan möjlighet är att göra ett lager med sidans bakgrundsfärg (alt + sudda) och lägga ett lager på med övergång (G) från grå till genomskinligt.


Alla tider är GMT +2. Klockan är nu 16:19.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson