Footer abändern

[Old-Trainee 4]

JA, ich habe die Suchfunktion verwendet!

Aber leider nicht gefunden!

Ich habe ein Skin gekauft, welches den Footer bereich in 3 verschiedene Bereiche teilt (vermute ich)

Diese möchte ich aber zu einen bereich änder und alles zusammen schreiben!

Anbei die Screenshots:

Footer Alt

Footer NEU

Habe schon ein wenig den Footer angepasst!

Aber irgenwie bekomme ich es nicht hin alles zentriert zu setzten, was ist da los habe doch eh über alles Center gesetzt.

<!--DEBUG_STATS-->

			<div id='board_footer'>

				<ul id='utility_links' class='center'>

					<center><li><a href='#top' title='{$this->lang->words['go_to_top']}'>{$this->lang->words['back_to_top']}</a></li>

					<li><a href='{parse url="" base="public"}' title='{$this->lang->words['sj_home']}'>{$this->lang->words['sj_home']}</a></li>

					<li><a href="{parse url="app=core&module=global&section=login&&do=deleteCookies&k={$this->member->form_hash}" base="public"}" title='{$this->lang->words['delete_all_cookies_title']}'>{$this->lang->words['delete_my_cookies']}</a></li>

					<li><a href="{parse url="app=forums&module=forums&section=markasread&marktype=all&k={$this->member->form_hash}" base="public"}" title='{$this->lang->words['mark_all_as_read']}'>{$this->lang->words['mark_board_as_read']}</a></li>


<br>


{$footer_items['copyright']}


<br>


Skin designed by: Evanescence at <a target="_blank" href="http://www.ibskin.com">IBSkin.com</a>




			{$stats['task']}

			<if test="$this->settings['do_include_lightbox_real']">

				{parse template="include_lightbox_real" group="global" params=""}</center>

			</if>

		</div>

Edited August 8, 2009 by Old-Trainee

[Old-Trainee 4]

kennt keiner ne lösung?

[Yoso 1]

1. würde ich das so machen, außer irgendwie erscheinen die fehlenden Tags sonst noch, was ich aber nicht annehme

<!--DEBUG_STATS-->

                        <div id='board_footer'>

                                <ul id='utility_links' class='center'>

                                        <li><a href='#top' title='{$this->lang->words['go_to_top']}'>{$this->lang->words['back_to_top']}</a></li>

                                        <li><a href='{parse url="" base="public"}' title='{$this->lang->words['sj_home']}'>{$this->lang->words['sj_home']}</a></li>

                                        <li><a href="{parse url="app=core&module=global&section=login&&do=deleteCookies&k={$this->member->form_hash}" base="public"}" title='{$this->lang->words['delete_all_cookies_title']}'>{$this->lang->words['delete_my_cookies']}</a></li>

                                        <li><a href="{parse url="app=forums&module=forums&section=markasread&marktype=all&k={$this->member->form_hash}" base="public"}" title='{$this->lang->words['mark_all_as_read']}'>{$this->lang->words['mark_board_as_read']}</a></li>

                                </ul>

<br />


{$footer_items['copyright']}


<br />


Skin designed by: Evanescence at <a target="_blank" href="http://www.ibskin.com">IBSkin.com</a>




                        {$stats['task']}

                        <if test="$this->settings['do_include_lightbox_real']">

                                {parse template="include_lightbox_real" group="global" params=""}

                        </if>

                </div>

2. würde ich in der CSS bei #board_footer noch "text-align:center;" einfügen um das zu zentrieren statt irgendwo center Tags einzubauen

Edited August 31, 2009 by Yoso

[Old-Trainee 4]

ich werde es gleich testen und berichten!!!

[Old-Trainee 4]

Leider kann ich meinen Beitrag nicht Editieren sonst hätte ich es gemacht!

Also danke einmal für deine Hilfe mit dem Code.

Soweit sieht es auch gut aus, bis auf das mittig ausrichten.

Wenn ich nun im CSS meinen Footer-Text anschaue fällt mir als CSS-Laie sofort auf das der Footer-Bereich in mehrere Bereiche unterteilt ist.

Ist es bei meinen Beispiel nicht einfacher, den Footerbereich in einen Zusammen zu fassen?

Meine CODE:

/* FOOTER */

#board_footer {

    color: #000;

    font-size: 0.85em;

    border-top: 1px solid #9a9a9a;

    padding: 8px 8px 15px 8px;

    margin: 10px 15px 20px;    

    top: 20px;

    clear: both;

}


    #board_footer ul#utility_links li {

        float: left;

        padding-right: 8px;

    }


    #board_footer p {

        text-align: right;

    }


    #board_footer a {

        color: #800000;

    }


#footer_utilities {

    background: #7a0000;

    border: 1px solid #000;

    color: #FFF;

    font-size: 0.8em;

    padding: 4px 15px;

    margin: 25px 15px 0 15px;

}


    #footer_utilities form {

        margin: 7px 5px 0 5px;

    }


    #footer_utilities ul {

        padding: 2px 0;

        margin: 8px 0 0 0;

    }

        #footer_utilities ul li:first-child {

            color: #FFF;

        }


        #footer_utilities li {

            float: right;

            padding: 0 8px 4px 8px;

        }