Footer mit dem man Arbeiten kann

So ich hab dann mal für euch einen echt coolen Footer für Thesis, den kann man sich mit etwas Gefummel angenehm gestalten ;)

Wer sich den Footer mal anschauen mag, unten im Artikel ist ein Link.

Weiter gehts, wir gehen einfach in den custom file editor, und pasten dies in die custom_functions.php

Jetzt kann man die Widgets schon Auswählen und Spalten zuweisen

Man sieht aber noch nichts?

Deswegen kommen wir jetzt zur custom.css, dort dieses pasten und wieder speichern.

/* CUSTOM.CSS */

.custom #footer {
border-top:2em solid #9c9c9c;
background: #eeeeee;
padding:0em;
text-align:center;
}
.custom #footer a{
border-bottom: 1px none #cccccc;
}

/* footer widget area setup */
#footer_setup {
background: #444343;
padding:1.5em;
margin-bottom: 25px;
overflow: hidden;
}

/* widget item setup */
#footer_setup .footer_items {
text-align: left;
width: 24.5%;
padding-right: 0px;
color: #2361A1;
display: inline-block;
float: left;
height: 100%;
}

/* widget item headers */
#footer_setup .footer_items h3 {
font-size: 1.5em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0px;
color: #ffffff;
padding-bottom: 3px;
border-bottom: 3px none #ffdf00;
margin-bottom: 5px;
}

/* do not change these! */
#footer_setup .footer_items ul li { list-style:none;
font-size:1.4em;
line-height:1.5em;
}
#footer_setup .footer_items ul { margin: 1em; padding: 0px; }

Hier hab ich den Footer verbaut Ubiqu Blog
Mit etwas gebastel lässt sich ein schöner Footer bauen.

Leave a Comment

Previous post:

Next post: