I Hemsideprogrammet hos one.com är Behållare-komponenterna hemsidans byggstenar och de är väldigt mångsidiga. De kan användas som bakgrund, designelement eller för att hålla ihop andra komponenter. Om du tittar noga på de komponenter som används i mallen du valde kommer du att märka att den innehåller många Behållare-komponenter.
Vilka typer av behållare kan jag använda?
Det finns fyra typer av behållare:
Remsa-komponent
Remsa-komponenten sträcker sig alltid över hela hemsidans bredd. Den är lämplig som bakgrund eller banner.
Ruta-komponent
Ruta-komponenten är det vanligaste sättet att gruppera komponenter, vilket gör att du kan flytta de samlade komponenterna som en enhet. Genom att gruppera dem i en ruta säkerställer du också att de håller ihop i mobilvyn. Du kan också använda rutan som bakgrund.
Cirkel-komponent
Cirkel-komponenten fungerar på samma sätt som en ruta. Den enda skillnaden är att hörnen på den här komponenten har avrundats för att ge lådan en cirkulär form. Om du vill använda runda "rutor" har vi med andra ord redan gjort dem åt dig!
Svävarruta-komponent
Med svävarruta kan du skapa interaktiva objekt på din hemsida. Det innebär att när besökarna håller muspekaren över rutan kommer den att spela upp någon form av effekt, beroende på hur du har satt ihop komponenten.
Det fungerar så här: När du drar en svävarruta till arbetsytan ser du två flikar ovanpå rutan: standard och sväva. Den första är vad dina besökare kommer att se när de besöker sidan och ser rutan. Den andra är vad som kommer att visas när de håller markören över rutan.
Du kan lägga till saker i dessa två "fönster" beroende på vad du vill att besökaren ska se i vart och ett av dem. Lägg till bilder, textrutor, knappar med mera för att skapa en unik effekt. Toppa det hela genom att lägga till just den svävareffekt du vill ha genom att klicka på fliken Redigera svävarruta och sedan välja svävarruta i den flyttbara meny som dyker upp.
Tips: Om du vill se hur din färdiga Svävarruta ser ut kan du gå in på Förhandsgranska och hålla markören över rutan. Observera att hover-effekten endast är tillgänglig på datorer, eftersom den kräver en mus, och inte stöds på mobila enheter.
Relaterade artiklar: