Bakgrundsbild där man skriver kommentaren

1 ). Om man vill ha en bakgrundsfärg/bakgrundsbild runt kommentarsboxen följer man dessa instruktioner:

- Ladda upp bakgrundsbilden

- Gå in på design > redigera stilmall

- Leta upp (ctrl + c): commentform och lägg in det jag har visat nedan:


↑ Ta bort ”biladress” om du inte vill ha någon bakgrundsbild.

- Spara stilmallen när du är nöjd.

2 ). Om man vill ha en bakgrundsfärg/bakgrundsbild i själva textarean följer man dessa instruktioner:

- Ladda upp bakgrundsbilden

- Gå in på design> redigera stilmall

- Scrolla längst ner i stilmallen och klistra in detta i boxen längst ner:

- Redigera det jag har markerat på bilden nedan:


↑ Ta bort ”biladress” om du inte vill ha någon bakgrundsbild.

- Spara stilmallen när du är nöjd.

4 kommentarer »

Relaterade poster:

4 kommentarer till Bakgrundsbild där man skriver kommentaren

  1. lissy skriver:

    Hejsan, vet du om det går att repeta en bild så den blir rätt storlek automatiskt, jag undrar nämligen hur amn vet hur många pixlar bilden ska vara som man gör i t.ex. ps? Är det så att bilden automatiskt beskärs i bloggen när man lägger in url:en i kåden eller kommer kommentarsrutan bli lika stor som bilden man lägger upp :)! kraaam 10000 taack!!!

    Svar från Tescho: Info ang px finns under webbdesign & tutorials > besvarade frågor. Bilden kommer inte lägga sig utanför boxen utan den sitter i. Om du inte skriver in no-repeat i stilmallen så kommer den repeteras :)

    [Svara]

  2. Frida skriver:

    Jag använder design 12, om jag vill ha en ”vanlig” kommentarsruta, hur gör jag då? :)

    Den som jag har nu kan man inte ändra bakgrund på, etc, så jag antar att man bara kan göra det när det är vanliga inställningar.

    [Svara]

  3. sandra skriver:

    Jag gjorde som du sa… men när jag sedan går in på min blogg och kollar hamnade de ingen bild runt kommentarboxen :”(

    såhär ser.. koden ut:

    .commentform {
    font-family: verdana,;
    text-decoration: none;
    font-size: 10px;
    font-weight: normal;
    color: #111111;
    margin: 0px 0px 20px 0px
    background: url (http://booxeen.blogg.se/images/2010/namnls_103641819.jpg)no-repeat;
    border: 0px dotted #990099;
    }

    [Svara]

    Tescho svarar:

    När jag kikar i din stilmall hittar jag ingen sån kod. Glöm inte att uppdatera din webbläsare när du har gjort ändringar i din design.

    [Svara]

Lämna en kommentar

♥ Kommentarer som innehåller frågor ang bloggdesign/reklam raderas/besvaras ej
♥ Svar på vanliga frågor hittar du { här }
♥ Vill du boka mig som fotograf/webbdesigner? Besök då min hemsida.
♥ Jag tar tyvärr inte emot beställningar på bloggdesign. Däremot erbjuder jag en kurs i det.

Tack vänner :)

E-postadressen publiceras inte. Obligatoriska fält är märkta med *