help with banner

Banner looks the same on both pages. Do you mean the image in the sidebar? Try moving it up into your sidebar’s “right” <div>. Right now it’s sort of floating off on its own in the “wrapper” or main <div>.

yes image in the sidebar, do you now how to change top image?

<!– Begin Sidebar Template ————————————————————————–>
<div id=”right”> <!– Begin Right Side Segment –>
<div class=”menu_links”> <!– Begin Menu and Links Segment –>

<?php include (TEMPLATEPATH . ‘/searchform.php’); ?>

<?php if (function_exists(‘wp_theme_switcher’)) { ?>
• <h2><?php _e(‘Themes’); ?></h2>
  <?php wp_theme_switcher(); ?>

<?php } ?>
<!– Author information is disabled per default. Uncomment and fill in your details if you want to use it.

• <h2><?php _e(‘Author’); ?></h2>
  A little something about you, the author. Nothing lengthy, just an overview.

–>

• <?php /* If this is a category archive */ if (is_category()) { ?>
  You are currently browsing the archives for the <?php single_cat_title(”); ?> category.

  <?php /* If this is a yearly archive */ } elseif (is_day()) { ?>
  You are currently browsing the “><?php echo bloginfo(‘name’); ?> weblog archives
  for the day <?php the_time(‘l, F jS, Y’); ?>.

  <?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
  You are currently browsing the “><?php echo bloginfo(‘name’); ?> weblog archives
  for <?php the_time(‘F, Y’); ?>.

  <?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
  You are currently browsing the “><?php echo bloginfo(‘name’); ?> weblog archives
  for the year <?php the_time(‘Y’); ?>.

  <?php /* If this is a monthly archive */ } elseif (is_search()) { ?>
  You have searched the “><?php echo bloginfo(‘name’); ?> weblog archives
  for ‘<?php echo wp_specialchars($s); ?>’. If you are unable to find anything in these search results, you can try one of these links.

  <?php /* If this is a monthly archive */ } elseif (isset($_GET[‘paged’]) && !empty($_GET[‘paged’])) { ?>
  You are currently browsing the “><?php echo bloginfo(‘name’); ?> weblog archives.

  <?php } ?>

<?php // wp_list_pages(‘title_li=<h2>’ . __(‘Pages’) . ‘</h2>’ ); ?> <!– Commented out the pages, since I have a navbar–>
<!– Uncomment the line above you want to list your static pages elsewhere as well as the navbar within the header template –>

• <h2><?php _e(‘Archives’); ?></h2>

<?php wp_get_archives(‘type=monthly’); ?>

• <h2><?php _e(‘Categories’); ?></h2>

<?php list_cats(0, ”, ‘name’, ‘asc’, ”, 1, 0, 1, 1, 1, 1, 0,”,”,”,”,”) ?>

<?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>
<?php get_links_list(); ?>

• <h2><?php _e(‘Meta’); ?></h2>

<?php wp_register(); ?>
• <?php wp_loginout(); ?>
• “><?php _e(‘Valid XHTML 1.0 Strict’); ?>
• <?php _e(‘Valid CSS’); ?>

<?php wp_meta(); ?>

<?php } ?>

</div> <!– Begin Menu and Links Segment –>
</div> <!– End Right Side Segment –>

<!– End Sidebar Template ————————————————————————–>

<!– Start of dzd.lv 125×125 baner v2.0 code –>

<img src=”https://www.hc.lv/inc/baners/dzd125x125.gif&#8221; align=”right” width=”125″ height=”125″ border=”0″
alt=”Dzīvnieku patversme Dzīvnieku Draugs (www.dzd.lv)” />

<!– End of dzd.lv 125×125 baner v2.0 code –>

where do i need to copy image link?

Just above this line:

</div> <!-- End Right Side Segment -->

and what about changing background color?

Background color? For the sidebar? It should all be defined in your theme’s stylesheet (css).

/*
Theme Name: Blue-Bye-You
Theme URI: Insert your URI here
Description: Scalable theme based on many previous trial and error versions.
Version: 1.1
Author: Brian Ellis
Author URI: https://www.dcwalkabout.com/

The CSS, XHTML and design is released under GPL:
https://www.opensource.org/licenses/gpl-license.php

Images are not released, and are generally usefult to the author only.
*/

/*————Clearing the way to content—————-*/
.hide {
display:none;
}
/*—————————————————*/

/*———-Begin General Page Layout———–*/
/*——-This section describes things in the order they appear on the page————–*/

body {
margin:0; /*It is generally good practice to zero out your margins and padding on the page, since some agents don’t so this*/
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 76%; /*Tips for scaling up the font ladder, start with 76% and then use mostly ems for the rest of the page*/
font-style: normal;
line-height: 1.6em;
color: #000000;
text-align:center;
background: #FFF url(images/background.gif) ;
}

#wrapper {
background: url(images/two_column.gif) repeat-y;
width: 800px;
margin: 0 auto;
border: solid #707C99;
border-width: 0 1px 1px 1px;
text-align: left;
color: #333;
position:relative;
}

#header {
background: #5557C9 url(images/banner.jpg) no-repeat;
background-position: 0 0;
height:150px;
width:100%;
}

#header h1 {
padding-top: 50px;
margin: 0;
font-size: 3em;
text-align: center;
}

.description {
font-size: 1.2em;
text-align: center;
}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
text-decoration: none;
color: #255FE6;
}

/* ———- Begin mainnav ———————– */
#mainnav {
background:#1E5AE6 url(images/navmenu_back.gif) top left repeat-x;
float:left;
width:100%;
border:solid #999999;
border-width:1px 0;
}

#mainnav ul { padding: 0; }
#mainnav ul li { display: inline; }

#mainnav ul
{
margin: 0;
padding: 0;
color: #000000;
font-size: .8em;
letter-spacing: 2px;
}

#mainnav ul li a
{
padding: 0.2em 12px;
color: #000000;
text-decoration: none;
float: left;
border-right: 1px solid #A8BAE6;
}

#mainnav ul li a:hover
{
background-color: #95B2F4;
color: #FFFFFF;
}

#navlist li a:hover, #navlist li a:active
{
color: #FFFFFF;
text-decoration: none;
background: #95B2F4;
text-align: left;
}
/* ———- End mainnav ———————– */

#content_container {
position:relative;
margin:0;
padding:0;
}

#left {
float:left;
width: 540px;
/* position-top: 0;
position-left: 0; */
}

.content {
margin: 0px;
padding:5px;
}

#right {
float:right;
width: 240px;
/* position-top: 0;
position-right: 0; */
}

.menu_links {
margin: 0px;
padding:5px;
font-size:.9em;
color:#FFF;
}

.menu_links img {
margin: 0 0 0 -15px;
padding: 0;
}

#footer {
clear:both;
margin:0;
padding:0;
width:100%;
border-top: 5px solid #666666;
background-color:#707C99;
font-size:.9em;
line-height: 1.8em;
color: #FFF;
}

.disclaimers {
margin:0;
padding: 5px;
text-align:center;
}

/*———-End General Page Layout———–*/

/*—This next segment goes through and adds elements per template page, such as the tags needed for the index page, or header page, etc —*/

/*——–Start of Possible Header Template CSS elements—————*/
h1 {
font-size: 4em;
text-align: center;
}

.description {
font-size: 1.2em;
text-align: center;
}

/*——–Start of Main Index CSS elements—————*/

#left a:link {
text-decoration:none;
color: #4077F7;
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
}

#left a:visited {
text-decoration:none;
color: #073AB0;
}

#left a:hover {
text-decoration:none;
color: #094AE1;
}

#left a:active {
text-decoration:none;
}

acronym {
cursor: help;
}

h1, h2, h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

#left h2 {
font-size: 1.2em;
color: #5988F8;
line-height: 1.2em;
}

.post {
margin:20px 0 0 0;
padding:0;
text-align: left;
}

.small {
font-family: Arial, Helvetica, sans-serif;
text-indent: 5px;
font-size: .8em;
margin: 0;
padding:0;
line-height: 1em;
}

.entry {
text-indent: 10px;
font-size: 1em;
margin: 0 5px;
padding:0;
line-height: 1.3em;
}

.entrytext {
text-indent: 10px;
font-size: 1em;
margin: 0 5px;
padding:0;
line-height: 1.3em;
}

.related-links ul {
list-style: none;
}

.related-links ul li {
background: url(images/bullet.gif) no-repeat 0 50%;
padding-left: 15px;
}

.post blockquote {
margin: 0 20px;
padding: 5px;
background: #F6F8FC url(images/top_quote.gif) top left no-repeat;
border: 1px solid #A9BBE5;
text-indent: 30px;
}

.post ul {
list-style: none;
}

.post ul li {
background: url(images/bullet.gif) no-repeat 0 50%;
padding-left: 12px;
}

.post ol {
margin: 0 0 0 20px;
list-style: upper-roman;
}

.post ol li {
color: #917961;
}

.postmetadata {
text-align: right;
font-size: .9em;
margin: 0;
padding:0;
line-height: 1.6em;
}

.comment_class {
background: url(images/comment.gif) no-repeat;
padding-left: 18px;
}

.postmetadata a:hover, .entry a:hover {
background-color: #CEDCFD;
}
/*——still figuring out what these last three do———–*/
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 30px;
}

/*————————————————-*/
.center {
text-align: center;
}

/*——-Next up, the Sidebar Template elements————*/

#right ol, #right ul {
list-style: none;
}

#right a:link {
text-decoration: none;
color: #073AB0;
}

#right a:visited {
text-decoration:none;
color: #4077F7;
}

#right a:hover {
text-decoration:none;
color: #000000;
background-color: #D0DAF1;
margin: 0;
padding: 0;
}

#right a:active {
text-decoration:none;
}

/*——–specific list items for the dailey wanderings——*/
#wanderings {
border-bottom: 1px dashed #000;
}

#wanderings h3 {
font: 1.6em Arial, Helvetica, sans-serif;
text-align:center;
}

#wanderings dt {
font: bold 1em Arial, Helvetica, sans-serif;
}

#wanderings dd {
text-align: right;
margin: 0 0 20px 0;
}

/*—————-Begin Calendar————*/
#right table {
width: 220px;
color: #FFFFFF;
font-size: 100%;
}

#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
}

#wp-calendar #prev a {
font-size: .90%;
padding-left: 10px;
text-align: left;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar a {
text-decoration: none;
display: block;
color: #073AB0;
}

#wp-calendar a:visited {
text-decoration:none;
color: #4077F7;
}

#wp-calendar a:hover {
text-decoration:none;
color: #000000;
background-color: #D0DAF1;
}

#wp-calendar a:active {
text-decoration:none;
}

#wp-calendar caption {
font: bold 1em Arial, Helvetica, sans-serif;;
text-align: center;
width: 100%;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}

#wp-calendar td {
padding: 1px 0;
text-align: center;
}

/*————End Calendar———–*/

/*————-Begin search form elements——-*/
#searchform {
margin: 0;
padding: 0;
text-align: center;
}

#right #searchform #s {
width: 150px;
padding: 0;
}

#right #searchsubmit {
padding: 1px;
font: 1em Arial, Helvetica, sans-serif;
}
/*——–End search form elements———— */

/*——–List elements for the right side——-*/
#right ul li h2 {
font: 1.6em Arial, Helvetica, sans-serif;
}

#right ul {
margin: 0;
padding: 0;
}

#right ul li {
list-style: none;
line-height: 1.4em;
}

#right ul li ul {
list-style: none;
margin: -15px 0 15px 20px;
}

/*—If you want to make ordered lists on the right side, you’ll need to make some as I didn’t ?? ——-*/

/*——–Time for some Footer Template action————————–*/
#footer a:link {
text-decoration: none;
color: #E7EEFE;
border-bottom: 1px solid red;
}

#footer a:visited {
text-decoration:none;
color: #000000;
background-color: #D0DAF1;
border-bottom: 1px dashed red;
}

#footer a:hover {
text-decoration:none;
color: #000000;
background-color: #D0DAF1;
border-bottom: 1px solid red;
margin: 0;
padding: 0;
}

#footer a:active {
text-decoration:none;
}

/*————-Comment Template Elements——————*/

/* Begin Comments*/
#left h2.comment {
margin: 0;
padding: 0;
color: #073AB0;
font-size: .9em;
}

#left .commentlist {
padding: 0;
}

#left .commentlist ol {
list-style-type: upper-roman;
}

#left .commentlist li {
margin: 5px 0 20px 20px;
padding: 5px;
list-style-type: upper-roman;
line-height: 1.8em;
background-color: #F6F8FC;
border: 1px solid #A9BBE5;
}

#left .commentlist p {
margin: 0;
text-indent: 20px;
}

#left .commentlist p.commenter {
margin: 0;
text-align: right;
color: #917961;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}

#left h2.postcomment {
margin: 0;
padding: 0;
color: #073AB0;
font-size: .9em;
text-align:center;
}
/* End Comments */
#commentform {
background: #E7EEFE url(images/comform_back.gif) repeat-x;
margin-bottom: 20px;
}

#commentform p {
margin: 5px;
color: #073AB0;
}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 0px 0;
}

#commentform textarea {
width: 95%;
padding: 2px;
}

#commentform #submit {
margin: 0;
float: right;
}

/*—————Misc——————*/
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
border: 1px solid #A9BBE5;
background-color: #FFF;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
border: 1px solid #A9BBE5;
background-color: #FFF;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
border: 1px solid #A9BBE5;
background-color: #FFF;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
how to change that color which is under posts?