Aufgabe 4 // Blog-Layout adaptieren
natalia.zmajkovicova.uni-linz, 2. November 2014, 22:59
Einbettung des Twitter Widgets
Für die Einbettung des Twitter Widgets wurden folgende Schritte notwendig:
- Schritt 1: Auf der Twitter Webseite muss zunächst ein Widget (ein kurzer HTML Code) unter https://twitter.com/settings/widgets/ erstellt und danach in die Zwischenablage kopiert werden.
- Schritt 2: Der Code muss im Anschluss in den Blog implementiert werden. Das geschieht unter dem Menüpunkt "Layouts". Hier wählt man dann den Punkt "Skins",danach "Site Layout" und schiließlich "Main Page" Der kurze HTML Code wird hier unterhalb dem Menü-Bereich reinkopiert und erscheint dann auf der rechten Seite direkt unter dem Header Bereich des Blogs.
Personalisierung des Blog-Layouts
Am ursprünglichen Layout wurden folgende Ädaptierungen vorgenommen:
- Schriftfarbe und Headfarbe verändert
- Headerbereich vergrößert
#header {
background-color: <% layout.titlecolor %>;
position: static;
width: 48em;
height: 5em;
vertical-align: middle;
margin-top: 1em;
margin-left: 1em;
padding-top: 1em;
padding-left: 1em;
}
0 comments :: Kommentieren