• here is my header.php …can anyone please tell me where do i insert the code? and which code do i use….is it <img src=””>???
    (also, how do you guys paste your code so nicely in these forums? i hate it when i paste like below ..
    —————————————————–

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;

    <html xmlns=”http://www.w3.org/1999/xhtml&#8221; xml:lang=”en” lang=”en”>
    <head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″/>

    <title><?php
    $replacethese = array(‘[‘,’]’);
    $replacewith = array(‘ ‘,’ ‘);
    echo str_replace($replacethese, $replacewith, get_bloginfo(‘title’)); ?>

    <?php if ( !(is_404()) && (is_single()) or (is_page()) or (is_archive()) ) { ?> » <?php wp_title(”); ?><?php } ?></title>

    <meta name=”generator” content=”WordPress <?php bloginfo(‘version’); ?>” />
    <meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />
    <link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” 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(); ?>

    <img src=”/sliding-door/logo.jpg”
    width=”” height=””>

    </head>

    <body>

    <div id=”wrapper”>

    <div id=”welcomeheading”>
    <h1>/”>

    <?php $replacethese = array(‘[‘,’]’);
    $replacewith = array(‘<span id=”middleword”>’,'</span>’);
    echo str_replace($replacethese, $replacewith, get_bloginfo(‘title’)); ?>
    </h1>
    </div>
    <div class=”description”><?php bloginfo(‘description’); ?></div>
    <?php if( (is_home()) or (is_category())) { ?>

    <script type=”text/javascript”>

    window.addEvent(‘domready’, function(){
    var myMenu = new ImageMenu($$(‘#imageMenu a’),{openWidth:310, border:2, onOpen:function(e,i){location=(e);}});
    });
    </script>

    <?php } ?>

Viewing 5 replies - 1 through 5 (of 5 total)
  • Brian

    (@wgbcworship)

    first of all, on the code, use the “code” tag to put backticks on either side of your code. For your image problem, if you are using the default theme, the easiest way is just to overwrite the original image. Your header img is probably being set in the theme’s style.css file.

    Thread Starter eeps24

    (@eeps24)

    no it is not the default theme …

    http://www.thesportspad.net

    /* @override http://mac-host.com/slidingdoor/wp-content/themes/slidingdoor/style.css */
    
    /*
    Theme Name: Sliding Door
    Theme URI: http://mac-host.com/slidingdoor/
    Description:A template designed around Samuel Birch's phatfusion image menu.
    Version: 1.3
    Author: Wayne Connor
    Author URI: http://www.macintoshhowto.com/
    Tags: black, custom header, fixed width, left sidebar,two columns, widget ready, widgets, valid CSS
    */
    
    * { margin: 0; padding: 0; list-style: none; }
    
    body {
    	text-align: center;
    	color: #fff;
    	font-family: "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
    	background-color: #000;
    }
    
    body a {
    		color: #42adfb;
    }
    
    #upperBar {
    	height: 0px;
    	background: #01bcff;
    }
    
    #wrapper {
    width: 940px;
    margin: 0 auto;
    text-align: left;
    	position: relative;
    }    
    
    #welcomeheading a {
    	margin-bottom: 10px;
    	padding-bottom: 15px;
    	font: 40pt "Trebuchet MS", "Lucida Grande", Lucida, Vernada, sans-serif;
    	padding-top: 10px;
    	color: #ffffff;
    	text-decoration: none;
    }
    
    #welcomeheading {
    		text-align: center;
    }
    
    #welcomeheading a:hover {
    	color: #aaa;
    }
    
    #middleword {
    	color: #909090;
    }
    
    #welcomeheading a:hover #middleword {
    	color: #fff;
    }
    
    .description {
    	text-align: center;
    			font: normal 14px Verdana, Helvetica, Sans-serif;
    	color: #fff;
    	padding-bottom: 20px;
    }  
    
    #content {
    	float: right;
    	width: 640px;
    	margin-top: 0px;
    }
    
    	#content .notice p {
    		border-top: 1px solid #8acef3;
    		border-bottom: 1px solid #8acef3;
    		padding: 5px 0px;
    		font-size: 12px;
    	margin: 1px;
    }
    		#content .notice {
    		border-top: 1px solid #2d7cb9;
    		border-bottom: 1px solid #2d7cb9;
    	margin-bottom: 20px;
    }
    
        #content .post {
    		float: left;
    		position: relative;
    		width: 640px;
    
    }
    
    	#content .post h2 a {
    		color: #FFF;
    		text-decoration: none;
    		padding: 3px 0;
    	}
    
    	#content .post h2 a:hover {
    		color: #D5F3FF;
    	}
    
    	#content .post h3 {
    		font-size: 12px;
    		font-weight: normal;
    		color: #999;
    
    }
    
     #content .post-details {
    	bottom: 20px;
    	position: absolute;
    	right:  0px;
    	width: 120px;
    
    }
    
    	#content .post h3 a {
    		color: #999;
    	}              
    
    	#content .post h3 a:hover {
    		text-decoration: none;
    	}
    
    	#content .post img {
    	max-width: 500px;
    	max-height: 600px;
    	display: block;
    	margin-bottom: 10px;
    	margin-top: 10px;
    
    }     
    
    .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;
    }
    
    	#content .post a img {
    	}
    
    	#content .post ul {
    		margin-left: 20px !important;
    	}
    
    	#content .post ul li {
    		list-style-type: disc !important;
    	}
    
    	#content p,
    	#content .post ul li {
    		font: normal 13px/20px Verdana, Helvetica, Sans-serif;
    		margin-bottom: 1.5em;
    	color: #eaeaea;
    	margin-right: 140px;
    	text-align: justify;
    }
    
    		#content blockquote {
    			margin-left: 10px;
    			border-left: 3px solid #333;
    			padding-left: 10px;
    		}
    
    	#content p a {
    		color: #42adfb;
    	}
    
    	#content p a:hover {
    		text-decoration: none;
    	} 
    
    	#content small {
    	    margin: 0 auto;
    	    text-align: center;
    	    display: block;
    	    border-top: 3px solid #333;
    	    border-bottom: 1px solid #333;
    	    font-size: 11px;
    	    color: #999;
    	}
    
    	#content ol.commentlist {
    		margin-top: 10px;
    	}
    
    	#content ol.commentlist li {
    		border-top: 1px solid #333;
    		margin-bottom: 10px;
    	} 
    
    		#content ol.commentlist li .commentMeta {
    			width: 120px;
    			float: left;
    			margin-top: 5px;
    		} 
    
    		    #content ol.commentlist li .commentMeta span {
    				display: block;
    			}
    
    			#content ol.commentlist li .commentMeta span.author,
    			#content ol.commentlist li .commentMeta span.author a {
    				color: #CCC;
    				text-decoration: none;
    				margin-bottom: 5px;
    			}                     
    
    			#content ol.commentlist li .commentMeta span.date a {
    				color: #666;
    				text-decoration: none;
    				font-size: 11px;
    			}
    
    			#content ol.commentlist li .commentMeta span.moderate a {
    				color: #42adfb;
    			}
    
    		#content ol.commentlist li .commentText {
    			width: 450px;
    			float: right;
    			padding: 5px;
    			font-size: 12px;
    		}
    
    	#content ol.commentlist .avatar {
    float: left;
    }
    
    	#content h3 {
    		color: #42adfb;
    	}
    
    	#content #commentform input {
    		padding: 5px;
    		font-family: Arial, Helvetica, Sans-serif;
    	}
    
    	#content #commentform textarea {
    		width: 410px;
    		padding: 10px;
    		font-family: Arial, Helvetica, Sans-serif;
    	}
    
    	#content .nextprevious {
    		height: 40px;
    		display: block;
    	} 
    
    	#content .nextprevious a {
    		color: #CCC;
    	}               
    
    	#content .nextprevious .left {
    		float: left;
    	}              
    
    	#content .nextprevious .right {
    		float: right;
    	}
    
    	#content .adBrite {
    		display: block;
    		margin-bottom: 20px;
    		border: 1px solid #333;
    	}
    
    #sidebar {
    	width: 232px;
    	float: none;
    	padding-top: 8px;
    	text-align: left;
    } 
    
    #sitemeter {
    	text-align: center;
    	width: 160px;
    		font-size: 11px;
    		color: #999;
    }
    #sitemeter img{
    	padding-bottom: 8px;
    	padding-top: 8px;
    }
    
    	#sidebar h2 {
    		font-weight: normal;
    		font-size: 16px;
    		text-transform: uppercase;
    		margin-bottom: 10px;
    	}
    
    	#sidebar a img {
    		border: none;
    	}
    
    	#sidebar ul {
    		margin-bottom: 20px;
    }
    
    	#sidebar ul li {
    		font-size: 11px;
    		background: url(img/bullet.png) 0 5px no-repeat;
    		padding: 0 10px;
    		margin: 0 0 5px 5px;
    	}
    
    	#sidebar ul li a {
    		color: #999;
    		text-decoration: none;
    	}
    
    	#sidebar ul li span {
    		color: #666;
    		margin-left: 5px;
    	}
    
    	#sidebar ul li a:hover {
    		color: #CCC;
    	}
    
    	#sidebar ul#nav {
    		margin: 10px 0 20px 0;
    	}
    
    	#sidebar ul#nav li {
    		margin: 0;
    		padding: 0;
    	}
    
    	#sidebar ul#nav li a {
    		display: block;
    		height: 17px;
    		padding: 7px 10px;
    		background: url(img/nav_off.png) 0 0 no-repeat;
    		margin-bottom: 5px;
    		text-decoration: none;
    		font-size: 12px;
    		text-transform: uppercase;
    		font-weight: bold;
    		color: #999;
    	}
    
    	#sidebar ul#nav li a:hover {
    		background: url(img/nav_off.png) 0 -31px no-repeat;
    	}        
    
    	#sidebar ul#nav li a.active {
    		background: url(img/nav_on.png) 0 0 no-repeat;
    		color: #FFF;
    	}
    
    #sidebar #footer {
        border-top: 3px solid #444;
        border-bottom: 1px solid #444;
        padding: 7px 0;
        font-size: 11px;
    }
    
        #sidebar #footer p {
            margin-bottom: 5px;
            color: #ccc;
    	text-align: center;
    }
    
        #sidebar #footer a {
            color: #999;
    	text-decoration: none;
    }
    
        #sidebar #footer a:hover {
            text-decoration: none;
            color: #fff;
        }
    
    .clearfix {
    	clear: both;
    }	
    
    .ctc {
    text-align: center;
    	text-decoration: none;
    	line-height: 80%;
    	background-color: #000;
    	margin-bottom: 10px;
    	padding-right: 10px;
    	padding-top: 0px;
    	padding-bottom: 10px;
    }	
    
    .ctc a {
    	text-decoration: none;
    	text-transform: lowercase;
    	font-family: "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
    	margin: 4px;
    	border: thin none #060606;
    }
    .ctc a:hover{
    	color: #fff;
    	margin: 3px;
    	border: thin solid #8acef3;
    	background-color: #0c0c0c;
    }
    
    [disabled] {
    
    	color:#dddddd;
    
    	border-color:#dddddd!important;
    
    	background:none!important;
    
    }
    
     #upperBox {
    	margin-bottom: 10px;
    	text-align: center;
    	position: absolute;
    	right: 0;
    	padding-top: 5px;
    }
    
     #upperBox a img {
    		display: block;
    		margin: 0 auto;
    		border: none;
    	}
    
    	 #upperBox p {
    		margin: 5px 0;
    		font-size: 10px;
    		text-align: center;
    	}
    
    	 #upperBox input {
    		height: 18px;
    		padding: 5px 5px 5px 25px;
    		background: url(img/upperBox_search.png) top left no-repeat;
    		border: 0;
    		width: 100px;
    		color: #9ec7eb;
    		margin-top: 5px;
    	}
    
    	 #upperBox input:focus {
    		color: #FFF;
    	}
    Thread Starter eeps24

    (@eeps24)

    please help, i do not know where to insert my code so i can put my own image into my header, i just need a little head start….thank you

    You are looking in the wrong place….there is a separate css file for the slider window…in the theme, there is a folder called imageMenu.css…you would modify that file….the actual images are kept in a subfolder called images.

    Good luck

    I’m using this theme too, are you wanting to replace the images in the header?

    It wasn’t too difficult to do, check mine if you want.

    You simply have to replace the images found in this folder path

    wordpress/wp-content/themes/sliding-door/imagemenu/images/

    I simply loaded them in PS and overwrote my new images into the folder

    My site

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘where do I put my image code?’ is closed to new replies.