Kenne mich da leider weniger aus, Google hilft mir auch nicht, könntest du mir ein Beipiel geben, bzw. was ich reinschreiben muss.
Danke
Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellenKenne mich da leider weniger aus, Google hilft mir auch nicht, könntest du mir ein Beipiel geben, bzw. was ich reinschreiben muss.
Danke
Ich müsse das Kontaktformular in die Index.php integriert haben, sodass das es funktioniert. Das Formular stammt einem anderen Theme.
Kontaktformular:
<?php
/*
Template Name: Contact
*/
$cp_question = "1+3 = ?";
$cp_answer = "4";
?>
<?php get_header();?>
<div id="content">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="post">
<?php
//validate email adress
function is_valid_email($email)
{
return (eregi ("^([a-z0-9_]|\\-|\\.)+@(([a-z0-9_]|\\-)+\\.)+[a-z]{2,4}$", $email));
}
function is_valid_user($answer)
{
global $cp_answer;
if ($answer == $cp_answer) { return true; } else { return false;}
}
//clean up text
function clean($text)
{
return stripslashes($text);
}
//encode special chars (in name and subject)
function encodeMailHeader ($string, $charset = 'UTF-8')
{
return sprintf ('=?%s?B?%s?=', strtoupper ($charset),base64_encode ($string));
}
$cp_name = (!empty($_POST['cp_name'])) ? $_POST['cp_name'] : "";
$cp_email = (!empty($_POST['cp_email'])) ? $_POST['cp_email'] : "";
$cp_url = (!empty($_POST['cp_url'])) ? $_POST['cp_url'] : "";
$cp_ans = (!empty($_POST['cp_ans'])) ? $_POST['cp_ans'] : "";
$cp_message = (!empty($_POST['cp_message'])) ? $_POST['cp_message'] : "";
$cp_message = clean($cp_message);
$error_msg = "";
$send = 0;
if (!empty($_POST['submit'])) {
$send = 1;
if (empty($cp_name) || empty($cp_email) || empty($cp_message) || empty($cp_ans)) {
$error_msg.= "<p style='color:#a00'><strong>Bitte fülle alle erforderlichen Felder aus.</strong></p>\n";
$send = 0;
}
if (!is_valid_email($cp_email)) {
$error_msg.= "<p style='color:#a00'><strong>Deine E-Mail-Adresse ist ungültig.</strong></p>\n";
$send = 0;
}
if (!is_valid_user($cp_ans)) {
$error_msg.= "<p style='color:#a00'><strong>Falsche Antwort auf die AntiSpam-Frage.</strong></p>\n";
$send = 0;
}
}
if (!$send) { ?>
<h2 class="post-title"><?php the_title(); ?></h2>
<div class="post-content">
<?php the_content("Den ganzen Beitrag lesen »");
?>
<p class="meta">* - erforderlich</p>
<?php echo $error_msg;?>
<form method="post" action="<?php echo "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>" id="contactform">
<fieldset>
<strong>Name</strong>*<br/>
<input type="text" class="text" id="cp_name" name="cp_name" value="<?php echo $cp_name ;?>" /><br/><br/>
<strong>E-Mail</strong>*<br/>
<input type="text" class="text" id="cp_email" name="cp_email" value="<?php echo $cp_email ;?>" /><br/><br/>
<strong>Webseite</strong><br/>
<input type="text" class="text" id="cp_url" name="cp_url" value="<?php echo $cp_url ;?>" /><br/><br/>
<strong>AntiSpam Frage:<?php echo $cp_question; ?> </strong>*<br/>
<input type="text" class="text" id="cp_ans" name="cp_ans" value="<?php echo $cp_ans ;?>" /><p class="meta">[Just to prove you are not a spammer]</p><br/>
<strong>Nachricht</strong>*<br/>
<textarea id="cp_message" name="cp_message" rows="10" cols="100%"><?php echo $cp_message ;?></textarea><br/><br/>
<input type="submit" id="submit" name="submit" value="Nachricht absenden" />
</fieldset>
</form>
</div>
<?php
} else {
$displayName_array = explode(" ",$cp_name);
$displayName = htmlentities(utf8_decode($displayName_array[0]));
$header = "MIME-Version: 1.0\n";
$header .= "Content-Type: text/plain; charset=\"utf-8\"\n";
$header .= "From:" . encodeMailHeader($cp_name) . "<" . $cp_email . ">\n";
$email_subject = "[" . get_settings('blogname') . "] " . encodeMailHeader($cp_name);
$email_text = "From......: " . $cp_name . "\n" .
"Email.....: " . $cp_email . "\n" .
"Url.......: " . $cp_url . "\n\n" .
$cp_message;
if (@mail(get_settings('admin_email'), $email_subject, $email_text, $header)) {
echo "<h2>Hallo " . $displayName . ",</h2><p>danke für Deine Nachricht! Ich melde mich so bald wie möglich.</p>";
}
}
?>
<?php endwhile; ?>
</div>
<?php endif; ?>
</div>
<?php get_sidebar();?>
<?php get_footer();?>
Alles anzeigen
Hier soll das Kontaktformular rein:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/scripts/layers.js"></script>
<style type="text/css" media="screen">
#wrapper { background: url("<?php bloginfo('stylesheet_directory'); ?>/img/wrapbg.gif") repeat-y; }
</style>
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
</head>
<body>
<div id="wrapper">
<div id="subwrapper">
<?php require_once('header.php'); ?>
<div id="sidebar">
<?php require_once('sidebar.php'); ?>
</div>
<div id="main">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
<div class="entry">
<?php the_content('Read the rest of this entry »'); ?>
</div>
<p class="postmetadata">Posted in <?php the_category(', ') ?> <?php the_time('F jS, Y') ?> by <?php the_author() ?> | <?php edit_post_link('Edit','','|'); ?> <?php comments_popup_link('No comments', '1 comment', '% comments'); ?></p>
</div>
<?php comments_template(); ?>
<?php endwhile; ?>
<p align="center"><?php next_posts_link('« Previous Entries') ?> <?php previous_posts_link('Next Entries »') ?></p>
<?php else : ?>
<h2 align="center">Not Found</h2>
<p align="center">Sorry, but you are looking for something that isn't here.</p>
<?php endif; ?>
</div>
<?php require_once('footer.php'); ?>
</div>
</div>
</body>
</html>
Alles anzeigen
Danke
Ich möchte das so einrichten, das meine Besucher immer auf der Startseite landen, egal was sie eingeben für eine Adresse vom Blog, egal ob
1. http://beispiel.tld/beipiel/
2. http://beispiel.tld/beipiel/Post-ID
3. http://beispiel.tld/beipiel/Kategorie
4. http://beispiel.tld/...
5. ... egal was
Sie sollen immer auf http://beispiel.tld geleitet werden, si esollen nur über diese Seite zum eigentlich Blog gelangen.
Danke
Ich habe es installiert, meine Frage, wie binde ich es jetzt ein, das es funktioniert, es klappt einfach nicht. Bitte jemand melden der sich gut auskennt.
Danke
Poste doch mal einen Link zu deinem Blog bzw. sag uns worum es geht bei deinem Blog.
Und was du dir so vorstellst, ein paar mehr Infos nicht schlecht.
Ja dann weiß ich nicht, wie ich das gestern hatte, habe es jetzt so gemacht, wie du mir jetzt gezeigt hast und es klappt perfekt, alles wunderbar.
Danke für die super Hilfe, so langsam findet man sich immer besser ein.
So habe ich mir das auch gedacht, aber ich hab ein weiteres Problem, ohne die Post-ID hatte ich es ja gestern schon mit get_the_category() , gestern gings und jetzt verweisst er nur noch auf die Startseite.
Ich krieg die Krise :mrgreen:
EDIT:
Die Post ID wird ausgelesen, aber nicht die Category.
Prinzip ist klar, bin nur PHP-Mässig auch mässig unterwegs ![]()
Verstehen tu ich das meiste, nur selber schreiben ist meistens das Problem.
Kann ich nicht einfach die Post ID auslesen und die dem Link anfügen, sozusagen ohne diese Zählvariable.
Wenn ja, wie mach ich das?
Danke für die Schnelle Hilfe.
Ich meine das hochzählen, das einfüge in den Post ist kein Thema.
Wie mache ich das den mit der Variable und hochzählen, weil ich möchte
ja nicht alles einzeln in das Widget reinschreiben, ich hoffe du verstehstt mich.
Geht das ganze auch automatisch, ohne das ich das ganze per Hand einfügen muss?
Ich möchte die letzten Artikel verlinken, dafür gibt es ja das Widet, welche ich aktiviert habe.
Ich habe jetzt die Links so abgeändert, dass nicht auf den Artikel verlinkt, sondern auf die jeweilige Kategorie.
Das ganze sieht so aus:
<li><a href="<?php get_the_category() ?>"><?php if ( get_the_title() ) the_title(); else the_ID(); ?> </a></li>
Jetzt möchte ich einen Schritt weitergehen, sodass das der Link in der Kategorie auf den passenden Artikel verlinkt, wenn der Artkel weiter unten ist, z.B. als 3 Artikel, sodass dorthin verlinkt wird und sozusagen runtergescrollt wird auf den Artikel.
Das ganze gibt es auch in Foren, wo auf den jeweiligen Post verlinkt wird,
z.B. h t t p : // w w w . x y z . de/thema-des-forum[COLOR=Red]#90244[/COLOR]
Das rote steht dann für die ID des Postes, ich hoffe ihr versteht, was ich meine.
Danke
Ich möchte eine Zusätzliche Navigation und zwar m stelle ich mir das so vor, das ich über den Punkt Kategorien einen Punkt habe, der Navigation heißt, wo ich dann Navigationpunkte wie Startseite, News, etc einbauen kann.
Schönn wäre, wenn es dazu ein PlugIn gibt.
Danke schonmal
PS: Falls ihr mehr Infos bracuht, bescheid geben.
Ich habe in einen anderen Thread eine Hilfestellung gegeben, schau mal:
http://forum.wordpress-deutschland.org/netzwelten/427…html#post217602
Auch wenns spät ist, aber vielleicht hilft es anderen.
Hab die mal an 2 Punkten umgeschrieben.
Ich hoffe dir hilft das, einziger Nachteil, bei nicht quadratischen Thumbnails, also wenn du die im Adminmenü nicht automatisch beschneiden lässt, also mal längs, mal quer, dann bleibt ein längerer unschöner weißer Rand unten.
Einfach mal testen.
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ [B][COLOR=Red]max-width: 480px; max-height: 480px;[/COLOR][/B]}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; [COLOR=Red][B]max-width:500px; max-height:500px;[/B][/COLOR] margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; max-width: 500px ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
Alles anzeigen
Danke hat wunderbar geklappt, ja ich war blind ![]()
Kannst du mir das einmal in der CSS-Datei ändern, komme gerade nicht mit.
Danke
Danke, aber klappt leider immernoch nicht ganz, immerhin ist die Obar jetzt rechts, aber immernoch unterhalb des Contents.
Ich verzweifele echt langsam, bin ein kleiner Fehler, aber je länger man sich damit beschäftigt umso blinder wird man ![]()
So sieht die CSS jetzt aus:
body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
margin: 0;
padding: 0;
}
body{
font-family: Verdana, Arial, Helvetica, Georgia, Sans-Serif;
font-size: 12px;
text-align: center;
vertical-align: top;
background: url(images/bg.jpg);
color: #ccc;
}
h1, h2, h3, h4, h5, h6{
font-family: Verdana, Arial, Helvetica, Georgia, Sans-Serif;
font-size: 14px;
}
a{
text-decoration: underline;
color: #fff;
}
a:link {
text-decoration:none;
}
a:visited{
text-decoration: none;
}
a:hover{
text-decoration: none;
}
a img, img{
border: 0;
}
abbr, acronym{ border: 0; }
address, dl, p{ padding: 15px 0 0; }
blockquote{
margin: 15px 0 0;
background: #222;
color: #fff;
}
blockquote p{ padding: 15px; }
blockquote blockquote{
margin: 15px;
background: #333;
color: #fff;
}
code{
background: #222;
}
dt{ font-weight: bold; }
dd{ padding: 0 0 0 15px; }
hr{
clear: both;
margin: 15px 15px 5px 15px;
border: 0;
height: 1px;
text-align: left;
background: #222;
color: #222;
}
/* Modified image styles of WordPress Default Theme, Kubrick */
.entry img{
border: 2px solid white;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
margin: 5px 0 2px 7px;
padding: 4px;
display: inline;
}
img.alignleft {
margin: 5px 7px 2px 0;
padding: 4px;
display: inline;
}
img.wp-smiley{
border: 0;
margin: 0;
padding: 0;
background-color: transparent;
}
/* end image styles */
small{
font-size: 11px;
}
pre{
width: 90%;
}
input, textarea{
font-family: Arial, Helvetica, Georgia, sans-serif;
font-size: 12px;
padding: 2px;
}
input#s, input#author, input#email, input#url, textarea#comment{
border: 1px solid #393939;
background-color: #000;
padding: 3px;
color: #fff;
}
input#author, input#email, input#url{
margin: 0 5px 0 0;
}
#saranwrap{
margin: 0 auto;
width: 761px;
text-align: left;
vertical-align: top;
}
.airbubble{
padding: 5px;
background: #fff;
}
#header{
width: 751px;
height: 113px;
background: #000 url(images/bg_header.gif) no-repeat;
clear: both;
}
#header h1{
padding: 35px 0 0 20px;
font-family: Arial, Helvetica, Georgia, Sans-Serif;
font-size: 36px;
color: #fff;
text-decoration: none;
}
#top-menu{
padding: 11px 0 10px 0;
background: #000 url(images/bg-navbar.gif) repeat-x;
}
#top-menu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#top-menu ul li{
display: inline;
padding: 0 10px;
font-family: Arial;
font-weight: bold;
text-transform: uppercase;
color: #fff;
}
#top-menu a{
text-decoration: none;
}
#top-menu a:hover{
text-decoration: underline;
}
#banner{
float: left;
margin: 5px 0;
width: 751px;
height: 250px;
overflow: hidden;
background: #fff url(images/splash.jpg) no-repeat;
}
#page{
clear: both;
float: left;
width: 751px;
background: #4b103b;
color: #ccc;
}
.pagecap{
padding: 19px 20px;
font-family: Arial;
font-size: 18px;
background: #036FA9 url(images/bg-pagecap.gif) no-repeat;
color: #fff;
}
#sidebar{
float: left;
width: 160px;
}
#sidebar ul{
margin: 5px 5px 0;
padding: 0;
list-style-type: none;
}
#sidebar ul li h2{
margin-bottom: 1px;
padding: 11px 10px 10px;
font-size: 12px;
font-weight: bold;
color: #de0202;
background: #222 url(images/bg-sidebar-h2.jpg) no-repeat;
}
#sidebar ul ul{
margin: 0;
padding: 0 0 20px;
background: #000 url(images/bg-sidebar-ul-ul-li.jpg) no-repeat;
}
#sidebar ul ul li{
padding: 6px 10px 0 10px;
font-size: 11px;
line-height: 18px;
}
#sidebar ul ul ul{
padding: 0;
background-color: transparent;
background-image: none;
}
#obar{
float: right;
width: 160px;
}
#obar ul{
margin: 5px 5px 0;
padding: 0;
list-style-type: none;
}
#obar ul li h2{
margin-bottom: 1px;
padding: 11px 10px 10px;
font-size: 12px;
font-weight: bold;
color: #de0202;
background: #222 url(images/bg-sidebar-h2.jpg) no-repeat;
}
#obar ul ul{
margin: 0;
padding: 0 0 20px;
background: #000 url(images/bg-sidebar-ul-ul-li.jpg) no-repeat;
}
#obar ul ul li{
padding: 6px 10px 0 10px;
font-size: 11px;
line-height: 18px;
}
#obar ul ul ul{
padding: 0;
background-color: transparent;
background-image: none;
}
.narrowcolumn{
float: left;
margin-top: 5px;
width: 421px;
background: #661650 url(images/bg-narrowcolumn.png) no-repeat;
}
.narrowcolumn-footer{
clear: both;
width: 421px;
height: 18px;
background: #661650 url(images/bg-narrowcolumn-footer.png) no-repeat;
}
.maincol{
float: left;
width: 421px;
}
.maincol-padding{
padding: 10px 10px 0;
}
.maincol .site-title{
padding: 10px 10px 8px;
border-bottom: 3px solid #222;
font-family: Arial;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #ccc;
}
.subscribe{
margin: 0 0 1px;
padding: 6px 10px 7px;
border-bottom: 3px solid #1f1f1f;
font-size: 11px;
background: url(images/feed-icon.png) 10px 6px no-repeat;
}
.subscribe a{
padding-left: 22px;
color: #aaa;
}
.post{
margin-bottom: 10px;
padding: 10px;
background: #4b103b;
}
.post h2{
font-size: 12px;
font-weight: bold;
line-height: 18px;
}
.post h2 a{
color: #de0202;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
border: 0;
padding: 15px 0 0;
background: none;
}
.entry h1{
font-size: 24px;
font-weight: normal;
line-height: 30px;
}
.entry h2{font-size: 14px;}
.entry h3{}
.entry h4{ font-size: 16px; }
.entry h5{ font-size: 14px; }
.entry h6{ font-size: 11px; font-weight: normal; }
.entry{
line-height: 24px;
color: #aaa;
}
.postmetadata{
margin: 10px 0 0;
padding: 6px 10px;
font-size: 11px;
line-height: 15px;
background: url(images/bg-postmetadata.gif) no-repeat;
color: #ccc;
}
.postmetadata a{
color: #de0202;
}
.browse{
padding: 0 10px;
font-size: 11px;
line-height: 18px;
background: #1f1f1f;
}
/* comments template */
.comments-template{
margin: 10px 0 0;
border-top: 1px solid #222;
}
.comments-template ol{
margin: 0;
padding: 0 0 20px;
list-style: none;
}
.comments-template ol li{
margin: 15px 0 0;
padding: 5px 0 15px;
line-height: 24px;
line-height: 24px;
border-bottom: 1px solid #222;
}
.commentmetadata{
font-size: 12px;
}
.comments-template p.nocomments{
padding: 0;
}
.comments-template textarea{
width: 90%;
}
/* end comments template */
#footer{
clear: both;
width: 751px;
padding: 5px 0;
background: #4b103b;
}
#footer p{
margin: 0 5px;
padding: 20px 10px;
font-size: 6pt;
line-height: 18px;
background: #111 url(images/bg-footer.jpg) no-repeat;
}
Alles anzeigen
Hat denn keiner eine Idee, ich bin am verzweifeln.
DAnke
Ich hab mal wieder ein problem mit der Sidebar, die soll an die richtige Stelle und zwar nach rechts, das ist die unter dem Content und läuft bei mir unter Obar.
CSS-Datei:
body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
margin: 0;
padding: 0;
}
body{
font-family: Verdana, Arial, Helvetica, Georgia, Sans-Serif;
font-size: 12px;
text-align: center;
vertical-align: top;
background: url(images/bg.jpg);
color: #ccc;
}
h1, h2, h3, h4, h5, h6{
font-family: Verdana, Arial, Helvetica, Georgia, Sans-Serif;
font-size: 14px;
}
a{
text-decoration: underline;
color: #fff;
}
a:link {
text-decoration:none;
}
a:visited{
text-decoration: none;
}
a:hover{
text-decoration: none;
}
a img, img{
border: 0;
}
abbr, acronym{ border: 0; }
address, dl, p{ padding: 15px 0 0; }
blockquote{
margin: 15px 0 0;
background: #222;
color: #fff;
}
blockquote p{ padding: 15px; }
blockquote blockquote{
margin: 15px;
background: #333;
color: #fff;
}
code{
background: #222;
}
dt{ font-weight: bold; }
dd{ padding: 0 0 0 15px; }
hr{
clear: both;
margin: 15px 15px 5px 15px;
border: 0;
height: 1px;
text-align: left;
background: #222;
color: #222;
}
/* Modified image styles of WordPress Default Theme, Kubrick */
.entry img{
border: 2px solid white;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
margin: 5px 0 2px 7px;
padding: 4px;
display: inline;
}
img.alignleft {
margin: 5px 7px 2px 0;
padding: 4px;
display: inline;
}
img.wp-smiley{
border: 0;
margin: 0;
padding: 0;
background-color: transparent;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* end image styles */
small{
font-size: 11px;
}
pre{
width: 90%;
}
input, textarea{
font-family: Arial, Helvetica, Georgia, sans-serif;
font-size: 12px;
padding: 2px;
}
input#s, input#author, input#email, input#url, textarea#comment{
border: 1px solid #393939;
background-color: #000;
padding: 3px;
color: #fff;
}
input#author, input#email, input#url{
margin: 0 5px 0 0;
}
#saranwrap{
margin: 0 auto;
width: 761px;
text-align: left;
vertical-align: top;
}
.airbubble{
padding: 5px;
background: #fff;
}
#header{
width: 751px;
height: 113px;
background: #000 url(images/bg_header.gif) no-repeat;
clear: both;
}
#header h1{
padding: 35px 0 0 20px;
font-family: Arial, Helvetica, Georgia, Sans-Serif;
font-size: 36px;
color: #fff;
text-decoration: none;
}
#top-menu{
padding: 11px 0 10px 0;
background: #000 url(images/bg-navbar.gif) repeat-x;
}
#top-menu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#top-menu ul li{
display: inline;
padding: 0 10px;
font-family: Arial;
font-weight: bold;
text-transform: uppercase;
color: #fff;
}
#top-menu a{
text-decoration: none;
}
#top-menu a:hover{
text-decoration: underline;
}
#banner{
float: left;
margin: 5px 0;
width: 751px;
height: 250px;
overflow: hidden;
background: #fff url(images/splash.jpg) no-repeat;
}
#page{
clear: both;
float: left;
width: 751px;
background: #000;
color: #ccc;
}
.pagecap{
padding: 19px 20px;
font-family: Arial;
font-size: 18px;
background: #036FA9 url(images/bg-pagecap.gif) no-repeat;
color: #fff;
}
#sidebar{
float: left;
width: 160px;
}
#sidebar ul{
margin: 5px 5px 0;
padding: 0;
list-style-type: none;
}
#sidebar ul li h2{
margin-bottom: 1px;
padding: 11px 10px 10px;
font-size: 12px;
font-weight: bold;
color: #de0202;
background: #222 url(images/bg-sidebar-h2.jpg) no-repeat;
}
#sidebar ul ul{
margin: 0;
padding: 0 0 20px;
background: #000 url(images/bg-sidebar-ul-ul-li.jpg) no-repeat;
}
#sidebar ul ul li{
padding: 6px 10px 0 10px;
font-size: 11px;
line-height: 18px;
}
#sidebar ul ul ul{
padding: 0;
background-color: transparent;
background-image: none;
}
#obar ul ul ul{
padding: 0;
background-color: transparent;
background-image: none;
}
.narrowcolumn{
float: left;
margin-top: 5px;
width: 421px;
background: #1f1f1f url(images/bg-narrowcolumn.png) no-repeat;
}
.narrowcolumn-footer{
clear: both;
width: 421px;
height: 18px;
background: #1f1f1f url(images/bg-narrowcolumn-footer.gif) no-repeat;
}
#obar{
float: left;
width: 160px;
}
#obar ul{
margin: 5px 5px 0;
padding: 0;
list-style-type: none;
}
#obar ul li h2{
margin-bottom: 1px;
padding: 11px 10px 10px;
font-size: 12px;
font-weight: bold;
color: #de0202;
background: #222 url(images/bg-sidebar-h2.jpg) no-repeat;
}
#obar ul ul{
margin: 0;
padding: 0 0 20px;
background: #000 url(images/bg-sidebar-ul-ul-li.jpg) no-repeat;
}
#obar ul ul li{
padding: 6px 10px 0 10px;
font-size: 11px;
line-height: 18px;
}
.maincol{
float: left;
width: 421px;
}
.maincol-padding{
padding: 10px 10px 0;
}
.maincol .site-title{
padding: 10px 10px 8px;
border-bottom: 3px solid #222;
font-family: Arial;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #ccc;
}
.subscribe{
margin: 0 0 1px;
padding: 6px 10px 7px;
border-bottom: 3px solid #1f1f1f;
font-size: 11px;
background: url(images/feed-icon.png) 10px 6px no-repeat;
}
.subscribe a{
padding-left: 22px;
color: #aaa;
}
.post{
margin-bottom: 10px;
padding: 10px;
background: #111;
}
.post h2{
font-size: 12px;
font-weight: bold;
line-height: 18px;
}
.post h2 a{
color: #de0202;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
border: 0;
padding: 15px 0 0;
background: none;
}
.entry h1{
font-size: 24px;
font-weight: normal;
line-height: 30px;
}
.entry h2{font-size: 14px;}
.entry h3{}
.entry h4{ font-size: 16px; }
.entry h5{ font-size: 14px; }
.entry h6{ font-size: 11px; font-weight: normal; }
.entry{
line-height: 24px;
color: #aaa;
}
.postmetadata{
margin: 10px 0 0;
padding: 6px 10px;
font-size: 11px;
line-height: 18px;
background: #1c1c1c;
color: #ccc;
}
.postmetadata a{
color: #de0202;
}
.browse{
padding: 0 10px;
font-size: 11px;
line-height: 18px;
background: #1f1f1f;
}
/* comments template */
.comments-template{
margin: 10px 0 0;
border-top: 1px solid #222;
}
.comments-template ol{
margin: 0;
padding: 0 0 20px;
list-style: none;
}
.comments-template ol li{
margin: 15px 0 0;
padding: 5px 0 15px;
line-height: 24px;
line-height: 24px;
border-bottom: 1px solid #222;
}
.commentmetadata{
font-size: 12px;
}
.comments-template p.nocomments{
padding: 0;
}
.comments-template textarea{
width: 90%;
}
/* end comments template */
#footer{
clear: both;
width: 751px;
padding: 5px 0;
background: #000;
}
#footer p{
margin: 0 5px;
padding: 20px 10px;
font-size: 6pt;
line-height: 18px;
background: #111 url(images/bg-footer.jpg) no-repeat;
}
Alles anzeigen
Danke schonmal