Beiträge von buecherlaube

buecherlaube

Zitat von zinn2003

So nach dem dritten Upload hats geklappt.
Ich konnte ein Theme erstellen und auch aktivieren.
Aber mehr als Grundstruktur hast du dann auch nicht.
Gearbeitet mit FF 3.6.3
Hast du Schreibrechte für den Themeordner vergeben?

Ja,habe ich.

buecherlaube

Ich brauche dringend Hilfe bei diesem Thema, bitte!

buecherlaube

Hallo Ihr Lieben,
ich gebe nicht auf, irgendwann ein Theme für meinen Blog hinzukriegen....
Ich dachte nun hätte ich das Zaubermittel gefunden *lach*
Und zwar den Elastic Theme Editor. http://elastictheme.org/
Video dazu: http://www.youtube.com/watch?v=nTL9SrmR0d8
Kennt jemand dieses Plugin?
Ich habe es installiert und es taucht brav in meinem Wordpress-Backend auf.
Man kann Kästen für die Bereich wie Header, Sidebar, Content usw. einfach mit der Maus aufziehen, wie bei einem Webdesign-WYSIWYG-Editor. Und Schriftart, -farbe,-grösse für die verschiedenen Bereiche bestimmen. (sieht man im verlinkten Video)
Dann soll man sein Theme abspeichern (benamsen natürlich) danach sollte es im Backend eigentlich als neu auszwählendes Theme auftauchen .Das tut es aber bei mir nicht.Es wird nix abgespeichert und ich weiss nicht, was ich da falsch mache.
Kennt sich jemand mit diesem Plugin aus und kann mir helfen? Das wäre toll, denn WENN diese Plugin funktionieren würde, wäre es für mich genial!

buecherlaube

Mist, und wenn ich die angelegte Impressum-Seite öffne, dann sieht es so aus: http://www.buecherlaube.de/?page_id=19&preview=true
Das ist ja blöd, die Sidebar rutscht dort nach unten....

buecherlaube

Das Template war eine Vorlage. An der habe ich schon einiges geändert, wenn ich jetzt neu hochlade, sind meine ganzen schon gemachten Veränderungen wieder futsch... War dämlich es so zu machen...
Ach doof, wie kriege ich jetzt bloss die Navi in Ordnung? *seufz*

buecherlaube

Super, danke, das Weisse ist erstmal weg.
Schön wäre es, wenn auch andere Seiten, die ich im Backend von Wordpress oben in der Navi erscheinen würden.
Tun sie bis jetzt leider nicht...

buecherlaube

Sind sidebar.php und footer.php noch nötig um die Fehler zu finden?

buecherlaube

Erst ebenso richtig wahrgenommen, dass folgende CSS auch noch existiert....
pagenavi-css.css:

Code

.wp-pagenavi {
    clear:both;
    font-size:12px;
    padding:10px;
    text-align:right;
    text-transform:uppercase;
}


.wp-pagenavi a, .wp-pagenavi a:link {
    padding: 2px 4px 2px 4px; 
    margin: 2px;
    text-decoration: none;
    color: #87b5ca;
    background-color: #FFFFFF;    
}
.wp-pagenavi a:visited {
    padding: 2px 4px 2px 4px; 
    margin: 2px;
    text-decoration: none;
    color: #87b5ca;
}
.wp-pagenavi a:hover {    
    color: #000000;
}
.wp-pagenavi a:active {
    padding: 2px 4px 2px 4px; 
    margin: 2px;
    text-decoration: none;
    color: #87b5ca;
}
.wp-pagenavi span.pages {
    color: #737373;
    float:left;
}
.wp-pagenavi span.current {
    padding: 2px 4px 2px 4px; 
    margin: 2px;
    font-weight: bold;
    color: #303030;
}
.wp-pagenavi span.extend {
    padding: 2px 4px 2px 4px; 
    margin: 2px;    
    color: #000000;
}

Alles anzeigen

buecherlaube

Die page.php:

PHP

<?php get_header(); ?>


    <div id="content">


        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
        <div class="page" >
        <h2><?php the_title(); ?></h2>
            <div class="entry">
                <?php the_content('<p class="serif">Read the rest of this page &raquo;</p>'); ?>


                <?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>


            </div>
        </div>
        <?php endwhile; endif; ?>
    <?php edit_post_link('Edit this entry.', '<p>', '</p>'); ?>
    </div>


<?php get_sidebar(); ?>


<?php get_footer(); ?>

Alles anzeigen

buecherlaube

Die index.php:

PHP

<div id="main">


<?php get_header(); ?>


<div id="mittelteil">
 <div id="jugend">All-Age</div>
 <div id="thriller">Thriller</div>
 <div id="liebe">Besonderes</div>
</div>


        <div id="content">


        <?php if (have_posts()) : ?>
                <?php while (have_posts()) : the_post(); ?>
                        <div class="post">
                                <div class="commentcount"><?php comments_popup_link('0', '1', '%'); ?></div>
                                <div class="title">
                                        <h2><a href="<?php the_permalink() ?>"
                                        rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">
                                        <?php the_title(); ?></a></h2>
                                        <div class="meta">Posted <?php the_time('F jS, Y') ?>. Filed under
                                         <?php the_category(' ') ?></div>
                                </div>
                                <div class="entry">
                                        <?php the_content('<p>Read the rest of this entry &raquo;</p>'); ?>
                                </div>
                        </div>
                <?php endwhile; ?>
                <?php
                if(function_exists('wp_pagenavi')) { wp_pagenavi(); }
                else {
                ?>
                <div class="navigation">
                        <div class="alignleft"><?php next_posts_link('&laquo; Older Entries') ?></div>
                        <div class="alignright"><?php previous_posts_link('Newer Entries &raquo;') ?></div>
                </div>
                <? } ?>


        <?php else : ?>


                <div class="page" >
                        <h2>Huch, die Seite, die Sie aufsuchen wollten, gibt es nicht mehr!</h2>
                        <div class="entry">
                                <p>Schade....zurück zur Startseite<a href="<?php echo get_option('home'); ?>">Home Page</a>
                                 </p>
                        </div>
                </div>


        <?php endif; ?>


        </div>


<?php get_sidebar(); ?>
<?php get_footer(); ?>

Alles anzeigen

buecherlaube

Die header.php:

PHP

<!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" <?php language_attributes(); ?>>


<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />


        <title>
                <?php if ( is_home() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;<?php bloginfo('description'); ?><?php } ?>
                <?php if ( is_search() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;Search Results<?php } ?>
                <?php if ( is_author() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;Author Archives<?php } ?>
                <?php if ( is_single() ) { ?><?php wp_title(''); ?>&nbsp;|&nbsp;<?php bloginfo('name'); ?><?php } ?>
                <?php if ( is_page() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;<?php wp_title(''); ?><?php } ?>
                <?php if ( is_category() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;Archive&nbsp;|&nbsp;<?php single_cat_title(); ?><?php } ?>
                <?php if ( is_month() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;Archive&nbsp;|&nbsp;<?php the_time('F'); ?><?php } ?>
                <?php if ( is_404() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;Couldnt find what your looking for<?php } ?>
                <?php if (function_exists('is_tag')) { if ( is_tag() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;Tag Archive&nbsp;|&nbsp;<?php  single_tag_title("", true); } } ?>
        </title>
<link rel="shortcut icon" href="<?php echo sb_get_favicon(); ?>" title="Favicon" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>


        <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="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Comments Feed" href="<?php bloginfo('comments_rss2_url'); ?>" />


        <!--[if IE 6]>
                <script src="<?php bloginfo('template_url'); ?>/js/DD_belatedPNG.js"></script>
                <script>
                  /* EXAMPLE */
                  DD_belatedPNG.fix('*');
                </script>
    <![endif]-->




<?php wp_head(); ?>
</head>
<body>


<div id="wrapper">


<div id="nav">
                        <ul class="pages">
                                <li <? if (is_home()) { echo "class=\"current_page_item\"";} ?>><a href="<?php echo get_option('home'); ?>"><span>Home</span></a></li>
                                <?php wp_list_pages('title_li=&link_before=<span>&link_after=</span>'); ?>
                        </ul>
                </div> 


        <div id="header">
                <div id="logo"><a href="<?php bloginfo('siteurl'); ?>/"><img src="<?php echo sb_get_logo(); ?>" alt="<? bloginfo(name); ?>" />
</a>
     </div>


                <div id="ueberschrift"> B &uuml; c h e r l a u b e  </div>
        </div>

Alles anzeigen

buecherlaube

Die style.css:

CSS

body {
        background:aliceblue;
        font-family: Georgia, serif;
        margin:0 auto;
        font-size:18px;
}
img { border:0;}
a { outline-style:none;  }
a:link ,a:active ,a:visited { text-decoration: none; color : #819eac; border: none;}
a:hover        { text-decoration: none; color : #666464; border: none;}


textarea,input {color:#7b7d6f}
p img {padding: 0;max-width: 100%;}
img.centered,img.aligncenter {display: block;margin:0 auto;border:1px solid #c0c0c0;overflow:hidden;padding: 4px;}
img.alignright {padding: 4px;margin: 2px 0 2px 7px;display: inline;border:1px solid #c0c0c0;}
img.alignleft {padding: 4px;margin: 2px 7px 2px 0;display: inline;border:1px solid #c0c0c0;}
.alignright {float: right;}
.alignleft {float: left}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
.center {text-align: center;}
.hidden {display: none;}
.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}


#wrapper {margin:0 auto;width:900px;margin-bottom:20px;border:1px solid; border-color:pink;}
#wrapper #header {clear:both;height:120px; width:900px;margin-top:10px;margin-bottom:10px; border:1px solid; border-color:pink;}
#wrapper #main {clear:both;overflow:hidden;width:900px; margin-bottom:20px;border:1px solid; border-color:pink;}
#wrapper #footer { color:#5e5e5e;clear:both;overflow:hidden; width:900px; padding: 20px 30px 10px 20px; background:#e7e7e2 url(images/body_bottom.png) top left no-repeat;margin-bottom:20px;border:1px solid; border-color:pink;}


#nav {width:800px; height:18px;float:right;margin-top:5px;border:1px solid; border-color:pink;}
#wrapper #nav .pages {margin:0; padding:0;list-style: none;}
#wrapper #nav .pages { float:right;}
#wrapper #nav .pages li {display:inline; float:left; margin-right:5px;}




#wrapper #nav .pages li.current_page_item a:visited,#header #nav .pages li.current_page_item a:active,#header #nav .pages li.current_page_item a:link {background:transparent url(images/navbg.png) repeat scroll top right;color:#5d6061;float:left}
#wrapper #nav .pages li.current_page_item a:visited span,#header #nav .pages li.current_page_item a:active span,#header #nav .pages li.current_page_item a:link span {background:transparent url(images/navbg.png) repeat scroll left top;display:block;}
#wrapper #nav .pages li a:link span, #header #nav .pages li a:visited span, #header #nav .pages li a:active span  {padding-left:10px;}


#header #logo { width:200px; float:left;border:1px solid; border-color:pink;}
#ueberschrift {width:350px; font-size:34px; float:left;border:1px solid; border-color:pink;}






#main #mittelteil {width: 900px; height: 170px; border:1px solid; border-color:pink;}
#main #mittelteil #jugend {float:left; width: 290px; height: 160px;  margin-bottom:10px;border:1px solid; border-color:pink; text-align: center;}
#main #mittelteil #thriller {float:left; width: 290px;height:160px; margin-bottom:10px;margin-left:12px; border:1px solid;border-color:pink; text-align: center;}
#main #mittelteil #liebe {float:left; width: 290px;height: 160px; margin-bottom:10px;margin-left:12px; border:1px solid;border-color:pink; text-align: center;}




#main #content { width:650px; float:left;margin-bottom:20px;border:1px solid; border-color:pink; }




#main #sidebar {width:246px; float:left;line-height:18px;border:1px solid; border-color:pink;}






#footer .left { float:left; width:50%; margin-bottom:10px; margin-left:35px;border:1px solid; border-color:pink;}




.widget { margin-bottom:20px; padding:0; overflow:hidden;clear:both; }
.widget h4 { font-size:14px; margin:0; padding:0 0 5px 15px; color:#575757;font-weight:400;border-bottom:1px solid #d9d9d9;}
.widget ul { list-style:none; font-size:11px; margin:5px 0; padding:0;}
.widget ul li { background:url(images/icon_bullet.png) 5px 2px no-repeat; padding:0 0 7px 24px;}
.widget_categories ul li { width:40%; float:left; margin:0;}
.widget_rssfeed {color:#727576;font-size:14px; padding:0 10px;}
.widget_rssfeed ul li {margin-bottom:5px;}
.widget_rssfeed ul li.rss { background:url(images/rssfeed.png) 0 0 no-repeat; padding:6px 0 10px 38px;font-size:16px;}
.widget_rssfeed ul li.email { background:url(images/mail.png) 0 0 no-repeat; padding:6px 0 10px 38px;font-size:16px;}
.widget_rssfeed ul li.twitter { background:url(images/twitter.png) 0 0 no-repeat; padding:6px 0 10px 38px;font-size:16px;}
.widget_search form { padding:0 10px;}
.widget_search input{width:63%;padding:5px; margin:0 5px 10px 0;background:#f8f8f5 url(images/random.png) top left repeat-y;border-left:1px solid #dddbd4;border-top:1px solid #dddbd4;border-right:1px solid #f5f5f1;border-bottom:1px solid #f5f5f1;}
.widget_search input#searchsubmit { width:70px;margin-top:10px; background:url(images/submit.png) top left repeat-x;color:#ffffff;padding-bottom: 3px;border:1px solid #94c1cd;}




.post {border-bottom:1px solid #d9d9d9;color:#6e6e6e;padding-bottom:5px;margin-bottom:20px;}
.post .title { width:480px!important;width:460px; float:left; padding-bottom:5px;}
.post .title h2 { color:#000000; font-size:15px;margin:0;padding:0 0 7px 0;}
.post .title h2 a { color:#000000;}
.post .title h2 a:hover { color:#66808d;}
.post .title .meta { color:#858585; font-size:11px;}
.post .title .meta a { background-color:#a2c2d1; color:#ffffff; padding:4px;}
.post .title .meta a:hover { background-color:#000000; }
.post .commentcount { font-weight:600;font-size:11px;width:35px; height:28px;text-align:center;margin:0 7px 0 10px;padding-top:8px; float:left; background:url(images/commentcount.png) top left no-repeat;}
.post .commentcount a {color:#6e6e6e;}
.post .entry {line-height:22px;padding:10px;display:block; clear:both; overflow:hidden;color:#787575;}
.post p { margin:0; padding:0 0 10px 0;}
.post blockquote { background:transparent url(images/quote.png) no-repeat scroll 0 0;font-size:0.9em;font-style:italic;line-height:1.5em;margin:5px 0 5px 0;padding:10px 15px 10px 60px;}
.post ul.split3cols,.post ul.split2cols {font-size:12px;overflow:auto;width:520px;}
.post ul {list-style-type:none;margin:10px 0;padding:0 0 0 10px;}
.post ul.split3cols li { float:left;width:155px;margin-right:5px;}
.post ul.split2cols li { float:left;width:240px;margin-right:5px;}
.post ul li { background:transparent url(images/bullet.png) no-repeat scroll 0 8px;line-height:20px;margin:4px 0;padding:0 0 0 10px; }
.post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4 {margin:0 0 5px 0; padding:0 0 5px 15px; color:#575757;font-weight:400;border-bottom:1px solid #d9d9d9;}
.post .entry h1 { font-size:16px;}
.post .entry h2 { font-size:15px;}
.post .entry h3 { font-size:14px;}
.post .entry h4 { font-size:13px;}


.page h2 {  font-size:24px; margin:0 0 5px 0; padding:0 0 5px 15px; color:#575757;font-weight:400;border-bottom:1px solid #d9d9d9;}
.page .entry {line-height:22px;padding:0 10px;display:block; clear:both; overflow:hidden;color:#787575;}
.page p { margin:0; padding:0 0 10px 0;}
.page blockquote { background:transparent url(images/quote.png) no-repeat scroll 0 0;font-size:0.9em;font-style:italic;line-height:1.5em;margin:5px 0 5px 0;padding:10px 15px 10px 60px;}
.page ul.split3cols,.page ul.split2cols {font-size:12px;overflow:auto;width:520px;}
.page ul {list-style-type:none;margin:10px 0;padding:0 0 0 10px;}
.page ul.split3cols li { float:left;width:155px;margin-right:5px;}
.page ul.split2cols li { float:left;width:240px;margin-right:5px;}
.page ul li { background:transparent url(images/bullet.png) no-repeat scroll 0 8px;line-height:20px;margin:4px 0;padding:0 0 0 10px; }
.page .entry h1,.page .entry h2,.page .entry h3,.page .entry h4 {margin:0 0 5px 0; padding:0 0 5px 15px; color:#575757;font-weight:400;border-bottom:1px solid #d9d9d9;}
.page .entry h1 { font-size:16px;}
.page .entry h2 { font-size:15px;}
.page .entry h3 { font-size:14px;}
.page .entry h4 { font-size:13px;}


.bookmarks {margin-bottom:15px;padding:40px 10px 20px 15px;border-bottom:1px solid #d9d9d9;color:#6e6e6e;background: url(images/bookmarkthis.png) 10px 10px no-repeat;overflow:hidden;clear:both;}
.bookmarks span{ font-size:12px; line-height:20px;}
.bookmarks ul { list-style:none; margin:0; padding:10px; overflow:hidden; clear:both;}
.bookmarks ul li { float:left; padding:1px 10px 3px 20px;}
.bookmarks ul li a:link,.bookmarks ul li a:visited { color:#666666;}
.bookmarks ul li a:hover { color:#a2c2d1;}
.bookmarks ul li.df { background:url(images/fav/designfloat.png) 0 0 no-repeat;}
.bookmarks ul li.digg { background:url(images/fav/digg.png) 0 0 no-repeat;}
.bookmarks ul li.del { background:url(images/fav/delicious.png) 0 0 no-repeat;}
.bookmarks ul li.techno { background:url(images/fav/technorati.png) 0 0 no-repeat;}
.bookmarks ul li.su { background:url(images/fav/stumbleupon.png) 0 0 no-repeat;}

Alles anzeigen

buecherlaube

Das kommt davon, wenn man spätnachts was ändern will...
http://www.buecherlaube.de

1. Eigentlich wollte ich die bei der Navigation oben ("Home") den hässlichen weissen Hintergrund wegkriegen, das Ergebnis ist, dass er erstens immer noch da ist und zweitens, dass weitere Seiten, die ich im Backend eröffne, nicht in der Navi auftauchen. Hatte eine weitere Seite mit dem Titel "Impressum" angelegt. Die Navigationspunkte sollen oben über dem Header brav nebeneinander auftauchen und zwar ohne doofen weissen Hintergrund.

2. Ich habe alle div-Container mit dieser ollen pinken Linie umrandet, die kommt später weg, ist nur jezt für mich zur Orientierung.
Nur: Im unteren Bereich taucht sie an manchen Containern plötzlich nicht mehr auf, wieso das?

Code folgt in nächsten Posts!

buecherlaube

Danke! Das padding hatte ich tatsächlich übersehen *maulwurf*

buecherlaube

....und verstehe nicht, wieso der weisse untere Bereich breiter wie der Header-Bereich ist. Meiner Meinung nach habe ich beiden die Breite von 900px zugewiesen...*grübel*
http://www.buecherlaube.de
(Die hübsch-hässlichen pinken Ränder sind nur für mich zum Gucken noch, die kommen später weg... ;-) )

Code

#wrapper {margin:0 auto;width:900px;margin-bottom:20px;border:1px solid; border-color:pink;}
#wrapper #header {clear:both;height:100px; width:900px;background:url(images/body_top.png) bottom left no-repeat; overflow:hidden;margin-bottom:20px;border:1px solid; border-color:pink;}
#wrapper #main {clear:both;overflow:hidden;width:900px; padding:5px 10px; background:#ffffff url(images/body_middle.png) top left repeat-y;margin-bottom:20px;border:1px solid; border-color:pink;}
#wrapper #footer { color:#5e5e5e;clear:both;overflow:hidden;  width:900px; padding: 20px 30px 10px 20px; background:#e7e7e2 url(images/body_bottom.png) top left no-repeat;margin-bottom:20px;border:1px solid; border-color:pink;}


#header #logo { width:200px; float:left;border:1px solid; border-color:pink;}
#ueberschrift {width:350px; font-size:34px; float:left;border:1px solid; border-color:pink;}
#header #nav {width:300px; float:right;border:1px solid; border-color:pink;}




#header #nav .pages, #header #nav .pages * {margin:0; padding:0;list-style: none;}
#header #nav .pages { float:right; margin-top:18px;}
#header #nav .pages li {display:inline; float:left; margin-right:5px;}


#header #nav .pages li a:link, #header #nav .pages li a:visited, #header #nav .pages li a:active {color:#426372;font-size:14px;height:34px;line-height:34px;padding-right:10px;}
#header #nav .pages li a:hover {color:#5d6061;background:transparent url(images/navbg.png) repeat scroll top right;float:left}
#header #nav .pages li a:hover span {background:transparent url(images/navbg.png) repeat scroll left top;display:block;}
#header #nav .pages li.current_page_item a:visited,#header #nav .pages li.current_page_item a:active,#header #nav .pages li.current_page_item a:link {background:transparent url(images/navbg.png) repeat scroll top right;color:#5d6061;float:left}
#header #nav .pages li.current_page_item a:visited span,#header #nav .pages li.current_page_item a:active span,#header #nav .pages li.current_page_item a:link span {background:transparent url(images/navbg.png) repeat scroll left top;display:block;}
#header #nav .pages li a:link span, #header #nav .pages li a:visited span, #header #nav .pages li a:active span  {padding-left:10px;}


#main #mittelteil {width: 900px; height: 200px; border:1px solid; border-color:pink;}
#main #mittelteil #jugend {float:left; width: 290px; height: 160px; margin-top:20px; margin-bottom:20px;border:1px solid; border-color:pink; text-align: center;}
#main #mittelteil #thriller {float:left; width: 290px;height:160px;margin-top:20px; margin-bottom:20px; border:1px solid;border-color:pink; text-align: center;}
#main #mittelteil #liebe {float:left; width: 290px;height: 160px;margin-top:20px; margin-bottom:20px; border:1px solid;border-color:pink; text-align: center;}




#main #content { width:650px; float:left;margin-bottom:20px;border:1px solid; border-color:pink; }




#main #sidebar {width:230px; float:right;line-height:18px;border:1px solid; border-color:pink;}






#footer .left { float:left; width:45%; margin-bottom:20px;border:1px solid; border-color:pink;}
#footer .right { float:right; width:45%; text-align:right; margin-bottom:20px;border:1px solid; border-color:pink;}

Alles anzeigen

buecherlaube

Herzlichen Dank!
Ja, das war's, habe die Doppelpunkte vergessen....tsss....

buecherlaube

und die style.css (siehe #main und folgende)

Code

body {
        background:aliceblue;
        font-family: Georgia, serif;
        margin:0 auto;
        font-size:18px;
}
img { border:0;}
a { outline-style:none;  }
a:link ,a:active ,a:visited { text-decoration: none; color : #819eac;  border: none;}
a:hover        { text-decoration: none; color : #666464; border: none;}
textarea,input {color:#7b7d6f}
p img {padding: 0;max-width: 100%;}
img.centered,img.aligncenter {display: block;margin:0 auto;border:1px  solid #c0c0c0;overflow:hidden;padding: 4px;}
img.alignright {padding: 4px;margin: 2px 0 2px 7px;display:  inline;border:1px solid #c0c0c0;}
img.alignleft {padding: 4px;margin: 2px 7px 2px 0;display:  inline;border:1px solid #c0c0c0;}
.alignright {float: right;}
.alignleft {float: left}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
.center {text-align: center;}
.hidden {display: none;}
.aligncenter,div.aligncenter {display: block;margin-left:  auto;margin-right: auto;}


#wrapper {margin:0 auto;width:900px;}
#wrapper #header {clear:both;height:100px; width:840px;padding:7px  20px;background:url(images/body_top.png) bottom left no-repeat;  overflow:hidden;}
#wrapper #main {clear:both;overflow:hidden;width:860px; padding:5px  10px; background:#ffffff url(images/body_middle.png) top left repeat-y;}
#wrapper #footer { color:#5e5e5e;clear:both;overflow:hidden;   width:830px; padding: 20px 30px 10px 20px; background:#e7e7e2  url(images/body_bottom.png) top left no-repeat;}


#header #logo { width:200px; float:left;}
#ueberschrift {width:350px; font-size:34px; float:left;}
#header #nav {width:300px; float:right;}




#header #nav .pages, #header #nav .pages * {margin:0;  padding:0;list-style:        none;}
#header #nav .pages { float:right; margin-top:18px;}
#header #nav .pages li {display:inline; float:left; margin-right:5px;}


#header #nav .pages li a:link, #header #nav .pages li a:visited, #header  #nav .pages li a:active  {color:#426372;font-size:14px;height:34px;line-height:34px;padding-right:10px;}
#header #nav .pages li a:hover {color:#5d6061;background:transparent  url(images/navbg.png) repeat scroll top right;float:left}
#header #nav .pages li a:hover span {background:transparent  url(images/navbg.png) repeat scroll left top;display:block;}
#header #nav .pages li.current_page_item a:visited,#header #nav .pages  li.current_page_item a:active,#header #nav .pages li.current_page_item  a:link {background:transparent url(images/navbg.png) repeat scroll top  right;color:#5d6061;float:left}
#header #nav .pages li.current_page_item a:visited span,#header #nav  .pages li.current_page_item a:active span,#header #nav .pages  li.current_page_item a:link span {background:transparent  url(images/navbg.png) repeat scroll left top;display:block;}
#header #nav .pages li a:link span, #header #nav .pages li a:visited  span, #header #nav .pages li a:active span  {padding-left:10px;}




#main #content { width:600px; float:left; }
#main #content #mittelteil {width 100%; height: 150px;}
#main #content #mittelteil #jugend {float:left; width 30%; height:  150px; border:1px solid; text-align: center;}
#main #content #mittelteil #liebe  {float:right; width 30%;height:  150px; border:1px solid; text-align: center;}
#main #content #mittelteil #thriller {width 30%;height:150px; border:1px  solid; text-align: center;}
#main #sidebar {width:220px; float:right;line-height:18px;  margin-right:10px;}






#footer .left { float:left; width:45%;}
#footer .right { float:right; width:45%; text-align:right;}

Alles anzeigen

buecherlaube

hallo!
könnte sich mal jemand das kuddelmuddel auf meinem blog ansehen
http://www.buecherlaube.de
und mir sagen, wie ich die drei container mit Text "All-Age, "Thriller" und "Besonderes" nebeneinander ausrichten kann?

sie sollen alle gleich breit sein.

Die php-Datei in die ich die Container getan habe index.php siehe div id="mittelteil"

PHP

<?php get_header(); ?>


        <div id="content">
        <div id="mittelteil">
 <div id="jugend">All-Age</div>
 <div id="thriller">Thriller</div>
 <div id="liebe">Besonderes</div>
</div>


        <?php if (have_posts()) : ?>
                <?php while (have_posts()) : the_post(); ?>
                        <div class="post">
                                <div class="commentcount"><?php comments_popup_link('0', '1', '%'); ?></div>
                                <div class="title">
                                        <h2><a href="<?php the_permalink() ?>"
                                        rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">
                                        <?php the_title(); ?></a></h2>
                                        <div class="meta">Posted <?php the_time('F jS, Y') ?>. Filed under
                                         <?php the_category(' ') ?></div>
                                </div>
                                <div class="entry">
                                        <?php the_content('<p>Read the rest of this entry &raquo;</p>'); ?>
                                </div>
                        </div>
                <?php endwhile; ?>
                <?php
                if(function_exists('wp_pagenavi')) { wp_pagenavi(); }
                else {
                ?>
                <div class="navigation">
                        <div class="alignleft"><?php next_posts_link('&laquo; Older Entries') ?></div>
                        <div class="alignright"><?php previous_posts_link('Newer Entries &raquo;') ?></div>
                </div>
                <? } ?>


        <?php else : ?>


                <div class="page" >
                        <h2>Huch, die Seite, die Sie aufsuchen wollten, gibt es nicht mehr!</h2>
                        <div class="entry">
                                <p>Schade....zurück zur Startseite<a href="<?php echo get_option('home'); ?>">Home Page</a>
                                 </p>
                        </div>
                </div>


        <?php endif; ?>


        </div>


<?php get_sidebar(); ?>
<?php get_footer(); ?>

Alles anzeigen

buecherlaube

Zur Breite: Ich meinte den Inhalt des gesamten Blogs, wie breit er sich über den Bildschirm zieht und wieviel "leerer Rand" rechts und links bleibt.

buecherlaube

Ungefähr so:
http://www.mein-buecherreich.de/?p=3339
Also bezogen auf die Höhe des Header-Bereiches, die Breite des Hintergrundbildes über den gesamten Header-Bereich und die Breite des gesamten Dingens,
Schriften und Farben usw. würde ich ganz anders machen wollen als in dem Beispiel.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von buecherlaube

Elastic Theme Editor

Elastic Theme Editor

Elastic Theme Editor

Neues Div-Container-Kuddelmuddel

Neues Div-Container-Kuddelmuddel

Neues Div-Container-Kuddelmuddel

Neues Div-Container-Kuddelmuddel

Neues Div-Container-Kuddelmuddel

Neues Div-Container-Kuddelmuddel

Neues Div-Container-Kuddelmuddel

Neues Div-Container-Kuddelmuddel

Neues Div-Container-Kuddelmuddel

Neues Div-Container-Kuddelmuddel

Versuche meine Div-Container zu sortieren...

Versuche meine Div-Container zu sortieren...

drei div conatainer nebeneinander

drei div conatainer nebeneinander

drei div conatainer nebeneinander

Thematic und Thematic Power Blog

Thematic und Thematic Power Blog