Lari Salminen

Dela upp inläggen i boxar


Detta är ett enkelt och smidigt sätt att dela upp inläggen så att det finns ”luft” mellan varje inlägg. Det kan då bli lättare för användaren att särskilja inlägg för inlägg, om man ser lite av bakgrunden mellan varje. Detta är också det bästa sättet om man sedan vill styla sin ”ruta” med en skugga, rundade kanter eller liknande. Då vi bara har en stilmallskod så är det bara den som behöver stylas och vi undviker då skarvar och så vidare som det blir om man gör detta genom att lägga bakgrund på h3, entrybody & entrymeta och sedan matcha dem så att det ser ut som en ruta. Nackdelen är som sagt att det då blir skarvar om man till exempel vill lägga skugga runtom.

Först ska du alltså ta bort background: #ffffff; under #content, h3, .entrybody & .entrymeta i stilmallen.

Stilmallskoden:

.entrybox { background: #ffffff; padding: 20px; }

I stilmallskoden får du själv justera som du vill, kanske en lägga till en border, en skugga eller liknande. Jag har endast lagt in bakgrunden (så att det inte är genomskinligt) och en padding så att innehållet i varje box inte hamnar ända ute i kanten då det ser väldigt dumt ut.

Kodmallskoden:

Här ligger alltså allt innehåll

Tips:
Det viktigaste av allt är att man först tar

och lägger det överst, och sedan ska man alltså avsluta med och däremellan ligger allt som har med inlägget att göra (

,


osv.) Så man tar alltså inte hela kodmallskoden, utan att man tar den första delen (


) och sedan avslutar taggen () där boxen ska sluta helt enkelt (vilket förklaras i videon).


  • Love
  • Save
    2 loves
    Add a blog to Bloglovin’
    Enter the full blog address (e.g. https://www.fashionsquad.com)
    We're working on your request. This will take just a minute...