hits

Rundt profilbilde med HTML og CSS

Man trenger faktisk ikke gjre et profilbilde rundt med et bilderedigerings program. Det kan nemlig gjres med en enkel HTML og CSS kombinasjon. Jeg bruker denne koden veldig aktivt. Nr du har lagt inn CSS-koden kan du selv velge hvilke bilder du nsker gjre runde, enten det er profilbildet ditt eller andre bilderi designet. Det ser ut som koden ikke virker p bilder i innlegg.

VIKTIG: BILDET M VRE KVADRATISK FRA FR!

Alts alle sider p bildet m vre like lange. Hvis bildet er avlangt enten vannrett eller loddrett vil det bare f veldig avrundede kanter, men det blir ikkerundt.

Du skal hit: Min blogg > Avansert design > Stilsett (CSS)

.img-circle {
border-radius: 50%;
}

Koden limes inn hvor som helst i stilsettet.

Her er kodenfor identifisere bildet som en runding.

<img class="img-circle" src="URL TIL DITT BILDE HER" >

Dersom du nsker begrense strrelsen p bildet.

<img class="img-circle" src="URL TIL DITT BILDE HER" width="DITT TALL HER F.EKS 150">


















  • Jeg blogger mest for min egen del. Dette er en offentlig dagbok fremfor blogg, men en gang iblant legger jeg ut diverse innlegg som noen kanskje har nytte av. For eksempel milj og brekraft, kologisk kosmetikk eller webdesign. Dette finner du ogs i kategoriene mine.

    • bloggrevyen - Oversikt over nye norske blogginnlegg.
    • miniblogg - Kjapp blogging i miniformat.
    • bloggblogg - Her blogger vi selv om stort og smtt.
    • forum - Tips, rd og hjelp om blogging og design.