Hallo allerseits,
bitte entschuldigt, dass ich trotz Forum- und google-Suche mein Problem nicht selbständig lösen konnte.
>In meinem Blog< möchte ich ein eigenes Bild IN DEN obigen blauen Balken (und zwar rechts positioniert) einfügen. Konkret geht es um das Bild >hier< mit den beiden Händen (Ausschnitt aus "Schöpfung" von Michelangelo). >Hier< nochmal mit vollständigem Pfad auf dem Server.
Ich möchte also, dass der blaue Balken oben so bleibt, wie es ist, dass aber in diesen Balkan (rechts) dieses Bild eingefügt wird.
Im Ergebnis meine ich also das hier.
Könnt Ihr mir bitte helfen?..
Zumindest einen Anstoß geben, wo ich anfangen soll, herumzuexperimentieren?
Hier noch die codes
style.css: (Ausschnitt)
/* WordPress specific image requirements */
#content .aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* General Element Styling */
body {
background:#8b8b8b;
color:#303030;
font:76% Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}
a {
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#808080;
text-decoration:underline;
}
p {
line-height:1.5em;
margin:0 0 15px;
padding: 0px;
}
/*** Main container ***/
#container {
color:#303030;
margin:0;
min-width:770px;
padding:0;
text-align:left;
width:100%;
}
/*** Header section ***/
#sitename {
color:#ffffff;
height:90px;
margin:0 20px 10px;
text-align:left;
}
#sitename h1,
#sitename h2 {
font-weight:400;
margin:0;
padding:0;
}
#sitename h1 {
font-size:2.4em;
padding-top:20px;
}
#sitename h1 a {
color: #ffffff;
text-decoration: none;
letter-spacing: 5px;
}
#sitename h2 {
font-size:1.6em;
}
/*** Content wrap ***/
#wrap {
clear:both;
font-size:0.9em;
padding:0;
margin-top: 5px;
}
/* Horizontal menu */
#mainmenu {
clear: both;
width: 100%;
margin: 0px;
padding: 0px;
}
#mainmenu ul.level1 {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
#mainmenu ul {
background: #b0b0b0 url(images/menubg.jpg) center left repeat-x;
padding: 0 0 0 5px;
margin: 0px;
border-bottom: 1px solid #fff;
}
#mainmenu li {
display: inline;
line-height: 25px;
margin-left: -4px;
padding: 0px;
font-size: 0.9em;
list-style: none;
text-transform: uppercase;
}
#mainmenu a {
padding: 6px 9px 6px 9px;
text-decoration: none;
border-right: 1px solid #B0B0B0;
}
#mainmenu li.current a {
color: #000;
}
/*** Sidebars ***/
#leftside,#rightside {
margin:0;
padding:0 10px 10px;
width:165px;
}
#leftside {
float:left;
margin-right:10px;
}
#rightside {
float:right;
margin-left:10px;
}
#rightside img {
border: 0px;
}
/*** Sidebar menu ***/
#leftside h2,
#rightside h2 {
font-size: 1.4em;
margin-top: 10px;
padding: 5px 5px 5px 0;
border-bottom: 1px solid #BEBFC3;
}
#leftside ul,
#rightside ul {
padding-left: 0px;
margin: 0px;
}
#leftside li,
#rightside li {
list-style: none;
}
li#categories li.cat-item a,
li.widget_categories li a,
li#archives li a,
li#pages li a {
background:#e8e9ea;
border:1px solid #b0b0b0;
display:block;
margin-top:4px;
padding:5px 4px 4px 10px;
position:relative;
text-transform: capitalize;
width:140px;
}
li#categories li.cat-item a:hover,
li.widget_categories li a:hover,
li#archives li a:hover,
li#pages li a:hover {
background:#f8f9fa;
border:1px solid #909090;
color:#303030;
text-decoration:none;
}
li#categories li.cat-item ul.children li a,
li.widget_categories ul.children li a,
li#archives ul.children li a,
li#pages ul li ul li a {
font-size:0.8em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
}
li#categories li.cat-item ul.children li li,
li.widget_categories ul.children li li,
li#archives ul.children li li,
li#pages ul li ul li ul li {
padding-left: 10px;
}
li#categories li.cat-item ul.children li li a,
li.widget_categories ul.children li li a,
li#archives ul.children li li a,
li#pages ul li ul li ul li a {
width: 115px;
}
li.feed {
background: url(images/rss.gif) no-repeat left top;
padding: 2px 0 8px 20px;
}
li#recent-comments ul li {
padding-bottom: 5px;
}
li#recent-posts ul li {
padding-bottom: 5px;
}
/*** Content ***/
#content,#contentalt {
background-color:#ffffff;
border:1px solid #909090;
color:#000000;
padding:15px 20px 5px;
}
#content {
margin:0 200px;
}
#contentalt {
margin:0 200px 0 20px;
}
#content h1,
#contentalt h1,
#contentalt h2 {
background-color:inherit;
color:#000000;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}
#content h1,
#contentalt h1 {
border-bottom: 1px solid #b0b0b0;
}
#content h2 {
font-size:1.6em;
color:#000000;
}
/* The Fix (Andy Skelton) */
.entry,
.entrytext {
overflow: hidden;
}
* html.entry,
* html.entrytext {
overflow: visible;
height: 1px;
}
* html.entry p,
* html.entrytext p {
width: 99%;
overflow: hidden;
}
.entrytext {
padding-top: 0px;
}
/* Archives/Links Page List styles */
.archives li,
.linkspage li {
list-style: none;
}
.archives ul.children {
padding-left: 10px;
margin-left: 10px;
}
/*** Footer ***/
#footer {
background:#8b8b8b url(images/footerbg.jpg) top left repeat-x;
clear:both;
color:#000;
font-size:0.9em;
font-weight:bold;
margin:0;
padding:20px 0;
text-align:center;
width:100%;
}
#footer a {
color: #d0d0d0;
font-weight:bold;
}
/*** comments Form ***/
#comment {
width: 100%;
border:1px solid #b0b0b0;
}
#commentform {
width: 97%;
}
#author {
border:1px solid #b0b0b0;
}
#email {
border:1px solid #b0b0b0;
}
#url {
border:1px solid #b0b0b0;
}
#submit {
background:#f0f0f0;
border:1px solid #b0b0b0;
}
#submit:hover {
background: #e8e9ea;
border: 1px solid #848484;
cursor: pointer;
}
/* Image Display */
.entry img,
.entrytext img {
border: 0px;
margin: 3px;
padding: 2px;
}
.entry a:hover img,
.entrytext a:hover img {
/* border: 1px solid #505050;*/
/* padding: 5px;*/
}
img.wp-smiley {
border: 0px;
margin: 0px;
padding: 0px;
}
.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}
.left {
background:#fafbfc;
border:1px solid #b0b0b0;
float:left;
margin: 5px 15px 6px 0px;
padding:5px;
}
.right {
background:#fafbfc;
border:1px solid #b0b0b0;
float:right;
margin: 5px 0px 6px 15px;
padding:5px;
}
.noalign {
background:#fafbfc;
border:1px solid #b0b0b0;
margin: 5px 5px 5px 5px;
padding:5px;
}
Alles anzeigen