This project is read-only.

Adding my own logo?!

Topics: Themes
Jun 27, 2008 at 10:39 AM
Hi there. Any time I add an image(jpeg) to the heading of the master page, I can see them when the page is not published but when I publish the page I see just the "alt" text of the image and the image disappears online?!
Would you please be kind enough to help me resolve the problem?
Thanks anyway
Jun 29, 2008 at 1:53 AM
IF you are talking about editing the html of the site.master to include an image in the header of your theme, you could put your image in a folder called "images" inside of the theme's folder...

you could edit your html to look something like this:

<div id="header">
    <div class="style">

and your css might look like this:

#header .style {
background: url(images/your_image.jpg) no-repeat;
display: block;
height: 280px; }

I have seen that work...
Jun 30, 2008 at 10:20 AM
Hi and thanks a lot.
It really worked.
Jun 30, 2008 at 11:09 PM
Sorry it works in design mode in Visual Studio 2008 but when I preview it or upload it to my site I just see the image place holdres.
The follwing is the code of my master page:
Standard theme:

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="site.master.cs" Inherits="site" %>
<%@ Register Src="SidePanel.ascx" TagName="InfoBox" TagPrefix="uc1" %>
<%@ Import Namespace="BlogEngine.Core" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="" xml:lang="en">
<head runat="server" profile="">
    <link rel="stylesheet" href="style.css" type="text/css" />
    <link rel="shortcut icon" href="~/pics/blogengine.ico" type="image/x-icon"/>
    <style type="text/css">
            width: 100%;
            height: 94px;
<div id="header">
    <div class="style">
        <table cellpadding="0" cellspacing="0" class="style">
                <td style="width: 221px; height: 94px">
                    <img alt="" src="Images/Himage_r1_c1.jpg" /></td>
                <td style="width: 100%; height: 94px">
                    <img alt="" src="Images/Himage_r1_c2.jpg" /></td>
                <td style="width: 525px; height: 94px">
                    <img alt="" src="Images/Himage_r1_c3.jpg" /></td>

  <div id="menu">
      <li><a href="~/" runat="server" rel="home"><%=Resources.labels.home %></a></li>
      <li><a href="~/archive.aspx" runat="server"><%=Resources.labels.archive %></a></li>
      <li><a href="~/contact.aspx" runat="server">< %></a></li>
      <li><a href="<%=Utils.FeedUrl %>" class="feed"><img src="~/pics/rssButton.gif" alt="Feed" runat="server" /><%=Resources.labels.subscribe %></a></li>

So what is wrong with that.
n.b. I am using standard theme.
Looking forward... and thanks a lot in advance