{"id":33,"date":"2018-05-30T06:42:19","date_gmt":"2018-05-30T06:42:19","guid":{"rendered":"https:\/\/www.hemsida24.se\/blogg\/2018\/05\/30\/skapa-snygga-effekter-med-opacitet-i-block\/"},"modified":"2022-11-01T10:37:12","modified_gmt":"2022-11-01T10:37:12","slug":"skapa-snygga-effekter-med-opacitet-i-block","status":"publish","type":"post","link":"https:\/\/www.hemsida24.se\/blogg\/2018\/05\/30\/skapa-snygga-effekter-med-opacitet-i-block\/","title":{"rendered":"Skapa snygga effekter med opacitet i block"},"content":{"rendered":"

Varf\u00f6r inte skapa ytterligare effekter p\u00e5 din hemsida? Nu kan du l\u00e4gga till en opacitet, en transparent effekt, i blocken \u201cText\u201d eller \u201cText med bild\u201d, p\u00e5 din hemsida. Genom att anv\u00e4nda en bakgrundsf\u00e4rg och \u00e4ven l\u00e4gga till en grad av opacitet i blockramen, f\u00e5r du mjuka \u00f6verg\u00e5ngar som ger en levande hemsida med en snygg effekt. H\u00e4r ber\u00e4ttar vi hur du g\u00f6r f\u00f6r att l\u00e4gga till opacitet i blocken p\u00e5 din hemsida!<\/p>\n

\"Skapa<\/p>\n

Vill du testa att l\u00e4gga till opacitet p\u00e5 blocken p\u00e5 din hemsida? Ja, d\u00e5 ber\u00e4ttar vi hur du g\u00f6r i de tre enkla stegen nedan.<\/p>\n

S\u00e5 h\u00e4r g\u00f6r du!<\/strong><\/h2>\n

Logga in<\/a> p\u00e5 din hemsida och v\u00e4lj det block som du vill l\u00e4gga till en opacitet f\u00f6r.<\/p>\n

    \n
  1. Klicka p\u00e5 kugghjulet \u201cInst\u00e4llningar\u201d i det h\u00f6gra h\u00f6rnet i blocket som du vill skapa effekten f\u00f6r.<\/li>\n
  2. V\u00e4lj sedan \u201cBlockram\u201d d\u00e4r g\u00f6r du dina val under fliken \u201cEgen ram (Avancerat)\u201d. F\u00f6r att skapa en opacitet klickar du p\u00e5 valet \u201cF\u00e4rger\u201d i det nedre partiet.<\/li>\n
  3. Justera med reglaget vilken opacitet som du \u00f6nskar f\u00f6r ditt block och publicera sedan din hemsida p\u00e5 nytt.<\/li>\n<\/ol>\n

    T\u00e4nk p\u00e5! Att i f\u00f6nstret ser du den f\u00e4rg som du valt i ditt block, men graden av opacitet blir f\u00f6rst synlig n\u00e4r du st\u00e4nger ner redigeringsf\u00f6nstret.<\/p>\n

    Hemsida24 tipsar:<\/strong><\/span> Testa dig fram f\u00f6r att hitta den grad av opacitet du tycker blir allra b\u00e4st f\u00f6r blocket p\u00e5 din hemsida. T\u00e4nk dock p\u00e5 att se till att eventuellt justera f\u00e4rg p\u00e5 typsnitt och graden av opacitet s\u00e5 att bes\u00f6karen enkelt kan l\u00e4sa texten i det aktuella blocket.<\/p>\n

    Anv\u00e4nd bakgrundsbild f\u00f6r ytterligare effekt!<\/strong><\/h3>\n

    En snygg effekt \u00e4r \u00e4ven att anv\u00e4nda en bakgrundsbild i hela sektionen under ett eller flera block p\u00e5 din hemsida. Med en opacitet i blocken ovanp\u00e5 bildbakgrunden skapar du en fin inramning med en mjuk \u00f6verg\u00e5ng. Ett tips \u00e4r d\u00e5 att anv\u00e4nda en lugn f\u00e4rgnyans i blocket som g\u00e5r i linje med f\u00e4rgerna i bakgrundsbilden f\u00f6r att skapa ett enhetligt intryck. Testa dig fram f\u00f6r att hitta den r\u00e4tta opaciteten f\u00f6r din hemsida!<\/p>\n

    Tips kring ramar!<\/strong><\/h3>\n

    Genom att anv\u00e4nda runda kanter p\u00e5 din ram runt blocken skapar du en mjuk k\u00e4nsla p\u00e5 din hemsida. Vill du l\u00e4ra dig mer om hur du skapar en ram f\u00f6r dina block? V\u00e5r guide hj\u00e4lper dig<\/a> att steg f\u00f6r steg l\u00e4gga till och skapa ramar f\u00f6r blocken p\u00e5 din hemsida!<\/p>\n

    Vill du redan nu testa att l\u00e4gga till opacitet p\u00e5 dina block p\u00e5 hemsidan<\/a>? D\u00e5 \u00e4r det bara att logga in p\u00e5 ditt konto och s\u00e4tta ig\u00e5ng att testa dig fram!<\/p>\n","protected":false},"excerpt":{"rendered":"

    Varf\u00f6r inte skapa ytterligare effekter p\u00e5 din hemsida? Nu kan du l\u00e4gga till en opacitet, en transparent effekt, i blocken \u201cText\u201d eller \u201cText med bild\u201d, p\u00e5 din hemsida. Genom att anv\u00e4nda en bakgrundsf\u00e4rg och \u00e4ven l\u00e4gga till en grad av opacitet i blockramen, f\u00e5r du mjuka \u00f6verg\u00e5ngar som ger en levande hemsida med en snygg effekt. H\u00e4r ber\u00e4ttar vi hur du g\u00f6r f\u00f6r att l\u00e4gga till opacitet i blocken p\u00e5 din hemsida!Vill du testa att l\u00e4gga till opacitet p\u00e5 blocken p\u00e5 din hemsida? Ja, d\u00e5 ber\u00e4ttar vi hur du g\u00f6r i de tre enkla stegen nedan.<\/p>\n

    S\u00e5 h\u00e4r g\u00f6r du!
    \nLogga in p\u00e5 din hemsida och v\u00e4lj det block som du vill l\u00e4gga till en opacitet f\u00f6r.  <\/p>\n

    Klicka p\u00e5 kugghjulet \u201cInst\u00e4llningar\u201d i det h\u00f6gra h\u00f6rnet i blocket som du vill skapa effekten f\u00f6r.
    \nV\u00e4lj sedan \u201cBlockram\u201d d\u00e4r g\u00f6r du dina val under fliken \u201cEgen ram (Avancerat)\u201d. F\u00f6r att skapa en opacitet klickar du p\u00e5 valet \u201cF\u00e4rger\u201d i det nedre partiet.
    \nJustera med reglaget vilken opacitet som du \u00f6nskar f\u00f6r ditt block och publicera sedan din hemsida p\u00e5 nytt.  <\/p>\n

    T\u00e4nk p\u00e5! Att i f\u00f6nstret ser du den f\u00e4rg som du valt i ditt block, men graden av opacitet blir f\u00f6rst synlig n\u00e4r du st\u00e4nger ner redigeringsf\u00f6nstret.<\/p>\n

    Hemsida24 tipsar: Testa dig fram f\u00f6r att hitta den grad av opacitet du tycker blir allra b\u00e4st f\u00f6r blocket p\u00e5 din hemsida. T\u00e4nk dock p\u00e5 att se till att eventuellt justera f\u00e4rg p\u00e5 typsnitt och graden av opacitet s\u00e5 att bes\u00f6karen enkelt kan l\u00e4sa texten i det aktuella blocket.  <\/p>\n

    Anv\u00e4nd bakgrundsbild f\u00f6r ytterligare effekt!
    \nEn snygg effekt \u00e4r \u00e4ven att anv\u00e4nda en bakgrundsbild i hela sektionen under ett eller flera block p\u00e5 din hemsida. Med en opacitet i blocken ovanp\u00e5 bildbakgrunden skapar du en fin inramning med en mjuk \u00f6verg\u00e5ng. Ett tips \u00e4r d\u00e5 att anv\u00e4nda en lugn f\u00e4rgnyans i blocket som g\u00e5r i linje med f\u00e4rgerna i bakgrundsbilden f\u00f6r att skapa ett enhetligt intryck. Testa dig fram f\u00f6r att hitta den r\u00e4tta opaciteten f\u00f6r din hemsida!<\/p>\n

    Tips kring ramar!
    \nGenom att anv\u00e4nda runda kanter p\u00e5 din ram runt blocken skapar du en mjuk k\u00e4nsla p\u00e5 din hemsida. Vill du l\u00e4ra dig mer om hur du skapar en ram f\u00f6r dina block? V\u00e5r guide hj\u00e4lper dig att steg f\u00f6r steg l\u00e4gga till och skapa ramar f\u00f6r blocken p\u00e5 din hemsida!<\/p>\n

    Vill du redan nu testa att l\u00e4gga till opacitet p\u00e5 dina block p\u00e5 hemsidan? D\u00e5 \u00e4r det bara att logga in p\u00e5 ditt konto och s\u00e4tta ig\u00e5ng att testa dig fram!
    \n <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"yoast_head":"\nSkapa snygga effekter med opacitet i block - Hemsida24<\/title>\n<meta name=\"description\" content=\"Varf\u00f6r inte skapa ytterligare effekter p\u00e5 din hemsida? H\u00e4r ber\u00e4ttar vi hur du g\u00f6r f\u00f6r att l\u00e4gga till opacitet i blocken p\u00e5 din hemsida!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hemsida24.se\/blogg\/2018\/05\/30\/skapa-snygga-effekter-med-opacitet-i-block\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Skapa snygga effekter med opacitet i block - Hemsida24\" \/>\n<meta property=\"og:description\" content=\"Varf\u00f6r inte skapa ytterligare effekter p\u00e5 din hemsida? H\u00e4r ber\u00e4ttar vi hur du g\u00f6r f\u00f6r att l\u00e4gga till opacitet i blocken p\u00e5 din hemsida!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hemsida24.se\/blogg\/2018\/05\/30\/skapa-snygga-effekter-med-opacitet-i-block\/\" \/>\n<meta property=\"og:site_name\" content=\"Hemsida24\" \/>\n<meta property=\"article:published_time\" content=\"2018-05-30T06:42:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-01T10:37:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/h24-original.s3.amazonaws.com\/44\/26136459-xjsHF.png?name=Hem___Sydney.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"supervisor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#website\",\"url\":\"https:\/\/www.hemsida24.se\/blogg\/\",\"name\":\"Hemsida24\",\"description\":\"Blogg\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hemsida24.se\/blogg\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2018\/05\/30\/skapa-snygga-effekter-med-opacitet-i-block\/#primaryimage\",\"inLanguage\":\"sv-SE\",\"url\":\"https:\/\/h24-original.s3.amazonaws.com\/44\/26136459-xjsHF.png?name=Hem___Sydney.jpg\",\"contentUrl\":\"https:\/\/h24-original.s3.amazonaws.com\/44\/26136459-xjsHF.png?name=Hem___Sydney.jpg\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2018\/05\/30\/skapa-snygga-effekter-med-opacitet-i-block\/#webpage\",\"url\":\"https:\/\/www.hemsida24.se\/blogg\/2018\/05\/30\/skapa-snygga-effekter-med-opacitet-i-block\/\",\"name\":\"Skapa snygga effekter med opacitet i block - Hemsida24\",\"isPartOf\":{\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2018\/05\/30\/skapa-snygga-effekter-med-opacitet-i-block\/#primaryimage\"},\"datePublished\":\"2018-05-30T06:42:19+00:00\",\"dateModified\":\"2022-11-01T10:37:12+00:00\",\"author\":{\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#\/schema\/person\/ca45c38f2c4b8f335556d725ddc3a574\"},\"description\":\"Varf\\u00f6r inte skapa ytterligare effekter p\\u00e5 din hemsida? H\\u00e4r ber\\u00e4ttar vi hur du g\\u00f6r f\\u00f6r att l\\u00e4gga till opacitet i blocken p\\u00e5 din hemsida!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2018\/05\/30\/skapa-snygga-effekter-med-opacitet-i-block\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hemsida24.se\/blogg\/2018\/05\/30\/skapa-snygga-effekter-med-opacitet-i-block\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2018\/05\/30\/skapa-snygga-effekter-med-opacitet-i-block\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hemsida24.se\/blogg\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Skapa snygga effekter med opacitet i block\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#\/schema\/person\/ca45c38f2c4b8f335556d725ddc3a574\",\"name\":\"supervisor\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#personlogo\",\"inLanguage\":\"sv-SE\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/35afb41a7be6126e4500e131eeaf26c0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/35afb41a7be6126e4500e131eeaf26c0?s=96&d=mm&r=g\",\"caption\":\"supervisor\"},\"url\":\"https:\/\/www.hemsida24.se\/blogg\/author\/supervisor\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Skapa snygga effekter med opacitet i block - Hemsida24","description":"Varf\u00f6r inte skapa ytterligare effekter p\u00e5 din hemsida? H\u00e4r ber\u00e4ttar vi hur du g\u00f6r f\u00f6r att l\u00e4gga till opacitet i blocken p\u00e5 din hemsida!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hemsida24.se\/blogg\/2018\/05\/30\/skapa-snygga-effekter-med-opacitet-i-block\/","og_locale":"sv_SE","og_type":"article","og_title":"Skapa snygga effekter med opacitet i block - Hemsida24","og_description":"Varf\u00f6r inte skapa ytterligare effekter p\u00e5 din hemsida? H\u00e4r ber\u00e4ttar vi hur du g\u00f6r f\u00f6r att l\u00e4gga till opacitet i blocken p\u00e5 din hemsida!","og_url":"https:\/\/www.hemsida24.se\/blogg\/2018\/05\/30\/skapa-snygga-effekter-med-opacitet-i-block\/","og_site_name":"Hemsida24","article_published_time":"2018-05-30T06:42:19+00:00","article_modified_time":"2022-11-01T10:37:12+00:00","og_image":[{"url":"https:\/\/h24-original.s3.amazonaws.com\/44\/26136459-xjsHF.png?name=Hem___Sydney.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Skriven av":"supervisor","Ber\u00e4knad l\u00e4stid":"2 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.hemsida24.se\/blogg\/#website","url":"https:\/\/www.hemsida24.se\/blogg\/","name":"Hemsida24","description":"Blogg","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hemsida24.se\/blogg\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"sv-SE"},{"@type":"ImageObject","@id":"https:\/\/www.hemsida24.se\/blogg\/2018\/05\/30\/skapa-snygga-effekter-med-opacitet-i-block\/#primaryimage","inLanguage":"sv-SE","url":"https:\/\/h24-original.s3.amazonaws.com\/44\/26136459-xjsHF.png?name=Hem___Sydney.jpg","contentUrl":"https:\/\/h24-original.s3.amazonaws.com\/44\/26136459-xjsHF.png?name=Hem___Sydney.jpg"},{"@type":"WebPage","@id":"https:\/\/www.hemsida24.se\/blogg\/2018\/05\/30\/skapa-snygga-effekter-med-opacitet-i-block\/#webpage","url":"https:\/\/www.hemsida24.se\/blogg\/2018\/05\/30\/skapa-snygga-effekter-med-opacitet-i-block\/","name":"Skapa snygga effekter med opacitet i block - Hemsida24","isPartOf":{"@id":"https:\/\/www.hemsida24.se\/blogg\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hemsida24.se\/blogg\/2018\/05\/30\/skapa-snygga-effekter-med-opacitet-i-block\/#primaryimage"},"datePublished":"2018-05-30T06:42:19+00:00","dateModified":"2022-11-01T10:37:12+00:00","author":{"@id":"https:\/\/www.hemsida24.se\/blogg\/#\/schema\/person\/ca45c38f2c4b8f335556d725ddc3a574"},"description":"Varf\u00f6r inte skapa ytterligare effekter p\u00e5 din hemsida? H\u00e4r ber\u00e4ttar vi hur du g\u00f6r f\u00f6r att l\u00e4gga till opacitet i blocken p\u00e5 din hemsida!","breadcrumb":{"@id":"https:\/\/www.hemsida24.se\/blogg\/2018\/05\/30\/skapa-snygga-effekter-med-opacitet-i-block\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hemsida24.se\/blogg\/2018\/05\/30\/skapa-snygga-effekter-med-opacitet-i-block\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.hemsida24.se\/blogg\/2018\/05\/30\/skapa-snygga-effekter-med-opacitet-i-block\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hemsida24.se\/blogg\/"},{"@type":"ListItem","position":2,"name":"Skapa snygga effekter med opacitet i block"}]},{"@type":"Person","@id":"https:\/\/www.hemsida24.se\/blogg\/#\/schema\/person\/ca45c38f2c4b8f335556d725ddc3a574","name":"supervisor","image":{"@type":"ImageObject","@id":"https:\/\/www.hemsida24.se\/blogg\/#personlogo","inLanguage":"sv-SE","url":"https:\/\/secure.gravatar.com\/avatar\/35afb41a7be6126e4500e131eeaf26c0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/35afb41a7be6126e4500e131eeaf26c0?s=96&d=mm&r=g","caption":"supervisor"},"url":"https:\/\/www.hemsida24.se\/blogg\/author\/supervisor\/"}]}},"_links":{"self":[{"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/posts\/33"}],"collection":[{"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/comments?post=33"}],"version-history":[{"count":2,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/posts\/33\/revisions"}],"predecessor-version":[{"id":1236,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/posts\/33\/revisions\/1236"}],"wp:attachment":[{"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/media?parent=33"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/categories?post=33"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/tags?post=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}