Grafiskt Forum
Grafiskt Forum > Webbdesign & -utveckling
Registrera Vanliga frågor Medlemslista Sök Dagens inlägg Markera forum som lästa
Webbdesign & -utveckling Form, funktion, navigation m.m.



Svara på ämnet
 
Ämnesverktyg
2012-02-21, 23:00
  No. 1
Trobiz
Användare
Ort: Båstad

Inlägg: 30
Hur gör man det här?
En snabb fråga som säkert är väldigt enkel. På sidan http://www.kernandburn.com/ finns det uppe i vänster hörn en div där det står Kern And Burn. Det ser ut som att diven viker sig om wrappern. Är det enklaste sättet att göra en bild som ser ut så och placera den på rätt ställe eller finns det något css trick som kan göra det här åt en?
Trobiz är inte uppkopplad  
Svara med citat
2012-02-21, 23:34
  No. 2
samuelviking
Användare
Ort: Göteborg

Inlägg: 234

Ett tips: använd developer tools i din webbläsare (eller installera firebug om du använder firefox)
så kan du enkelt kolla själv precis hur de löst det.

I detta fall är det så enkelt som en bild som ser ut såhär
http://www.kernandburn.com/wp-conten...ages/logo2.jpg

Det skulle troligtvis gå att göra med hjälp av CSS men det blir lite väl meckigt skulle jag tycka.
För att dra ner på bildmaterial skulle man dock enkelt kunna göra bara den lilla nedre vänstra delen av vikningen som en bild (en liten grå triangel) och resten är helt enkelt ett HTML-element med bakgrundsfärg.
samuelviking är inte uppkopplad  
Svara med citat
2012-02-21, 23:56
  No. 3
powerbuoy
Användare
Ort: Stockholm

Inlägg: 806

Det är väldigt enkelt att lösa med ren CSS och :after (eller :before) tillsammans med lite border-tricks. Här kan du kolla hur jag nyligen löste det (och även en "taggad" kant): http://jsfiddle.net/jknn9/2/

Edit: :before är i det här fallet "fliken", och :after är taggade kanten.
powerbuoy är inte uppkopplad  
Svara med citat
2012-02-22, 00:00
  No. 4
kevva
Topside bro
 
kevvas avatar
Kevin Mårtensson, 23
Ort: Borås

Inlägg: 346

http://jsfiddle.net/s9tPN/2/

Senast redigerad av kevva den 2012-02-22 klockan 00:04.
kevva är inte uppkopplad  
Svara med citat
2012-02-22, 12:52
  No. 5
Trobiz
Användare
Ort: Båstad

Inlägg: 30

samuelviking: Okej, jag ska kolla upp det! Kör på din lösning med en liten triangel och en färgad div.

Powerbuoy och Kevva: Tack för koden, fick lite tips därifrån hur jag kunde göra.
Trobiz är inte uppkopplad  
Svara med citat
Svara på ämnet

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 
Ämnesverktyg



Alla tider är GMT +2. Klockan är nu 02:38.




Grafiskt Forum sponsras av Loopia Webbhotell:




Powered by vBulletin®
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.