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 erstellenUnd jetzt sind z.B. unter den Kategorien eine freie Spalte oder auch unter der Suche.Alle Leeren und unnötigen Spalten habe ich mal rotmarkiert:
Picbutler Bilderhoster :: Bild unssssssssbenannt491TWD.jpg Bildhoster Imagehoster
Wie haben die sich den eingeschlichen?
Ok dann hätte ich nur noch diese Frage...Ich glaube sie ist wegen all meiner Fragen untergegangen :-D
Liebe Grüße
Ok jetzt geht es...Aber kann man bei dem Addon einstellen, dass nur Beiträge in der Top5 landen? Weil aktuell sind da nur Seiten drin und das ist nicht der hit :-D
codestyling was würde ich nur ohne deine Hilfe machen :-D
Jetzt habe ich noch eine letzte Frage.Ich habe nun das Plugin Readers_Post gedownloadet und erfolgreich hochgeladen & im Wordpress ACP erfolgreich aktiviert.Jetzt würde ich gerne folgendes machen:
Zeigt eine Liste mit 5 Titel der zuletzt gelesenen Posts an.
Dazu soll man ja folgenden Code nehmen und irgentwo im Wordpres Code hinmachen:
last_posts();
Ich würde diesen Code gerne auf eine neue Seite machen, die ich TOP5 genannt habe.Wenn ich beim erstellen der Seite allerdings den Code mit dem HTML Editor und dem Code Kürzel einbinde und die Seite erstelle, werden nicht die 5 meistgelesen Beiträge angezeigt sondern nur der Code (last_posts();) .Das gleiche passiert, wenn ich den Code irgentwo in die Index mache....Es wird immer nur last_posts(); angezeigt und nicht die TOP5...Eigentlich mache ich doch alles richtig oder?
Liebe Grüße und nochmal danke für die wirklich kompetente und nette Hilfe!
codestyling ich finde es sehr nett, dass du Anfängern so hilfst :!:
Jetzt sieht meine Style.css wie folgt aus:
/*
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: #000;
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: 180px;
}
#header {
background:transparent url(img/header.jpg) no-repeat scroll 0%;
height:252px;
}
}
#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: 0px 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: 3px 5px;
color: #FFFFFF;
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 {
color: #000066;
font-weight: bold;
}
#seitenleiste li li {
margin-left: 10px;
}
#seitenleiste h2 {
background: transparent url('http://luba.in/buttons.jpg') top left;
}
/* 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: 14px;
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;
}
#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 {
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;
}
/* 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;
}Allerdings finde ich den Abstand immer noch bisschen zu groß.Kann man das Seiten & den Titel noch bisschen nach oben machen?
Und jetzt sind z.B. unter den Kategorien eine freie Spalte oder auch unter der Suche.Alle Leeren und unnötigen Spalten habe ich mal rotmarkiert:
Picbutler Bilderhoster :: Bild unssssssssbenannt491TWD.jpg Bildhoster Imagehoster
Wie haben die sich den eingeschlichen?
#header {
background:transparent url(img/header.jpg) no-repeat scroll 0%;
height:[COLOR=Red][B]252px[/B][/COLOR];
}
#mitte {
background:#FFFFFF url(img/mitte.gif) repeat-y scroll 0%;
padding:[B][COLOR=Red]0px[/COLOR][/B] 15px 15px 20px;
}Ich habe jetzt das Padding auf 0 gemacht.Nun ist aber nur das passiert:
http://s1.directupload.net/images/080704/zd9dk82o.jpg
Die andere Stelle wo du oben geändert hast sieht in meinem Code so aus:
#header {
background: url(img/header.jpg) no-repeat;
height: 262px;Soll ich den mit deinem ersetzen? Und warum ist die Header Höhe bei 252 px? Mein Header ist doch 262 px hoch?
Vielen dank für deine Hilfe!
Mit freundlichen Grüßen
Max
Jetzt habe ich immer noch über dem Titel 2 - 3 Spalten Freiraum (rot markiert):
Picbutler Bilderhoster :: Bild unbenankjjjjjjjjjjjjjjjjjjjnt3G6J9X.jpg Bildhoster Imagehoster
Wie bekomme ich den noch weg? Vielen dank für die eve. Hilfe!
Wenn ich STRG & ENTER drücke habe ich das gleiche Problem wie davor? Wie löse ich das Problem?
Hallo,
wenn ich mit dem Editor im Wordpress einen neuen Beitrag schreibe und eine Zeile runter gehe mit der ENTER Taste dann macht er immer eine Leerzeile und dann kommt erst der Text:
So sieht es aus:
http://www6.picfront.org/picture/FeAPmp…Unbenannt-2.jpg
Also so sieht es aus:
Text
Text1
So will ich es aber schreiben:
Text
Text1
Wie geht das?
Liebe Grüße
Was ich aber nicht finde, ist ein Addon was mir und den Besuchern an zeigt, was die 5 oder 10 meist aufgerufenen Beiträge sind...Kennt jemand so ein Addon/Plugin?
Grüße
Ok vielen dank, jetzt sind alle meine Fragen geklärt.Nur eine hätte ich noch....Gibt es vielleicht ein Top 5 Addon oder so? Und was sind gute Wordpress Addon Seiten?
Deine Stelle finde ich mit STRG & F nicht.Meine Style.css sieht so aus:
/*
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: #000;
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: 180px;
}
#header {
background: url(img/header.jpg) no-repeat;
height: 262px;
}
#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 {
margin-top:-30px;
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: #FFFFFF;
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 {
color: #000066;
font-weight: bold;
}
#seitenleiste li li {
margin-left: 10px;
}
#seitenleiste h2 {
background: transparent url('http://luba.in/buttons.jpg') top left;
}
/* 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: 14px;
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;
}
#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 {
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;
}
/* 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;
}Bin ich blind oder geht die Suche nicht? :-D
codestyling danke für deine Hilfe.So wie es marX gesagt hat geht es jetzt ja auch :-D
http://forum.wordpress-deutschland.org/design/36388-s…html#post175436
Jetzt bleibt nur noch meine Frage wegen den Buttons zu klären, dann bin ich glücklich!
Hallo,
vielen dank für deine Hilfe.Durch das margin-top:-30px; ist der unschöne Abstand jetzt weg und alles sieht aus, wie ich es haben wollte.Jetzt habe ich noch eine kleine Frage:
Die Buttons wo auf dem Bild rot unterstrichen sind habe die Größe 200 x 30 Pixel:
http://s7.directupload.net/images/080704/2pudft9q.jpg
Ich will sie nun aber höher haben und habe die größe auf 200 x 60 Pixel geändert und mit der alten Grafik ersetzt.Angezeigt werden sie jetzt immer noch in der alten Größe also (200 x 30) weil ja irgentwo im Code steht, dass sie so große angezeigt werden.Findet jemand die Stelle in der Sidebar.php oder Style.css wo ich die Grafik von 200 x 30 auf 200 x 60 ändern kann?
Sidebar.php:
<!-- beginn sidebar -->
<style type="text/css">
<!--
.Stil1 {
font-size: 18px;
font-weight: bold;
}
-->
</style>
<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>Werbung</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>Partner</h2>
<ul>
<?php wp_list_bookmarks('categorize=0&title_li=0'); ?>
</ul>
<?php endif; ?>
</ul>
<?php if (function_exists('wp_theme_switcher')) { ?>
<h2>Styleswitcher</h2>
<?php wp_theme_switcher(); ?>
<?php } ?>
</div><!-- /seitenleiste -->
<!-- ende sidebar -->Style.css:
Siehe oben wegen der max. Textlänge.....
Vielen dank nochmal, für die nette Hilfe hier!
Mit freundlichen Grüßen
Max
Hallo,
ich habe mal wieder ein mini Problem.Wenn ihr auf Luba.in | Ein weiteres tolles WordPress-Blog geht seht ihr ja vielleicht, dass über Seiten ein Freiraum ist.Ich will aber, dass Seiten direkt unter dem Header ist und der auf dem Bild rot markierte Bereich weg ist:
http://s2.directupload.net/images/080704/s8nw4k4k.jpg
Hier der Sidebar.php Code:
<!-- beginn sidebar -->
<style type="text/css">
<!--
.Stil1 {
font-size: 18px;
font-weight: bold;
}
-->
</style>
<div id="seitenleiste">
<p>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
</p>
<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>Werbung</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>Partner</h2>
<ul>
<?php wp_list_bookmarks('categorize=0&title_li=0'); ?>
</ul>
<?php endif; ?>
</ul>
<?php if (function_exists('wp_theme_switcher')) { ?>
<h2>Styleswitcher</h2>
<?php wp_theme_switcher(); ?>
<?php } ?>
</div><!-- /seitenleiste -->
<!-- ende sidebar -->Was muss am Code verändert werden, dass dieser Freiraum weg ist? Im Code finde ich selber leider nichts :confused:
Danke für eure Hilfe!
Mit freundlichen Grüßen
Max
Und wie kann ich den Titel verkleinern? Der ist mir paar Größen zu groß.
Wenn ihr ja auf den Blog geht seht ihr ja z.B. den Titel Hostel Extendent Version.Wie bekomme ich das kleiner? Ich finde den Abschnitt in der CSS Datei nicht........Wäre echt nett, wenn es jemand finden würde?
Hallo,
ich würde gerne bei meinem Blog ( Luba.in | Ein weiteres tolles WordPress-Blog ) die Schriftfarbe rechts ändern.Also alle rot umrandeten Schriftteile sollen Blau und fett werden:
http://www1.picfront.org/picture/9AAd4C…Unbenannt-1.jpg
Ich finde in dem Cascading Style Sheet Code leider nicht die stelle und wie ich es dann umsetzen müsste weis ich auch nicht.Es wäre sehr nett, wenn mir jemand helfen würde/könnte :-D
/*
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: #000;
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: 180px;
}
#header {
background: url(img/header.jpg) 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: #FFFFFF;
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 {
}
#seitenleiste li li {
margin-left: 10px;
}
#seitenleiste h2 {
background: transparent url('http://www3.picfront.org/picture/01tAKYDH/img/Unbenannt-1.jpg') top left;
}
/* 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;
}
#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 {
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;
}
/* 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;
}Mit freundlichen Grüßen
Peter
Also gehen diese Farbcodes?
Webdesign, Fotografik, Fotos & Bilder, www.meiss.info
Und warum ist der von maxe dann nur dreistellig?
Und welchen Farbcode muss ich ändern für die Navi? Weil den finde ich nicht :-?
Danke für die Hilfe!
Vielen dank.Wie rechts in der Navi zu sehen ist jetzt z.B. Seiten,Downloads in gelb.Wie mache ich das noch weiß?
Hier der Link:
Hallo,
ich will bei meinem Blog (blog.dlboard.net) die Schrift von der Farbe blau zu schwarz ändern.Also Buchstaben wo aktuell rot sind wie z.B. der Titel,Kategorien Namen u.s.w. sollen schwar werden.Was muss ich genau ändern?
Hider die Style.css meines Themes:
/*
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: 180px;
}
#header {
background: url(img/header.jpg) 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 {
}
#seitenleiste li li {
margin-left: 10px;
}
#seitenleiste h2 {
background: transparent url('http://www3.picfront.org/picture/01tAKYDH/img/Unbenannt-1.jpg') top left;
}
/* 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;
}
#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 {
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;
}
/* 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;
}Hallo,
ich will bei dem red-minimalista-2.3 den Header gegen meinen selbst erstellten in PhotoShop tauschen.Wie mache ich das?
Die Header.php sieht so aus:
<!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" xml:lang="de" lang="de">
<head profile="http://gmpg.org/xfn/11">
<title><?php bloginfo('name'); ?><?php wp_title(); ?> | <?php bloginfo('description'); ?></title>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen, projection" />
<!--<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/print.css" type="text/css" media="print" />-->
<meta name="robots" content="index,follow" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_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'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
</head>
<body>
<div id="kontainer">
<div id="kopf">
<h1><a href="<?php bloginfo('url'); ?>/"><?php bloginfo('name'); ?></a></h1>
</div><!-- /kopf -->
<div id="mitte">
<!-- ende header -->Und wie breit muss mein Header sein?
Liebe Grüße
Max