How do I customize my site

Topics: Help
Jul 11, 2008 at 2:27 AM

I’m trying to figure out how to go about modifying the graphics and text for the club site starter kit that I have downloaded. I know that I would need to update the default.master file so that all of my pages look the same, but I can’t figure out where in the code to make the change or to change the pic that’s displayed in the header. Then I thought that the style sheet would be the place, but again I was wrong. Can someone let me know where in the code to make the change so the I can delete the pic (soccer ball) that’s in the header of every page? Below is the code to the default.master file and the style sheet

<o:p> </o:p>

Default.master file<o:p></o:p>

<o:p> </o:p>

<%@ Master Language="VB" %><o:p></o:p>

<o:p> </o:p>

<%@ Register TagPrefix="ClubSite" TagName="HitCounter" Src="~/UserControls/HitCounter.ascx" %><o:p></o:p>

<o:p> </o:p>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<o:p></o:p>

 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><o:p></o:p>

<script runat="server"><o:p></o:p>

    <o:p></o:p>

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)<o:p></o:p>

<o:p> </o:p>

        If Not (IsPostBack) Then<o:p></o:p>

            ActivateUsers.Text = Application("activeUsers").ToString<o:p></o:p>

<o:p> </o:p>

            Dim ClubName As String = ConfigurationManager.AppSettings("ClubName")<o:p></o:p>

            Dim ClubSlogan As String = ConfigurationManager.AppSettings("ClubSlogan")<o:p></o:p>

            Dim ClubAddress As String = ConfigurationManager.AppSettings("ClubAddress")<o:p></o:p>

            Dim ClubCopyright As String = ConfigurationManager.AppSettings("ClubCopyright")<o:p></o:p>

        <o:p></o:p>

            If Not (ClubName Is Nothing) Or ClubName <> "" Then<o:p></o:p>

                Label_ClubName.Text = ClubName<o:p></o:p>

                masterhead.Title = ClubName<o:p></o:p>

            Else<o:p></o:p>

                Label_ClubName.Text = "My Club Site"<o:p></o:p>

                masterhead.Title = "My Club Site"<o:p></o:p>

            End If<o:p></o:p>

            <o:p></o:p>

            If Not (ClubSlogan Is Nothing) Or ClubSlogan <> "" Then<o:p></o:p>

                Label_ClubSlogan.Text = ClubSlogan<o:p></o:p>

            Else<o:p></o:p>

                Label_ClubSlogan.Text = "My Club Site tag line or slogan"<o:p></o:p>

            End If<o:p></o:p>

        <o:p></o:p>

            If Not (ClubAddress Is Nothing) Or ClubAddress <> "" Then<o:p></o:p>

                Label_ClubAddress.Text = ClubAddress<o:p></o:p>

            Else<o:p></o:p>

                Label_ClubAddress.Text = "Club Address here"<o:p></o:p>

            End If<o:p></o:p>

        <o:p></o:p>

            If Not (ClubCopyright Is Nothing) Or ClubCopyright <> "" Then<o:p></o:p>

                Label_Copyright.Text = ClubCopyright<o:p></o:p>

            Else<o:p></o:p>

                Label_Copyright.Text = "Copyright &copy; 2007 My Club Site. All Rights Reserved."<o:p></o:p>

            End If<o:p></o:p>

        <o:p></o:p>

        End If<o:p></o:p>

        <o:p></o:p>

        If Page.User.Identity.IsAuthenticated Then<o:p></o:p>

            Membership.GetUser(Membership.GetUser.ProviderUserKey(), True)<o:p></o:p>

        End If<o:p></o:p>

    End Sub<o:p></o:p>

</script><o:p></o:p>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" ><o:p></o:p>

<head id="masterhead" runat="server"><o:p></o:p>

    <title>Greater Mt Olive Overcoming Church of GOD</title><o:p></o:p>

    <o:p></o:p>

    <link rel="alternate" type="application/rss+xml" title="News" href="~/RSS/NewsRss.aspx" /> <o:p></o:p>

    <link rel="alternate" type="application/rss+xml" title="Events" href="~/RSS/EventRss.aspx" /> <o:p></o:p>

    <link rel="alternate" type="application/rss+xml" title="Blog" href="~/RSS/BlogsRss.aspx" /> <o:p></o:p>

    <link rel="alternate" type="application/rss+xml" title="Forums" href="~/RSS/AllPostsRss.aspx" /> <o:p></o:p>

    <link rel="alternate" type="application/rss+xml" title="Photo Albums" href="~/RSS/AlbumsRss.aspx" /><o:p></o:p>

</head><o:p></o:p>

<body><o:p></o:p>

    <div id="poster"><o:p></o:p>

        <h1><o:p></o:p>

<o:p> </o:p>

******Here is the Text I need to add in the header ******************** <o:p></o:p>

            <asp:Label ID="Label_ClubName" runat="server" >Welcome to Greater Mt Olive <o:p></o:p>

            Overcoming <st1:place w:st="on"><st1:PlaceType w:st="on">Church</st1:PlaceType> of <st1:PlaceName w:st="on">GOD</st1:PlaceName></st1:place></asp:Label><o:p></o:p>

            </h1><o:p></o:p>

        <h2><o:p></o:p>

            <asp:Label ID="Label_ClubSlogan" runat="server" >&quot;WHERE WE&#39;RE GOING PLACES IN <o:p></o:p>

            GOD WE&#39;VE NEVER GONE BEFORE....TOGETHER&quot;</asp:Label><o:p></o:p>

<o:p> </o:p>***********************************************************************<o:p></o:p>

<o:p> </o:p>

        </h2><o:p></o:p>

    </div><o:p></o:p>

    <div class="none"><o:p></o:p>

        <a href="#content_start">Skip Repetitive Navigational Links</a></div><o:p></o:p>

    <div id="navtop"><o:p></o:p>

        <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" ShowStartingNode="false" /><o:p></o:p>

        <asp:Repeater ID="TopNavRepeat" runat="server" DataSourceID="SiteMapDataSource1"><o:p></o:p>

            <HeaderTemplate><o:p></o:p>

                <ul><o:p></o:p>

            </HeaderTemplate><o:p></o:p>

            <ItemTemplate><o:p></o:p>

                <li><o:p></o:p>

                    <asp:HyperLink ID="HyperLink1" runat="server" Text='<%# Eval("Title") %>' NavigateUrl='<%# Eval("Url") %>'<o:p></o:p>

                        ToolTip='<%# Eval("Description") %>' /><o:p></o:p>

                </li><o:p></o:p>

            </ItemTemplate><o:p></o:p>

            <FooterTemplate><o:p></o:p>

                </ul><o:p></o:p>

            </FooterTemplate><o:p></o:p>

        </asp:Repeater><o:p></o:p>

    </div><o:p></o:p>

    <form id="form1" runat="server"><o:p></o:p>

        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"><o:p></o:p>

        </asp:ContentPlaceHolder><o:p></o:p>

    </form><o:p></o:p>

    <div id="navbottom"><o:p></o:p>

        <asp:Repeater ID="BottomNavRepeat" runat="server" DataSourceID="SiteMapDataSource1"><o:p></o:p>

            <HeaderTemplate><o:p></o:p>

                <ul><o:p></o:p>

            </HeaderTemplate><o:p></o:p>

            <ItemTemplate><o:p></o:p>

                <li><o:p></o:p>

                    <asp:HyperLink ID="HyperLink1" runat="server" Text='<%# Eval("Title") %>' NavigateUrl='<%# Eval("Url") %>'<o:p></o:p>

                        ToolTip='<%# Eval("Description") %>' /><o:p></o:p>

                </li><o:p></o:p>

            </ItemTemplate><o:p></o:p>

            <FooterTemplate><o:p></o:p>

                </ul><o:p></o:p>

            </FooterTemplate><o:p></o:p>

        </asp:Repeater><o:p></o:p>

    </div><o:p></o:p>

    <div id="footer"><o:p></o:p>

            <asp:Label ID="Label_ClubAddress" runat="server" Text="Label"/><o:p></o:p>

            <br /><o:p></o:p>

            <asp:Label ID="Label_Copyright" runat="server" Text="Label"/><br /><o:p></o:p>

            Number of users on the site (<asp:Label ID="ActivateUsers" runat="server"></asp:Label>)<br /><o:p></o:p>

            <ClubSite:HitCounter ID="HitCounter" runat="server" /><o:p></o:p>

    </div><o:p></o:p>

</body><o:p></o:p>

</html><o:p></o:p>

<o:p> </o:p>

<o:p> </o:p>

Style Sheet Code<o:p></o:p>

div.foot{ text-align:center; }<o:p></o:p>

      <o:p></o:p>

      .eventmonth h3<o:p></o:p>

{<o:p></o:p>

    padding-left: 20px;<o:p></o:p>

    padding-right: 20px;<o:p></o:p>

}<o:p></o:p>

<o:p> </o:p>

.eventlist label<o:p></o:p>

{<o:p></o:p>

    font-weight: bold;<o:p></o:p>

    padding-right: 4px;<o:p></o:p>

}<o:p></o:p>

.eventmonth<o:p></o:p>

{<o:p></o:p>

    width: 694px;<o:p></o:p>

    margin-right: auto;<o:p></o:p>

    margin-left: auto;<o:p></o:p>

    margin-bottom: 10px;<o:p></o:p>

    padding-left: 15px;<o:p></o:p>

    padding-right: 15px;<o:p></o:p>

    padding-top: 10px;<o:p></o:p>

}<o:p></o:p>

<o:p> </o:p>

/* used as the cssclass of the actual calendar */<o:p></o:p>

.eventmonthtable<o:p></o:p>

{<o:p></o:p>

    width: 694px;<o:p></o:p>

    margin-right: auto;<o:p></o:p>

    margin-left: auto;<o:p></o:p>

    position: relative;<o:p></o:p>

    margin-bottom: 15px;<o:p></o:p>

    border: 1px solid #DBDB79;<o:p></o:p>

    border-collapse:collapse;<o:p></o:p>

}<o:p></o:p>

<o:p> </o:p>

<o:p> </o:p>

.dayNumber<o:p></o:p>

{<o:p></o:p>

    float: right;<o:p></o:p>

    border-bottom: 1px solid #C7C272;<o:p></o:p>

    border-left: 1px solid #C7C272;<o:p></o:p>

    clear: none;<o:p></o:p>

    padding: 2px;<o:p></o:p>

}<o:p></o:p>

<o:p> </o:p>

<o:p> </o:p>

.calcurrentmonth<o:p></o:p>

{<o:p></o:p>

    /* no styles needed at this time */<o:p></o:p>

}<o:p></o:p>

.calothermonth<o:p></o:p>

{<o:p></o:p>

    background-color: #DCD78E;<o:p></o:p>

}<o:p></o:p>

.calcurrentday<o:p></o:p>

{<o:p></o:p>

    background-color: #FFFFC1;<o:p></o:p>

}<o:p></o:p>

.calweekend<o:p></o:p>

{<o:p></o:p>

    background-color: #FEEB95;<o:p></o:p>

  /*  width: 15%; */<o:p></o:p>

}<o:p></o:p>

<o:p> </o:p>

.calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend<o:p></o:p>

{<o:p></o:p>

    text-align: left;<o:p></o:p>

    border: 2px solid #C7C272;<o:p></o:p>

    height: 60px;<o:p></o:p>

    vertical-align: top;<o:p></o:p>

    /* needed for positioning the dayNumber part */<o:p></o:p>

    position:relative;<o:p></o:p>

     border-collapse:separate;<o:p></o:p>

     border-spacing: 5px;<o:p></o:p>

     <o:p></o:p>

}<o:p></o:p>

.eventlistdate<o:p></o:p>

{<o:p></o:p>

    padding-right: 4px;<o:p></o:p>

}<o:p></o:p>

.eventlisticon<o:p></o:p>

{<o:p></o:p>

    text-align: center;<o:p></o:p>

}<o:p></o:p>

.eventlisttime<o:p></o:p>

{<o:p></o:p>

    text-align: center;<o:p></o:p>

    width: 95px;<o:p></o:p>

}<o:p></o:p>

.eventlistevent<o:p></o:p>

{<o:p></o:p>

    font-weight: bold;<o:p></o:p>

}<o:p></o:p>

.eventlistlocation<o:p></o:p>

{<o:p></o:p>

    /* no styles needed at this time */<o:p></o:p>

}<o:p></o:p>

.eventlist td<o:p></o:p>

{<o:p></o:p>

    padding-bottom: 4px;<o:p></o:p>

}<o:p></o:p>

.button<o:p></o:p>

{ <o:p></o:p>

      cursor: hand; <o:p></o:p>

      background: transparent url('../images/button.png') no-repeat 0% 0%;<o:p></o:p>

      padding: 0;<o:p></o:p>

      width: 123px;<o:p></o:p>

      height: 40px;<o:p></o:p>

      border: none;           <o:p></o:p>

      overflow: hidden;<o:p></o:p>

      font: corbel;<o:p></o:p>

      font-size: 17px;<o:p></o:p>

      color: #454545;<o:p></o:p>

      padding-bottom: 5px;<o:p></o:p>

}<o:p></o:p>

.button:hover {<o:p></o:p>

      background: transparent url('../images/button.png') no-repeat 0% -40px; <o:p></o:p>

      }<o:p></o:p>

Jul 11, 2008 at 6:29 AM
Hi,

in my case the header pic is adressed in the style sheet Format.css, line 95.

Hope this helps,
Thorsten