Till lokal navigering Gå direkt till innehållet
Malmö stad
$left
$middle

Anpassad puff

Modulen Anpassad puff kan användas när en vill ha full kontroll på hur en länkpuff på en sida ska se ut och bete sig. Du har också fler möjligheter att välja layout på en puff än du har om du till exempel använder modulen Manuell navbox.

Tips! Jämför gärna denna modul med till exempel modulerna Sidlistning och Manuell navbox, eller sidmallarna Kategorisida och Objektstartsida för att se vad som passar bäst för just det du vill göra.

Så här kan modulen se ut

Förstora bilden

En Anpassad puff-modul av typen "Kampanjyta med två puffar" (påhittat exempel).

Förstora bilden

Tre Anpassad puff-moduler på en rad. Puffarna är av typen "Färgplatta med ikon i toppen".

Modulens inställningar

Typ

Här väljer du hur puffens layout ska se ut. Följande val finns:

  • Färgplatta med ikon i toppen
  • Bild i toppen
  • Bild och text i två spalter
  • Kampanjyta med två puffar

Tänk på att moduler av typerna "Färgplatta med ikon i toppen" och "Bild i toppen" behöver vissa justeringar för att se bra ut på sidan:

  1. Skapa en Layout (högerklicka på Mittenspalt -> Lägg till layout -> Radvis).
  2. Lägg in Anpassad puff av typ "Färgplatta med ikon i toppen" eller "Bild i toppen" i layouten.
  3. Högerklicka på layouten och välj Egenskaper -> Stil (CSS) -> af-ng__flexgrid.

  • Bakgrundsfärg för ikonplatta: Här väljer du vilken bakgrundsfärg till ikonen den övre delen av puffen ska ha – svart, grön, blå, lila, gul eller orange.
  • Ikonfärg: Välj vilken färg ikonen ska ha – vit, ljusgrön, ljusblå, ljuslila, ljusgul eller ljus orange.
  • Välj ikon: Ikonerna väljer du från ett arkiv med ett urval av Font Awesome-ikoner. Gå till fontawesome.com för att se bilder på alla ikoner. Det är dock inte säkert att just den ikon du vill ha finns tillgänglig i arkivet.
  • Rubrik: Lägg till puffens rubrik (förslagsvis samma som målsidans rubrik).
  • Rubriknivå: Ställ in vilken rubriknivå stegens rubriker ska vara. Beror på hur strukturen för din sida i stort ser ut. Du kan välja mellan H2, H3 och H4.
  • Text: Lägg till en kort text som visas under rubriken i puffen.
  • Länktyp: Välj om puffen ska länka till en intern sida inom malmo.se eller en extern.
  • Intern länk/Extern länk: Beroende på föregående val letar du antingen fram den interna sidan du vill länka till i strukturen eller klistrar in den fullständiga url:en till en extern sida.

  • Bild: Ladda upp den bild som du vill ska synas ovanför rubriken i puffen. Antingen väljer du en bild i Bildarkivet eller så laddar du upp en ny bild i mappen Bilder på sidan.
  • Rubrik: Lägg till puffens rubrik (förslagsvis samma som målsidans rubrik).
  • Rubriknivå: Ställ in vilken rubriknivå stegens rubriker ska vara. Beror på hur strukturen för din sida i stort ser ut. Du kan välja mellan H2, H3 och H4.
  • Text: Lägg till en kort text som visas under rubriken i puffen.
  • Länktyp: Välj om puffen ska länka till en intern sida inom malmo.se eller en extern.
  • Intern länk/Extern länk: Beroende på föregående val letar du antingen fram den interna sidan du vill länka till i strukturen eller klistrar in den fullständiga url:en till en extern sida.

  • Bild: Ladda upp den bild som du vill ska synas i puffens ena spalt. Antingen väljer du en bild i Bildarkivet eller så laddar du upp en ny bild i mappen Bilder på sidan.
  • Bildposition: Välj om bilden ska ligga i höger eller vänster spalt.
  • Rubrik: Lägg till puffens rubrik (förslagsvis samma som målsidans rubrik).
  • Rubriknivå: Ställ in vilken rubriknivå stegens rubriker ska vara. Beror på hur strukturen för din sida i stort ser ut. Du kan välja mellan H2, H3 och H4.
  • Text: Lägg till en kort text som visas under rubriken i puffen.
  • Länktyp: Välj om puffen ska länka till en intern sida inom malmo.se eller en extern.
  • Intern länk/Extern länk: Beroende på föregående val letar du antingen fram den interna sidan du vill länka till i strukturen eller klistrar in den fullständiga url:en till en extern sida.
  • Länktext: Förslagsvis samma som målsidans rubrik. Tänk på att ange en tillgänglig länktext och undvik "Läs mer", "Klicka här" och liknande.
  • Länkstil: Välj stil och färg på länken – antingen fokuslänk i färgerna blå, svart, grön eller röd eller Textlänk med avslutande pil. Den sistnämnda blir en vanlig blålänk.

Du kan lägga till max 3 länkar i den här typen av Anpassad puff.

  • Bakgrundsbild: Ladda upp den bild som du vill ska synas som bakgrundsbild i modulens huvudyta (bakom de två puffarna). Antingen väljer du en bild i Bildarkivet eller så laddar du upp en ny bild i mappen Bilder på sidan. Tänk på att bilden behöver ha godkänd färgkontrast till rubriken (som är svart).
  • Rubrik: Lägg till den rubrik som du vill ska synas i puffens huvudyta.
  • Rubriknivå: Ställ in vilken rubriknivå stegens rubriker ska vara. Beror på hur strukturen för din sida i stort ser ut. Du kan välja mellan H1, H2, H3 och H4.
  • Text: Lägg till en kort text som visas under rubriken i modulens huvudyta och ovanför de två puffarna.

Du gör följande inställningar för de Puff 1 och Puff 2:

  • Bild: Ladda upp den bild som du vill ska synas ovanför rubriken i puffen. Antingen väljer du en bild i Bildarkivet eller så laddar du upp en ny bild i mappen Bilder på sidan.
  • Rubrik: Lägg till puffens rubrik (förslagsvis samma som målsidans rubrik).
  • Rubriknivå: Ställ in vilken rubriknivå stegens rubriker ska vara. Beror på hur strukturen för din sida i stort ser ut. Du kan välja mellan H2, H3 och H4.
  • Text: Lägg till en kort text som visas under rubriken i puffen.
  • Länktyp: Välj om puffen ska länka till en intern sida inom malmo.se eller en extern.
  • Intern länk/Extern länk: Beroende på föregående val letar du antingen fram den interna sidan du vill länka till i strukturen eller klistrar in den fullständiga url:en till en extern sida.

Sidan senast uppdaterad:

Relaterat

sv