Ok vielen dank es geht jetzt.Wie kann ich bei dem Theme den Header ändern? Weil wenn ich die Datei Kopf ersetze geht es nicht? Was muss ich ändern? Und wie breit muss der Header sein?
Beiträge von peterpa
-
-
Meine Datei sieht jetzt so aus:#
Code
Alles anzeigen/* Theme Name: red minimalista Theme URI: http://www.perun.net Description: Theme for Wordpress 2.x, <a href="http://www.vlad-design.de">Vladimir Simovic</a> aka <a href="http://www.perun.net">Perun</a>. This Theme is Open Source. Version: 2.3 (11. Dez 2007) Author: Vladimir Simovic (Perun) Author URI: http://www.perun.net INHALTSVERZEICHNIS: 1. ...... Allgemeine bzw. Dokumentweite Angaben 2. ...... Kontainer sog. Wrapper 2.1 ..... Kopf bzw. Header 2.2. .... Mitte (Middle) (beinhaltet die Seitenleiste und den Inhalt) 2.2.1 ... Seitenleiste aka Sidebar 2.2.2 ... Inhalt (Content) 2.2.3 ... Kommentarbereich 2.3 ..... Fuss bzw. Fu� aka Footer 3. ...... Spezielle Formatierungen (z.B. fuer Plugins) 1. Allgemeine bzw. Dokumentweite Angaben */ html { height: 100%; } body { background: #aaa url(img/hintergrund.gif) fixed center bottom repeat-x; text-align: center; font: 12px verdana, arial, sans-serif; /* Hoch lebe das heilige Pixel! Nieder mit dem b�sen em-Tyrann ;-) */ margin: 0; padding: 20px 0 0 0; height: 100.01%; /* Ich hasse solche "Konstrukte, aber leider notwendig */ } pre, code, samp { font: 1em 'courier new', courier, monospace; color: #c60; } acronym, abbr, dfn { border-bottom: 1px dashed #999; font-style: normal; cursor: help; } blockquote { padding: 0 15px 0 10px; margin: 15px 0 15px 5px; text-align: justify; color: #555; line-height: 1.35; font-size: 11px; border-left: 5px solid #eee; } a { color: #b00; text-decoration: none; } a:hover { color: #333; } img { border: none; } #clearer { clear: both; } .center { text-align: center; } /* small */ .klein { font-size: .9em; } /* smaller */ .kleiner { font-size: .8em; /* Und jetzt brauchst du eine Lupe */ } /* Hiermit "positioniert" man die Bilder (links = left; rechts = right) */ .bild-links { float: left; margin: 2px 10px 5px 0; } .bild-rechts { float: right; margin: 2px 0 5px 10px; } /* Kontainer sog. Wrapper */ #kontainer { width: 760px; /* "Die Rente ist sicher" ... "Ja, dieses Layout ist elastisch" */ margin: 0 auto; text-align: left; padding-bottom: 20px; } /* 2.1 Kopf bzw. Header */ #kopf { background: url(img/kopf.gif) no-repeat; height: 125px; } #kopf h1 { margin: 0; padding: 0 20px; height: 120px; } #kopf a { color: #fd5; font: bold 20px 'trebuchet ms', arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; line-height: 120px; } /* 2.2 Mitte (beinhaltet die Seitenleiste und den Inhalt) */ #mitte { background: #fff url(img/mitte.gif) repeat-y; padding: 10px 15px 15px 20px; } /* 2.2.1 Seitenleiste aka Sidebar */ #seitenleiste { width: 200px; float: right; line-height: 1.55; color: #444; background: transparent; } #seitenleiste h2 { margin: 5px 0; text-transform: uppercase; background: url(img/kopf.gif) no-repeat center center; padding: 1px 5px; color: #fd5; font-size: 11px; } #seitenleiste form { margin: 0 0 20px 0; padding-top: 2px; padding-left: 5px; } #seitenleiste input.suchfeld { border: 1px solid #ccc; font-size: 11px; padding: 2px; width: 180px; color: #555; } #seitenleiste input.suchfeld:hover, #seitenleiste input.suchfeld:focus { border: 1px solid #900; } #seitenleiste input.sendebutton { border: 1px solid #ccc; background: #ddd; font-size: 11px; margin-top: 3px; padding: 1px 3px; line-height: 1.2; } #seitenleiste input.sendebutton:hover { border: 1px solid #900; background: #b00; color: #fd5; } #seitenleiste ul { list-style: none; margin: 0 0 20px 0; padding: 0; } #seitenleiste li { border-bottom: 1px solid #ddd; line-height: 1.6; padding-left: 5px; } #seitenleiste ul li a { text-transform: lowercase; /* Gro�buchstaben sind ein unn�tiger Luxus */ } #seitenleiste li li { margin-left: 10px; } [COLOR=Red][B]#seitenleiste h2 { background: transparent url('http://www4.picfront.org/picture/zhaCDYHt2F/img/Unbenannt-2.jpg') top left; }[/B][/COLOR] /* 2.2.2 Inhalt */ #inhalt { float: left; width: 500px; padding-bottom: 15px; line-height: 1.45; color: #444; background: transparent; } #inhalt p { margin-top: 1em; margin-bottom: 1.1em; } #inhalt a { border-bottom: 1px solid #eee; } #inhalt a:hover { border-bottom: 1px solid #555; } #inhalt h2 { font-size: 18px; margin-top: 0; margin-bottom: .5em; padding: 0; color: #444; } #inhalt h3 { font-size: 15px; margin: 17px 0 5px 0; padding: 0; color: #333; border-bottom: 1px dotted #ddd; } #inhalt h4 { font-size: 13px; font-weight: bold; color: #444; margin: 17px 0 5px 0; } #inhalt h2 a, #inhalt h2 a:hover { border-bottom: none; } #inhalt h2.beitrags-titel { margin-bottom: 0; padding-bottom: 0; line-height: 1.1; } #inhalt .beitrags-info, #inhalt .beitrags-info2 { font-size: 11px; color: #555; line-height: 1.2; text-transform: lowercase; } #inhalt .beitrags-info2 { border-top: 1px solid #e1e1e1; margin-bottom: 30px; padding: 2px 0; } #inhalt #beitrag-info-box { font-size: 11px; margin: 20px 0; padding: 10px; background: #eee; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; } /*2.2.3 Kommentarbereich*/ #commentform { border: 1px solid #ddd; background: #eee; padding: 15px; } #commentform textarea, #commentform input { border: 1px solid #ccc; font: normal 1em arial, sans-serif; padding: 2px; color: #555; } #commentform textarea { width: 450px; } #commentform textarea:hover, #commentform textarea:focus, #commentform #author:hover, #commentform #author:focus, #commentform #email:hover, #commentform #email:focus, #commentform #url:hover, #commentform #url:focus { border: 1px solid #900; } #commentform #submit { margin-top: 2px; padding: 0 5px; } #commentform #submit, #commentform .ed_button { border: 1px solid #ccc; background: #ddd; color: #333; margin-right: 1px; font-size: 1em; } #commentform #submit:hover, #commentform .ed_button:hover { border: 1px solid #900; background: #b00; color: #fd5; } #commentlist li { border-bottom: 1px solid #eee; } .kommentar-info { text-transform: lowercase; margin-bottom: 3px; } /* 2.3 Fuss bzw. Fu�bereich aka Footer */ #fuss { background: #f5f5f5 url(img/fuss.gif) repeat-y; padding: 15px 20px; border-bottom: 1px solid #ccc; color: #555; } #fuss p { margin: 0; text-transform: lowercase; } /* 3. Spezielle Formatierungen z.B. nur f�r Plugins */ #ed_toolbar input { border: 1px solid #ccc; background: #ddd; font-size: 11px; margin-right: 1px; padding-top: 0; padding-bottom: 0; } #wp_grins { margin-top: 2px; } .pagebar { text-align: center; line-height: 1.4; padding-bottom: 10px; } .pagebar .this-page { font-weight: bold; } #inhalt .pagebar a { border-bottom: 1px solid #ccc; border: 1px solid #ccc; background: #eee; padding: 2px 5px; margin-bottom: 5px; } #inhalt .pagebar a:hover { border: 1px solid #900; background: #b00; color: #fd5; }[COLOR=Black]Gehen tut es aber nicht?[/COLOR]
Und warum geht des dann nwt? Und was meinst du mit Sorry, der no-repeat verhindert das Wiederholen, falls dein Bild zu klein ist?
-
Meine Datei sieht jetzt so aus:#
Code
Alles anzeigen/* Theme Name: red minimalista Theme URI: http://www.perun.net Description: Theme for Wordpress 2.x, <a href="http://www.vlad-design.de">Vladimir Simovic</a> aka <a href="http://www.perun.net">Perun</a>. This Theme is Open Source. Version: 2.3 (11. Dez 2007) Author: Vladimir Simovic (Perun) Author URI: http://www.perun.net INHALTSVERZEICHNIS: 1. ...... Allgemeine bzw. Dokumentweite Angaben 2. ...... Kontainer sog. Wrapper 2.1 ..... Kopf bzw. Header 2.2. .... Mitte (Middle) (beinhaltet die Seitenleiste und den Inhalt) 2.2.1 ... Seitenleiste aka Sidebar 2.2.2 ... Inhalt (Content) 2.2.3 ... Kommentarbereich 2.3 ..... Fuss bzw. Fu� aka Footer 3. ...... Spezielle Formatierungen (z.B. fuer Plugins) 1. Allgemeine bzw. Dokumentweite Angaben */ html { height: 100%; } body { background: #aaa url(img/hintergrund.gif) fixed center bottom repeat-x; text-align: center; font: 12px verdana, arial, sans-serif; /* Hoch lebe das heilige Pixel! Nieder mit dem b�sen em-Tyrann ;-) */ margin: 0; padding: 20px 0 0 0; height: 100.01%; /* Ich hasse solche "Konstrukte, aber leider notwendig */ } pre, code, samp { font: 1em 'courier new', courier, monospace; color: #c60; } acronym, abbr, dfn { border-bottom: 1px dashed #999; font-style: normal; cursor: help; } blockquote { padding: 0 15px 0 10px; margin: 15px 0 15px 5px; text-align: justify; color: #555; line-height: 1.35; font-size: 11px; border-left: 5px solid #eee; } a { color: #b00; text-decoration: none; } a:hover { color: #333; } img { border: none; } #clearer { clear: both; } .center { text-align: center; } /* small */ .klein { font-size: .9em; } /* smaller */ .kleiner { font-size: .8em; /* Und jetzt brauchst du eine Lupe */ } /* Hiermit "positioniert" man die Bilder (links = left; rechts = right) */ .bild-links { float: left; margin: 2px 10px 5px 0; } .bild-rechts { float: right; margin: 2px 0 5px 10px; } /* Kontainer sog. Wrapper */ #kontainer { width: 760px; /* "Die Rente ist sicher" ... "Ja, dieses Layout ist elastisch" */ margin: 0 auto; text-align: left; padding-bottom: 20px; } /* 2.1 Kopf bzw. Header */ #kopf { background: url(img/kopf.gif) no-repeat; height: 125px; } #kopf h1 { margin: 0; padding: 0 20px; height: 120px; } #kopf a { color: #fd5; font: bold 20px 'trebuchet ms', arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; line-height: 120px; } /* 2.2 Mitte (beinhaltet die Seitenleiste und den Inhalt) */ #mitte { background: #fff url(img/mitte.gif) repeat-y; padding: 10px 15px 15px 20px; } /* 2.2.1 Seitenleiste aka Sidebar */ #seitenleiste { width: 200px; float: right; line-height: 1.55; color: #444; background: transparent; } #seitenleiste h2 { margin: 5px 0; text-transform: uppercase; background: url(img/kopf.gif) no-repeat center center; padding: 1px 5px; color: #fd5; font-size: 11px; } #seitenleiste form { margin: 0 0 20px 0; padding-top: 2px; padding-left: 5px; } #seitenleiste input.suchfeld { border: 1px solid #ccc; font-size: 11px; padding: 2px; width: 180px; color: #555; } #seitenleiste input.suchfeld:hover, #seitenleiste input.suchfeld:focus { border: 1px solid #900; } #seitenleiste input.sendebutton { border: 1px solid #ccc; background: #ddd; font-size: 11px; margin-top: 3px; padding: 1px 3px; line-height: 1.2; } #seitenleiste input.sendebutton:hover { border: 1px solid #900; background: #b00; color: #fd5; } #seitenleiste ul { list-style: none; margin: 0 0 20px 0; padding: 0; } #seitenleiste li { border-bottom: 1px solid #ddd; line-height: 1.6; padding-left: 5px; } #seitenleiste ul li a { text-transform: lowercase; /* Gro�buchstaben sind ein unn�tiger Luxus */ } #seitenleiste li li { margin-left: 10px; } [COLOR=Red][B]#seitenleiste h2 { background: transparent url('http://www4.picfront.org/picture/zhaCDYHt2F/img/Unbenannt-2.jpg') top left; }[/B][/COLOR] /* 2.2.2 Inhalt */ #inhalt { float: left; width: 500px; padding-bottom: 15px; line-height: 1.45; color: #444; background: transparent; } #inhalt p { margin-top: 1em; margin-bottom: 1.1em; } #inhalt a { border-bottom: 1px solid #eee; } #inhalt a:hover { border-bottom: 1px solid #555; } #inhalt h2 { font-size: 18px; margin-top: 0; margin-bottom: .5em; padding: 0; color: #444; } #inhalt h3 { font-size: 15px; margin: 17px 0 5px 0; padding: 0; color: #333; border-bottom: 1px dotted #ddd; } #inhalt h4 { font-size: 13px; font-weight: bold; color: #444; margin: 17px 0 5px 0; } #inhalt h2 a, #inhalt h2 a:hover { border-bottom: none; } #inhalt h2.beitrags-titel { margin-bottom: 0; padding-bottom: 0; line-height: 1.1; } #inhalt .beitrags-info, #inhalt .beitrags-info2 { font-size: 11px; color: #555; line-height: 1.2; text-transform: lowercase; } #inhalt .beitrags-info2 { border-top: 1px solid #e1e1e1; margin-bottom: 30px; padding: 2px 0; } #inhalt #beitrag-info-box { font-size: 11px; margin: 20px 0; padding: 10px; background: #eee; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; } /*2.2.3 Kommentarbereich*/ #commentform { border: 1px solid #ddd; background: #eee; padding: 15px; } #commentform textarea, #commentform input { border: 1px solid #ccc; font: normal 1em arial, sans-serif; padding: 2px; color: #555; } #commentform textarea { width: 450px; } #commentform textarea:hover, #commentform textarea:focus, #commentform #author:hover, #commentform #author:focus, #commentform #email:hover, #commentform #email:focus, #commentform #url:hover, #commentform #url:focus { border: 1px solid #900; } #commentform #submit { margin-top: 2px; padding: 0 5px; } #commentform #submit, #commentform .ed_button { border: 1px solid #ccc; background: #ddd; color: #333; margin-right: 1px; font-size: 1em; } #commentform #submit:hover, #commentform .ed_button:hover { border: 1px solid #900; background: #b00; color: #fd5; } #commentlist li { border-bottom: 1px solid #eee; } .kommentar-info { text-transform: lowercase; margin-bottom: 3px; } /* 2.3 Fuss bzw. Fu�bereich aka Footer */ #fuss { background: #f5f5f5 url(img/fuss.gif) repeat-y; padding: 15px 20px; border-bottom: 1px solid #ccc; color: #555; } #fuss p { margin: 0; text-transform: lowercase; } /* 3. Spezielle Formatierungen z.B. nur f�r Plugins */ #ed_toolbar input { border: 1px solid #ccc; background: #ddd; font-size: 11px; margin-right: 1px; padding-top: 0; padding-bottom: 0; } #wp_grins { margin-top: 2px; } .pagebar { text-align: center; line-height: 1.4; padding-bottom: 10px; } .pagebar .this-page { font-weight: bold; } #inhalt .pagebar a { border-bottom: 1px solid #ccc; border: 1px solid #ccc; background: #eee; padding: 2px 5px; margin-bottom: 5px; } #inhalt .pagebar a:hover { border: 1px solid #900; background: #b00; color: #fd5; }[COLOR=Black]Gehen tut es aber nicht?[/COLOR]
-
Vielen dank aber wie ist das dann mit den verschiedenen bildschirm auflösungen? Wird das Bild dann nicht verzerrt?
-
Hallo,
ich will die schwarz umrandeten Buttons ändern:
http://www4.picfront.org/picture/hNC4tq…Unbenannt-1.jpg
Und zwar z.B. gegen diese Grafik:
http://www4.picfront.org/picture/zhaCDY…Unbenannt-2.jpg
Wie kann ich das machen? Weil eine feste Grafik kann es ja wegen verschiedenen Bildschirmauflösungen nicht sein?
Hier mal der Sidebar.php Code des Templates:
PHP
Alles anzeigen<!-- beginn sidebar --> <div id="seitenleiste"> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?> <h2><?php _e('Pages'); ?></h2> <ul> <li><a href="<?php bloginfo('url'); ?>">Startseite</a></li> <?php wp_list_pages('sort_column=menu_order&title_li'); ?> </ul> <h2><?php _e('Categories'); ?></h2> <ul> <?php if (function_exists('wp_list_cats')) { wp_list_cats('sort_column=name&optioncount=1'); } else { wp_list_categories('sort_column=name&show_count=1&title_li'); } ?> </ul> <h2><?php _e('Search'); ?></h2> <form id="searchform" method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>"> <input type="text" name="s" id="s" size="20" class="suchfeld" /><br /> <input type="submit" value="Suchen" class="sendebutton" /> </form> <h2>RSS-Feeds</h2> <ul> <li><a href="<?php bloginfo('rss2_url'); ?>" title="<?php _e('Syndicate this site using RSS'); ?>"><?php _e('Posts'); ?></a></li> <li><a href="<?php bloginfo('comments_rss2_url'); ?>" title="<?php _e('The latest comments to all posts in RSS'); ?>"><?php _e('Comments'); ?></a></li> <?php wp_meta(); ?> </ul> <h2>Blogroll</h2> <ul> <?php wp_list_bookmarks('categorize=0&title_li=0'); ?> </ul> <?php endif; ?> <h2><?php _e('Meta'); ?></h2> <ul> <?php wp_register(); ?> <li><?php wp_loginout(); ?></li> <?php wp_meta(); ?> </ul> <?php if (function_exists('wp_theme_switcher')) { ?> <h2>Styleswitcher</h2> <?php wp_theme_switcher(); ?> <?php } ?> </div><!-- /seitenleiste --> <!-- ende sidebar -->Und hier der Link zum Blog:
Blog.dlboard.net
Vielen dank für die Hilfe.Bitte versteht, dass ich ein Anfänger bin :-D
Max -
Hallo,
wenn ich eine Banner unter meinen Header und über die Beiträge machen ensteht in der Navi auch immer so ein freier Platz obwohl ich das nicht will:
PicFront - Ihr innovativer Bildhoster
Wie kann ich den Banner da reinkopieren ohne das der in der Navi umrandete Berreich entsteht? Also so, dass die Doku-Blog navi weiter zum Header nach oben geht wie normal!
Und unter der Überschridt von den Beiträgen (in dem Fall jetzt "Trivks von 9live") ist auch so nen großer Abstand wie geht der weg?
Seitenlink: Doku-Blog
Index.php wo der Banner Code drin ist:
PHP
Alles anzeigen<?php get_header(); ?> <a id="227-countClick" href="http://www.world-of-warez.de/"><img src="http://world-of-warez.com/wowbanner15.gif" border="0" alt="Vote for this Site @ World of Warez Toplist-Best German Warez" width="460" height="60"></a> <script language="JavaScript" src="http://www.world-of-warez.de/linkjs.php?id=227"></script> <div id="inhalt"> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <h2 class="beitrags-titel"> <a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a> </h2> <p class="beitrags-titel"> </p> <div class="beitrags-info"><?php the_time('l, d. F Y'); ?> von <?php the_author() ?> <?php edit_post_link('**', ' ', ''); ?></div> <div class="beitrag"> <?php the_content(__(' >>> Dokumentation jetzt anschauen <<<')); ?> </div> <div class="feedback"> <?php wp_link_pages(); ?> <div class="beitrags-info2"><?php _e("Category:"); ?> <?php the_category(',') ?> | <?php comments_popup_link(__('Comments (0)'), __('Comments (1)'), __('Comments (%)')); ?></div> </div> <?php comments_template(); /*Get wp-comments.php template*/ ?> <?php endwhile; else: ?> <p><?php _e('Sorry, no posts matched your criteria.'); ?></p> <?php endif; ?> <?php if (function_exists('wp_pagebar')) { wp_pagebar(array('before'=>'', 'tooltip_text'=>'Seite', 'next'=>'»', 'prev'=>'«')); } else { ?> <div class="center"><?php posts_nav_link(' – ', __('« Previous Page'), __('Next Page »')); ?></div> <?php } ?> </div><!-- /inhalt --> <a href="http://www.ipcount.net/online/y2omr4mig7bo.html" target="_blank"><img src="http://www.ipcount.net/count/y2omr4mig7bo/0.gif" border="0" /></a> <?php get_sidebar(); ?> <?php get_footer(); ?>Vielen dank für die Hilfe und Grüße
PeterPa