Hi All

Have you ever wanted to have custom footer links that were editable by the user, sat next to other skin objects such as COPYRIGHT or PRIVACY and not hard coded into the skin itself?  The most obvious idea is to use a contentpane to achieve the result but of course as contentpanes are usually wrapped by block elements like divs everything seems to go out of alignment with the other skin objects which are rendered as SPANS.

After bumping my head against the wall trying to get a contentpane into the footer next to other skin objects the following was the end result which may help other Skinners achieve something similar.

Below is a typical footer with skinobjects and the part is bold is a content pane called SiteLinks.

<div id="Footer">
        <dnn:COPYRIGHT runat="server" ID="dnnCOPYRIGHT" />
        &nbsp;&nbsp;|&nbsp;&nbsp;
        <dnn:TERMS runat="server" ID="dnnTERMS" Text="Disclaimer"  />
        &nbsp;&nbsp;|&nbsp;&nbsp;
        <dnn:PRIVACY runat="server" ID="dnnPRIVACY" Text="Privacy Policy"  />
        &nbsp;&nbsp;|&nbsp;&nbsp;
        <div class="CustomFooterLink" runat="server" id="SiteLinks"></div>
        &nbsp;&nbsp;|&nbsp;&nbsp;
        <dnn:LOGIN runat="server" ID="dnnLOGIN1" Text="Staff Login" LogoffText="Staff Logout" />
<div>

Now in your content pane edit the content add text and links etc, then go into source and remove the stupid paragraph tags the FCK editor always puts in for you, save the content while in source mode.

Now this looks awful so time for the css to fix the issue

.CustomFooterLink
{
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display:inline;
    vertical-align:middle;
}

While this is not the nicest look while in edit mode it seems to work and achieve editable footer links which you can then apply to all pages with the click of a checkbox.

Hope this helps someone
Marcus

Hey Timo

I tried this also but still required the styles because of the module content objects that get created in divs i.e.

Skin
<div id="Footer" class="FooterLinks">
        <dnn:COPYRIGHT runat="server" ID="dnnCOPYRIGHT" CssClass="FooterLinks" />
        &nbsp;&nbsp;|&nbsp;&nbsp;
        <span class="FooterLinks" runat="server" id="SiteLink">
        </span>
        &nbsp;&nbsp;|&nbsp;&nbsp;
        <dnn:LOGIN runat="server" ID="dnnLOGIN1" Text="Staff Login" LogoffText="Staff Logout"
            CssClass="FooterLinks" />
    </div>

Container
<span runat="server" id="ContentPane"></span>
<dnn:ACTIONBUTTON runat="server" ID="dnnACTIONBUTTON1" CommandName="AddContent.Action"
    DisplayIcon="True" DisplayLink="True" />
<dnn:ACTIONBUTTON runat="server" ID="dnnACTIONBUTTON4" CommandName="ModuleSettings.Action"
    DisplayIcon="True" DisplayLink="False" />

Rendered html

<span id="dnn_SiteLink" class="FooterLinks"><a name="388"></a><span id="dnn_ctr388_ContentPane">
    <!-- Start_Module_388 -->
    <div id="dnn_ctr388_ModuleContent" class="DNN_HTMLContent">
        <div id="dnn_ctr388_HtmlModule_lblContent" class="Normal">
            test
        </div>
    </div>
    <!-- End_Module_388 -->
</span><span><span>
    <input type="image" name="dnn$ctr388$dnnACTIONBUTTON1$ctl00$ctl01" title="Edit Content"
        src="/images/edit.gif" alt="Edit Content" style="border-width: 0px;" />&nbsp;<a title="Edit Content"
            class="CommandButton" href=" __doPostBack('dnn$ctr388$dnnACTIONBUTTON1$ctl00$ctl02','')">Edit
            Content</a></span>&nbsp;&nbsp;</span> <span><span>
                <input type="image" name="dnn$ctr388$dnnACTIONBUTTON4$ctl00$ctl01" title="Settings"
                    src="/images/action_settings.gif" alt="Settings" style="border-width: 0px;" /></span>&nbsp;&nbsp;</span>
</span>

As you can see where the divs are autogenerated for the contentpane is where the issue mainly lies :

<!-- Start_Module_388 -->
    <div id="dnn_ctr388_ModuleContent" class="DNN_HTMLContent">
        <div id="dnn_ctr388_HtmlModule_lblContent" class="Normal">
            test
        </div>
    </div>
    <!-- End_Module_388 -->

Are you aware of any techniques that may fix this?

Cheers Marcus