{"id":1855,"date":"2016-04-17T17:23:41","date_gmt":"2016-04-17T15:23:41","guid":{"rendered":"http:\/\/blogg.improveme.se\/lolla\/?p=1855"},"modified":"2016-04-17T17:23:41","modified_gmt":"2016-04-17T15:23:41","slug":"blogg-se-meny-under-headern","status":"publish","type":"post","link":"https:\/\/blogg.improveme.se\/lolla\/2016\/04\/17\/blogg-se-meny-under-headern\/","title":{"rendered":"Blogg.se: Meny under headern."},"content":{"rendered":"
H\u00e4r kommer inl\u00e4gget om hur man f\u00e5r en meny med l\u00e4nkar under headern. Det \u00e4r ganska kr\u00e5ngligt att f\u00f6rklara allt men jag hoppas att ni f\u00f6rst\u00e5r, annars f\u00e5r ni ber\u00e4tta f\u00f6r mig vad som \u00e4r ”kr\u00e5ngligt”. Jag g\u00f6r ett f\u00f6rs\u00f6k i varje fall!<\/div>\n

\n1.\u00a0<\/strong>Klicka p\u00e5 fliken: ”Design” och sedan vidare p\u00e5: ”Redigera Stilmall”.<\/div>\n
2.\u00a0<\/strong>Klista in f\u00f6ljande l\u00e4ngst ned i stilmallen:<\/div>\n
#meny3 li{
\ndisplay: inline;
\n}<\/p>\n

#meny3 ul{
\nfloat: left;
\nwidth: 100%;
\nbackground: #666;
\nfont: 12px arial;
\ncolor: #fff;
\npadding:0px;
\nmargin:0px;
\n}<\/p>\n

#meny3 ul a{
\nfloat: left;
\ncolor: #fff;
\ntext-decoration: none;
\nfont-weight: bold;
\npadding: 0.3em 2em;
\n}<\/p>\n

#meny3 a:hover{
\nbackground: #666;
\nfont-weight: bold;
\ncolor: #000;
\n}
\n3.\u00a0<\/span>”Spara Stilmall”.
\n4.<\/strong>\u00a0Klicka nu vidare till: ”Kodmallar”.
\n5.<\/strong>\u00a0Precis innan: ”<div id=”content”>” klistrar du nu in:<\/div>\n

<div id=”meny3″><\/div>\n
<ul><\/div>\n
<li><a href=”l\u00e4nk adess1″>NAMN P\u00c5 L\u00c4NK1<\/a><\/li><\/div>\n
<li><a href=”l\u00e4nk adess2″>NAMN P\u00c5 L\u00c4NK2<\/a><\/li><\/div>\n
<li><a href=”l\u00e4nk adess3″>NAMN P\u00c5 L\u00c4NK3<\/a><\/li><\/div>\n
<li><a href=”l\u00e4nk adess4″>NAMN P\u00c5 L\u00c4NK4<\/a><\/li><\/div>\n
<li><a href=”l\u00e4nk adess5″>NAMN P\u00c5 L\u00c4NK5<\/a><\/li><\/div>\n
<\/ul><\/div>\n
<\/div>
\n6.\u00a0<\/strong>Nu fixar du till det som du sj\u00e4lv vill ha det. D\u00e4r jag har skrivit: ”NAMN P\u00c5 L\u00c4NK1” och s\u00e5 vidare. D\u00e4r skriver du in eget namn p\u00e5 l\u00e4nkarna. D\u00e4r det st\u00e5r: ”l\u00e4nk adress1”, d\u00e4r klistrar du in adressen dit du vill l\u00e4nka. Vill du till exempel l\u00e4nka till: ”Kategorin – Allm\u00e4nt”, s\u00e5 blir det s\u00e5 h\u00e4r: ”<li><a href=”http:\/\/DIN BLOGGS NAMN.blogg.se\/category\/allmant.html”>ALLM\u00c4NT<\/a><\/li>”
\n7.\u00a0<\/strong>N\u00e4r du \u00e4r klar med det, \u00e4r det bara att ”Spara Kodmall”.
\n8.\u00a0<\/strong>Om du nu vill ha ett annat utseende p\u00e5 menyn, f\u00e5r du klicka dig in p\u00e5: ”Stilmallen” igen och leta upp det du klistrade in i steg: ”2”.
\n#meny3 li{
\ndisplay: inline;
\n}<\/p>\n

#meny3 ul{
\nfloat: left;
\nwidth: 100%; <-\u00a0H\u00e4r \u00e4ndrar du l\u00e4ngden p\u00e5 menyn.<\/em>
\nbackground: #666; <-\u00a0H\u00e4r \u00e4ndrar du bakgrundsf\u00e4rgen p\u00e5 menyn.<\/em>
\nfont: 12px arial; <-\u00a0H\u00e4r \u00e4ndrar du teckensnitt och storlek p\u00e5 texten.<\/em>
\ncolor: #fff; <-\u00a0H\u00e4r \u00e4ndrar du f\u00e4rgen p\u00e5 texten.<\/em>
\npadding:0px;
\nmargin:0px;
\n}<\/p>\n

#meny3 ul a{
\nfloat: left;
\ncolor: #fff;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <-\u00a0H\u00e4r \u00e4ndrar du f\u00e4rg p\u00e5 texten.<\/em>
\ntext-decoration: none; <-\u00a0H\u00e4r \u00e4ndrar du om texten ska vara understucken eller ej. – None eller underline<\/em>.
\nfont-weight: bold;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <-\u00a0H\u00e4r \u00e4ndrar du tjocklek p\u00e5 texen. – Normal eller bold.<\/em>
\npadding: 0.3em 2em;\u00a0 <-\u00a0H\u00e4r \u00e4ndrar du mellanrummet upp\u00e5t och ned\u00e5t samt \u00e5t sidorna.<\/em>
\n}<\/p>\n

#meny3 a:hover{
\nbackground: #666; <-\u00a0H\u00e4r \u00e4ndrar du bakgrundsf\u00e4rgen vid mouse over.<\/em>
\nfont-weight: bold; <-\u00a0H\u00e4r \u00e4ndrar du tjocklek p\u00e5 texen vid mouse over. – Normal eller bold.<\/em>
\ncolor: #000; <-\u00a0H\u00e4r \u00e4ndrar du f\u00e4rg p\u00e5 texen vid mouse over.<\/em>
\n}
\n9.\u00a0<\/strong>N\u00e4r du har gjort allting ovanf\u00f6r, s\u00e5 rekommenderar jag att du klickar p\u00e5: ”F\u00f6rhandsgranska” innan du sparar Stilmallen. – F\u00f6r om n\u00e5gonting har blivit fel s\u00e5 syns det ju n\u00e4r du F\u00f6rhandsgranskar din egna blogg..<\/div>\n","protected":false},"excerpt":{"rendered":"

H\u00e4r kommer inl\u00e4gget om hur man f\u00e5r en meny med l\u00e4nkar under headern. Det \u00e4r ganska kr\u00e5ngligt att f\u00f6rklara allt men jag hoppas att ni f\u00f6rst\u00e5r, annars f\u00e5r ni ber\u00e4tta f\u00f6r mig vad som \u00e4r ”kr\u00e5ngligt”. Jag g\u00f6r ett f\u00f6rs\u00f6k i varje fall! 1.\u00a0Klicka p\u00e5 fliken: ”Design” och sedan vidare p\u00e5: ”Redigera Stilmall”. 2.\u00a0Klista in … L\u00e4s mer<\/a><\/p>\n","protected":false},"author":9652,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[65],"tags":[1984,2014,2012,2013],"class_list":["post-1855","post","type-post","status-publish","format-standard","hentry","category-design-och-html","tag-blogg-se","tag-headern","tag-meny","tag-under"],"_links":{"self":[{"href":"https:\/\/blogg.improveme.se\/lolla\/wp-json\/wp\/v2\/posts\/1855","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogg.improveme.se\/lolla\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogg.improveme.se\/lolla\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogg.improveme.se\/lolla\/wp-json\/wp\/v2\/users\/9652"}],"replies":[{"embeddable":true,"href":"https:\/\/blogg.improveme.se\/lolla\/wp-json\/wp\/v2\/comments?post=1855"}],"version-history":[{"count":0,"href":"https:\/\/blogg.improveme.se\/lolla\/wp-json\/wp\/v2\/posts\/1855\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogg.improveme.se\/lolla\/wp-json\/wp\/v2\/media?parent=1855"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogg.improveme.se\/lolla\/wp-json\/wp\/v2\/categories?post=1855"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogg.improveme.se\/lolla\/wp-json\/wp\/v2\/tags?post=1855"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}