Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
css_positioning [2012-05-03 12:00] Joakim Forsgren |
css_positioning [2022-07-18 13:20] (current) |
||
---|---|---|---|
Line 11: | Line 11: | ||
{{:: | {{:: | ||
- | **Uppgift | + | **Uppgift: |
Koden nedan får ni inte ändra!\\ | Koden nedan får ni inte ändra!\\ | ||
Ni få göra vad ni vill i **style2.css** och i functions.php där ni gör funktionen ** boxcorners(' | Ni få göra vad ni vill i **style2.css** och i functions.php där ni gör funktionen ** boxcorners(' | ||
Funktionen **boxcorners** retunerar 4 st div:ar som är placerade i varje hörn av föregående div.\\ | Funktionen **boxcorners** retunerar 4 st div:ar som är placerade i varje hörn av föregående div.\\ | ||
- | Utseendet skall bli så likt bilden ovan som det bara någonsin går.\\ | + | Utseendet skall bli så likt bilden ovan som det bara någonsin går. Det räcker att det fungerar i en webläsare.\\ |
**TIPS!** | **TIPS!** | ||
* I funktionen boxcorners måste ni kolla upp hur stor bilden är. | * I funktionen boxcorners måste ni kolla upp hur stor bilden är. | ||
Line 21: | Line 21: | ||
* Fundera sedan ut hur man placerar bakgrundsbilden rätt. | * Fundera sedan ut hur man placerar bakgrundsbilden rätt. | ||
* Se till så att det funkar även om det är en border. | * Se till så att det funkar även om det är en border. | ||
- | * Gör dina ringar i Inkscape | + | * Gör dina ringar |
+ | Visa mig när ni tycker att ni är klara! | ||
Ex på ring som används till hörn!\\ | Ex på ring som används till hörn!\\ |