Added a Subtitle an created the style: ...

I have added a subtitle to the configuration file an edit the blogthon.cgi that the subtitle is readed out the config.
Also I have edit the blogthon.css: the header are no longer a "table".
This commit is contained in:
Disco-STU 2009-05-20 17:13:30 +02:00
parent b4fac7f455
commit 0f9a7136ff
4 changed files with 22 additions and 8 deletions

View File

@ -58,6 +58,8 @@ configuration.read('configuration')
try: blog_title = configuration.get('personal', 'blog_title')
except: errorpage("blog_title")
try: blog_subtitle = configuration.get('personal', 'blog_subtitle')
except: errorpage("blog_subtitle")
try: blog_url = configuration.get('personal', 'blog_url')
except: errorpage("blog_url")
try: keywords = configuration.get('personal', 'keywords')
@ -206,6 +208,9 @@ else:
print ' <div class="header_title">'
print ' <a href="?" class="header_link">' + blog_title + '</a>'
print ' </div>'
print ' <div class="header_subtitle">'
print ' <span class="header_subtitle">' + blog_subtitle + '</span>'
print ' </div>'
print ' </div>'
print ''
# RSS feed

View File

@ -1,5 +1,6 @@
[personal]
blog_title: A BlogThon Blog
blog_subtitle: Subtitle
blog_url: http://www.thehappy.de/
keywords: please,change,me
entries_dir: entries/

BIN
styles/.blogthon.css.swp Normal file

Binary file not shown.

View File

@ -17,13 +17,14 @@ a {
color: #AA4444;
}
/* --- header --- */
div.header {
height: 120px;
width: 99%;
margin: auto;
margin-top: 5px;
text-align: center;
display: table;
border: 3px double #000000;
background-image: url("blogthon_img/header_background.jpg");
background-repeat: no-repeat;
@ -32,13 +33,7 @@ div.header {
div.header_title {
font-size: 18px;
letter-spacing: 5px;
vertical-align: middle;
display: table-cell;
}
div.header_subtitle {
font-size: 14px;
vertical-align: middle;
margin-top: 50px;
}
a.header_link {
@ -48,6 +43,17 @@ div.header {
font-style: italic;
}
div.header_subtitle {
margin-left: 80px;
}
span.header_subtitle {
letter-spacing: 4px;
}
/* --- --- */
div.rss {
display: inline;
height: 25px;
@ -61,6 +67,8 @@ div.rss {
color: #AAAAAA;
}
/* --- atom --- */
div.atom {
display: inline;
height: 25px;