Avatar billede goet Nybegynder
30. maj 2010 - 23:54 Der er 5 kommentarer

Hvordan får jeg mit headerbillede tilbage?

Jeg har lige lavet nogle små ændringer i CSS'en på min weblog. Inden man går igang står der en note om, at headerbilledet forsvinder, når man laver ændringer.

Jeg regnede med at man bare skulle pege på det igen i rubrikken header. Men jeg kan hverken få det billede jeg har indskiftet eller original billedet ind på bloggen igen. Billederne ligger i systemet, så er der nogen, der ved hvad man skal gøre?
Avatar billede claes57 Ekspert
31. maj 2010 - 08:33 #1
1) tag en kopi af din css-kode
2) slet koden
så skulle du gerne vende tilbage til originalen
3) opret header med billede
4) gem billede
5) lav ændringer i css igen
6) indsæt dit gemte billede i header
Avatar billede goet Nybegynder
31. maj 2010 - 09:43 #2
Men det virker desværre ikke. Går jeg tilbage til originalen, kommer billedet fint ind igen, men sætter jeg min ændrede kode ind forsvinder hovedbilledet. Det er lavet i den skabelon, der hedder Misty Look. Jeg har kun ændret lidt i farver på fonte og fjernet nogle skygger rundt om billederne. Den ser sådan ud:

* {
margin:0;
padding:0;
}

p {
line-height:1.6em;
margin:.7em 0;
}

dl {
margin:1em 0;
}

dt {
font-weight:bold;
}

dd {
margin:.5em;
padding:0;
}

.entry img {
border:none;
border-top:none;
border-left:none;
padding:0;
}

.entry a img {
border:none;
background:none;
border-top:none;
border-left:none;
padding:0;
}

#content #content-main .entry .imagelink {
border-bottom:none;
}

#content #content-main .gallery .gallery-item a {
border-bottom:none;
}

.entry .wp-smiley,#wpstats {
background:none;
border:0;
padding:0;
}

.clear {
clear:both;
height:20px;
}

blockquote {
color:#666;
background:url('///C|/Users/Isak/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/PT572WIB/img/blockquote.gif') no-repeat left top;
margin:1em;
padding:0 0 10px 50px;
}

fieldset {
border:none;
}

body {
background:#f9f9f0;
font:76%/1.6em verdana, tahoma, arial, sans-serif;
color:#333;
text-align:center;
margin:0;
}

a {
text-decoration:none;
}

a:link,a:visited {
color:#3b2313;
}

a:hover,a:active {
border-bottom:#f7941e 1px solid;
}

h1,h2,h3,h4,h5,h6 {
font-family:Georgia, Verdana, Arial, Serif;
}

#container {
border:#ccc 1px solid;
background:#fff;
width:780px;
position:relative;
text-align:left;
margin:0 auto;
}

#navigation {
background:transparent;
overflow:hidden;
width:760px;
position:relative;
text-align:left;
font-family:Trebuchet MS,Tahoma, Verdana, Arial, Serif;
letter-spacing:1px;
margin:20px auto 0;
}

html #navigation {
height:1%;
}

#navigation ul li {
float:left;
list-style-type:none;
margin:0 5px 0 0;
}

#navigation ul li a {
border:#dedede 1px solid;
border-bottom:none;
display:block;
font-weight:bold;
color:#666;
text-decoration:none;
background:#ededed;
padding:2px 10px;
}

#navigation ul li a:hover,#navigation ul li a:active,#navigation ul li.current_page_item a {
background:#fff;
color:#333;
border:#ccc 1px solid;
border-bottom:none;
}

#navigation ul li.search {
font-size:.9em;
right:0;
position:absolute;
top:0;
}

#navigation ul li.search input#searchsubmit {
border:#999 1px solid;
font-size:.9em;
background:#ddd;
color:#3b2313;
margin:0 0 0 2px;
padding:2px;
}

#header {
clear:both;
float:left;
width:450px;
color:#3b2313;
margin:10px 5px;
}

#header h1 {
font-size:1.8px em;
font-variant:small-caps;
letter-spacing:1px;
color:#3b2313;
margin:10px 0 0 10px;
}

#header h1 a {
text-decoration:none;
border:none;
}

#header h2 {
font-size:1px em;
font-weight:normal;
font-family:Tahoma, Verdana, Arial, Serif;
letter-spacing:1px;
color:#f7941e;
margin:5px 0 0 10px;
}

#feedarea {
float:right;
text-align:right;
padding:10px 10px 0 0;
}

html #feedarea {
padding-top:10px;
}

#feedarea dl dt {
display:inline;
margin-right:5px;
height:45px;
}

#feedarea dl dd {
display:inline;
margin-right:5px;
height:45px;
background:url('///C|/Users/Isak/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/PT572WIB/img/icon_feed.gif') no-repeat left center;
padding-left:16px;
}

#headerimage {
clear:both;
background:#fff url('///C|/Users/Isak/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/PT572WIB/img/misty.jpg') no-repeat 0 0;
color:#fff;
height:200px;
margin:10px;
}

html #headerimage {
margin-top:0;
}

#content {
margin:10px 10px 10px 30px;
}

html #content {
height:1%;
}

#content h3 {
font-size:1.4em;
font-weight:normal;
color:#f7941e;
margin:1em 0 0;
}

#content h4 {
font-size:1.1em;
margin:1em 0 0;
}

#content h5 {
font-size:1em;
margin:1em 0;
}

#content-main ul {
list-style-image:url('///C|/Users/Isak/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/PT572WIB/img/bullet.png');
margin:1em;
padding:0 1em;
}

#content-main ul.asides {
border-bottom:#ddd 1px dashed;
margin:0;
padding:2em;
}

#content ol {
list-style-type:decimal;
margin:2em;
padding:0 2em;
}

#content-main {
float:left;
width:520px;
margin-right:20px;
overflow:hidden;
}

html #section-index #content-main {
margin-right:20px;
}

#content .post {
border-bottom:#ddd 1px dashed;
padding:0 0 2em;
}

#content p img.right {
float:right;
margin:10px 0 0 10px;
}

#content p img.left {
float:left;
margin:0 10px 10px 0;
}

#content .post h2 {
font-size:1.4em;
letter-spacing:1px;
font-weight:normal;
margin:1em 0 0;
}

#content .entry {
padding-right:1em;
margin:1em 0;
}

#content .sticky {
background:#f7f7f7;
padding:0 10px 10px;
}

#content .sticky .posttitle h2 {
padding-top:10px;
}

#content .entry a:link,#content .entry a:visited {
border-bottom:#963 1px dashed;
}

#content .entry a:hover,#content .entry a:active {
border-bottom:#963 1px solid;
}

#content .post-info,#content .postmetadata {
font-size:.9em;
color:#999;
margin:0;
padding:0;
}

#content .post-info {
background:url('///C|/Users/Isak/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/PT572WIB/img/underline1.jpg') no-repeat left bottom;
padding-bottom:12px;
}

#sidebar {
float:left;
width:200px;
font-size:.9em;
overflow:hidden;
}

#sidebar ul {
list-style:none;
margin:0;
padding:0;
}

#sidebar ul ul {
list-style:none;
margin:.5em 0 0 1em;
}

#sidebar ul ul ul {
margin:0 0 0 1em;
}

.sidebox ul li {
overflow:hidden;
}

li.sidebox {
background:url('///C|/Users/Isak/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/PT572WIB/img/sideheadtop.gif') #ededed no-repeat left top;
margin-bottom:10px;
padding:10px;
}

html li.sidebox {
padding-bottom:10px;
}

li.sidebox h2 {
font-weight:normal;
font-size:1.6em;
text-align:left;
color:#242;
font-variant:small-caps;
}

#sidebar li.sidebox p img {
border:#ccc 1px solid;
background:none;
margin:0;
padding:3px;
}

#sidebar .tweets li {
margin:.7em 0;
}

#footer {
clear:both;
background:transparent;
width:760px;
text-align:left;
margin:0 auto;
}

html #footer {
height:1%;
}

#footer p {
float:left;
width:50%;
line-height:1.2em;
}

#footer p.right {
float:right;
width:50%;
text-align:right;
font-size:.9em;
color:#999;
margin:1em 0;
}

#comments,#respond {
margin:2em 0 10px 5px;
}

#commentform {
background:#f9fcfc;
border-top:#ddd 1px solid;
border-bottom:#ddd 1px solid;
margin:10px 0;
padding:10px;
}

.commentnum {
font-size:1.5em;
font-weight:bold;
margin:0 5px 0 0;
}

#container .commentlist {
border-top:#ddd 1px solid;
margin:0;
padding:0;
}

.commentlist li {
list-style:none;
border-bottom:#ddd 1px solid;
margin:0;
padding:.5em;
}

.commentlist li.thread-alt {
background:#f9f9f9;
}

.commentlist li .cmtinfo {
font-size:1em;
}

.commentlist li cite {
font-style:normal;
font-weight:bold;
}

.commentlist li .cmtinfo em {
float:right;
font-style:normal;
font-size:.9em;
color:#999;
margin:0;
padding:0;
}

.commentlist .children li {
border-bottom:0;
}

#content-main .commentlist .children {
border-left:1px solid #ddd;
margin:10px 0 10px 10px;
padding:0;
}

#content .commentsfeed {
background:url('///C|/Users/Isak/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/PT572WIB/img/icon_feed.gif') no-repeat left center;
padding-left:16px;
}

#content .trackback {
background:url('///C|/Users/Isak/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/PT572WIB/img/link.gif') no-repeat left center;
padding-left:20px;
}

input.textbox {
border:#ccc 1px solid;
background:#fff url('///C|/Users/Isak/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/PT572WIB/img/shadow_top.gif') repeat-x top;
font:1em Verdana, Arial, Serif;
width:150px;
padding:2px;
}

textarea {
width:80%;
line-height:2em;
height:20em;
border:1px solid #ccc;
background:#fff url('///C|/Users/Isak/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/PT572WIB/img/shadow_top.gif') repeat-x top;
font:1em Verdana, Arial, Serif;
padding:10px;
}

.textbox:focus,textarea:focus {
background:#fff url('///C|/Users/Isak/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/PT572WIB/img/shadow_top.gif') repeat-x top;
border:#999 1px solid;
}

.post h4 {
font-size:1em;
font-weight:normal;
font-family:Verdana, Tahoma, Arial, Serif;
}

.post h4 em {
font-style:normal;
float:right;
font-weight:normal;
}

#header,#content,#sidebar,#footer,.widget,.entry {
overflow:hidden;
}

.cmtinfo .avatar {
clear:both;
float:right;
margin-left:5px;
}

.navigation {
clear:both;
}

img.centered,img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

img.alignright {
display:inline;
margin:0 0 2px 7px;
}

img.alignleft {
display:inline;
margin:0 7px 2px 0;
}

.alignright {
float:right;
}

.alignleft {
float:left;
}

.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:10px;
}

.wp-caption img,.wp-caption a img {
border:0 none;
margin:0;
padding:0;
}

#content .wp-caption a:hover,#content .wp-caption a:active,#content .wp-caption a:link,#content .wp-caption a:visited {
border:none;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
Avatar billede claes57 Ekspert
31. maj 2010 - 10:13 #3
flyt dit billede fra
('///C|/Users/Isak/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/PT572WIB/img/misty.jpg')
så det ligger samme sted, som din kode i øvrigt - evt i en undermappe (img/misty.jpg)
de temporære filer er jo netop temporære, så der forsvinder indholdet.
Avatar billede goet Nybegynder
31. maj 2010 - 15:36 #4
Nu spørger jeg sikkert helt vildt dumt. Men jeg synes det er rigtig svært at overskue, hvad wordpress gør inde bagved. Jeg har prøvet at fjerne lokalstrengen, så der kun står img/misty. jpg. Jeg har også prøvet at ændre navnet til det navn jeg uploader mit headerbillede som. Jeg har prøvet at fjerne img/. Jeg har prøvet at genuploade mit billede igen. Men væk er det med den nye CSS.
Avatar billede claes57 Ekspert
31. maj 2010 - 16:24 #5
i wp er det typisk bygget op, så temaer ligger i
\wpress\wp-content\themes
og da du bruger misty, så se efter på serveren, om ikke der er en
\misty\images
i themes mappen.
deri placerer du misty.jpg
og så skal du kalde billedet på samme måde, som de andre billeder der ligger i temaet.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester