Eigenes Bild IN den Header (obigen Balken) einfügen - nicht ersetzen, einfügen ?

ulpian

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)

PHP

/* 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

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

ulpian

(da im ersten post wegen Überlänge nicht akzeptiert, hier noch die cods der header-Datei)

header.php:

PHP

<?php


$wp_andreas09_ImageColour = get_settings('wp_andreas09_ImageColour');


if (!$wp_andreas09_ImageColour) {


$wp_andreas09_ImageColour = 'blue';


update_option('wp_andreas09_ImageColour', $wp_andreas09_ImageColour);


}


?>






<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">






<html xmlns="http://www.w3.org/1999/xhtml">


<head profile="http://gmpg.org/xfn/11">


<link href=�favicon.ico� rel=�shortcut icon�>


<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
 <!-- leave this for stats -->


<meta name="description" content="din elestirisi" />


<meta name="keywords" content="" />


<meta name="author" content="Ainslie Johnson / Original design by Andreas Viklund - http://andreasviklund.com" />


<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />


<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/<?php echo "" . get_settings( 'wp_andreas09_ImageColour' )


 . ".css"; ?>" type="text/css" media="screen" />


<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />


<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />


<?php wp_head(); ?>


<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; <?php _e('Blog Archive','andreas09'); ?> <?php } ?> <?php wp_title(); ?></title>


</head>






<body>






<div id="container">






<div id="sitename">






<h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1>


<h3><?php bloginfo('description'); ?></h3>






</div>












<?php if (is_page()) { $highlight = ""; } else {$highlight = "current"; } ?>


<div id="mainmenu">
<ul class="level1">
<li class="<?php echo $highlight; ?>"><a href="<?php echo get_settings('home'); ?>"><?php _e('Home','andreas09'); ?></a></li>
<?php
    if(function_exists("wp_andreas09_nav")) {
      wp_andreas09_nav("sort_column=menu_order&list_tag=0&show_all_parents=1&show_root=1");
    }
?>
</div>






<div id="wrap">

Alles anzeigen

Für jegliche Hilfestellung wäre ich äußerst dankbar.

Vielen Dank im Voraus.

ulpian

Sorry, falls ich nerve... :oops:

Aber könnt Ihr mir nicht zumindest einen Anstoß geben?

Es ist wirklich so, dass ich seit Tagen versuche, es selbständig hinzukriegen, es aber nicht schaffe... (ist also wirklich keine Faulheit, höchstens Unfähigkeit meinerseits :-( )

Nochmals "DANKE" im Voraus... :)

alchymyth

du koenntest das als bild in den html code des header.php einfuegen:

von hier:

PHP

<div id="sitename">


<h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1>

nach hier aendern:

PHP

<div id="sitename">


<img src="http://www.dinelestirisi.com/wp-content/themes/ThemeAndreas09/wp-andreas09/images/ulpian_Afak_Adali.jpg" />
 
<h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1>

und in style.css einfuegen:

Code

#sitename img { 
float:right;
width:130px;
margin-top:1px; }

ueber die 'width' kannst die die groesse des bildes beeinflussen.

hero1977

oder so - im stylesheet das:

Code

#sitename {
color:#FFFFFF;
height:90px;
margin:0 20px 10px;
text-align:left;
}

ersetzen mit dem:

Code

#sitename {
background:url("http://www.dinelestirisi.com/wp-content/themes/ThemeAndreas09/wp-andreas09/images/ulpian_Afak_Adali.jpg")  no-repeat scroll right center transparent;
color:#FFFFFF;
height:90px;
margin:0 0 0 20px;
padding:0 0 10px 0;
text-align:left;
}

und wenn du vorher das bild zurechtschneidest sieht es so aus wie auf deinem screenshot da oben.

ulpian

Vielen Dank Leute,

beide Methoden haben super geklappt. :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Eigenes Bild IN den Header (obigen Balken) einfügen - nicht ersetzen, einfügen ?

Jetzt mitmachen!