Anpassad layout med Sprend Pro

Med Sprend Pro kan man anpassa utseendet på Sprend. Nedan följer en enkel beskrivning hur man går tillväga men kontakta oss gärna om du behöver hjälp.

Den anpassade layouten används när man är inloggad och på den nedladdningssida man kommer till när man laddar ned en fil skickad av en användare med anpassad layout.

Genom att gå till profilsidan när man är inloggad (klicka på mejladressen uppe till höger) och ladda upp en bild och lägga in egna CSS-definitioner kan man ganska enkelt sätta sin egen prägel på sajten.

Först lägger vi in en egen logotyp (”Infoflex”) på formatet 113 x 28 pixlar med vit text på transparent bakgrund.

Med nedanstående CSS-kod kan vi dessutom sätta bakgrundsfärgen till röd under logotypen (”#logocontainer”) och till vit för resten av sidan (”body”):

body {
  background: #ffffff;
}
#logocontainer {
  background: #cc0000;
}

Du ser resultatet av ändringarna i bilderna längst ned på denna sida.

Din egen bakgrundsbild

Du kan också byta ut bakgrundsbilden mot en egen bild.

Vi använder css media queries för att lägga ut två olika storlekar på bilden beroende på användarens skärmupplösning (1920 px och mindre):

body {
  background-image: url('/images/sprend-bg-1920px.jpg');
}

@media screen and (min-width: 1921px) {
  body {
    background-image: url('/images/sprend-bg-4896px.jpg');
  }
}

Bilder

Du kan klicka på bilderna nedan för att se en större version.

Sprend före layoutanpassning

Sprend med egen logotyp

Sprend med ändrad bakgrundsfärg

12 svar till Anpassad layout med Sprend Pro

  1. Lisa Önnerlid skriver:

    Hej,
    Jag undrar hur jag byter bakgrundsbilden bakom rutan om jag vill personalisera den? I exemplet ovan har ni tex en lite suddig brun naturbild, som sedan blir vit i ”infoflex”-exemplet.
    Kan du skicka instruktion så att vi kan lägga till en egen bakgrundsbild?
    Tack

    • Stefan skriver:

      Hej,

      du ska kunna byta ut bilden med följande kod:

      html {
      background-image: url(”http://www.example.com/files/minbakgrundsbild.jpg”);
      }

      där du byter ut url:en i exemplet ovan mot en länk där din bakgrundsbild är tillgänglig.

      Har du vidare frågor mejla gärna support@sprend.com istället.

      mvh
      Stefan

  2. Donald skriver:

    Hej, undrar om det finns en kod att byta färg på den gröna randen också?

    MVH
    Donald

  3. Anders Jäger skriver:

    Hej!
    Jag har en COPYSHOP och behöver en funktion där kunderna kan ladda upp sina original som skall tryckas. Finns möjlighet att lägga upp en länk på min hemsida som kunden kan gå in i och ladda upp sina filer för tryck?

  4. Zandra Lindell skriver:

    Om vi köper sprend Pro, kan man då placera vår sprend på vår egen www-sida i en iframe?

    • Stefan skriver:

      Hej Zandra,

      Sprend Pro ger er möjlighet att påverka layout så ni kan få till en mer ”avskalad” version att t.ex. placera i en iframe.

      Om det är tillräckligt bra för er är svårt att veta, men om ni registrerar er så kan ni ”prova på” i 5 dagar så ni kan testa detta.

      Vi kan förlänga den perioden lite också om ni inte hinner testa färdigt på 5 dagar.

      mvh
      Stefan

  5. Jonas skriver:

    Sprend Pro verkar intressant men jag skulle vilja ha en lösning där vi kan hänvisa våra kunder till ”vår egen” sprenduppladdningssida, typ http://www.sprend.com/foretagsnamn där vi kan visa vår logga, style och kanske någon extra information som vi vill förmedla till våra kunder.

    Går detta att ordna mot en human prislapp? :-)

  6. Olle Nyåker OPTV skriver:

    Jag skulle vilja ha ett meddelande default under inställningar som sedan alltid visas i ämnesrad i skickat mail, i email-meddelandet och sedan även på den länkade nedladdningssidan. då blir jag glad och betalande kund

Kommentera