Vielen Dank, das funktioniert schon mal! Leider zeigt es mir die Fotos jetzt nicht an. Ich vermute aber mal, dass ich dafür extra nochmal das Gravatar-Plugin installieren muss!
Beiträge von doreen
-
-
Hallo zusammen!
Ich hab mal wieder ein kleines Problem! Und zwar lasse ich die Avatare der User in den Kommentaren anzeigen - und möchte jetzt in der Sidebar zusätzlich die letzten 5 Kommentare inkl. Avatar anzeigen lassen. Dafür habe ich auch schon das Plugin [COLOR=#4c4c4c]Latest Comments with Gravatars[/COLOR] gefunden und installiert.
Das Problem: Der Code muss ja in die Sidebar eingebunden werden.
Wenn ich das mache, wird aber gar nichts anzeigt. Könnte das daran liegen, dass ich Sidebar Widgets nutze? Und wenn ja, wie krieg ich das Problem gelöst?
Der Link zum Blog: « Festivaltagebuch - Dein Guide für den Sommer
VG
Doreen -
Oh vielen Dank! Jetzt klappt es!
Allerdings hat sich nun gleich noch ein anderes CSS-Problem heraus kristallisiert. Und zwar soll die Sidebar äußerst rechts angezeigt werden, sie scheint aber ziemlich weit in die Mitte gerückt zu sein und überlappt dort auch zum Teil mit dem Content!
Habt ihr da vielleicht auch noch nen cleveren Rat?
Hier nochmal das Stück .CSS:
HTML
Alles anzeigen#page { font: 11px Arial, Helvetica, sans-serif; background: white; text-align: left; margin: 10px; padding: 4px 0 5px; position: relative; /* The entire template's width is set in this class. */ width: 98%; /*_width: 740px;*/ /* IE hack */ border: 0px solid #ddd; border-top: none; } * html #page { width: 98% } /* IE hack */ body.flex #page { /* For the flexible-width setting. */ width: 95%; /*width: 80%; min-width: 780px; max-width: 1000px; */ } #primary { width: 590px; /*_width: 500px;*/ /* IE Hack */ float: left; padding: 2px; margin: 0 35px 0 12px; /*_margin: 0 20px 0 15px;*/ /* IE Hack */ display: inline; } .secondary { margin: 0 0 20px 640px; padding-right:0px; color: #3A3A3A; position: relative; width: 350px; /* The following are IE Fixes */ /*_padding: 30px 0 10px; _margin-left: 0%; _margin-right: -4%; _width: 26.5%;*/ /* IE hack */ } -
Guten Morgen ihr Lieben!
Ich bin gerade dabei, an meinem .css-File zu verzweifeln, und hoffe, dass mir jemand von euch trotz Männertag helfen kann! :)
Und zwar ist das erstmal der Link zur Seite, damit ihr eine optische Vorstelllung habt, was ich meine!
Dort möchte ich die Schriftart aus der Sidebar auch als Standardstriftart für die ganze Seite einstellen. Allerdings ist das .Css-File des Themes sehr überladen und ich finde den Ansatz nicht, wo ich es einstellen kann.
Hier mal ein Stück der style.css (das Theme heißt übrigens JSBata!) - die ganze Datei kann ich hier aufgrund der Zeichenbegrenzung nicht reinkopieren.
HTML
Alles anzeigen*/ @import "main.css"; @import "pagebar.css"; @import "content.css"; @import "sub-content.css"; /*- Page Structure */ html { /* Force Vertical Scrollbar */ /* IE */ overflow-y: scroll; /* Moz */ height: 100%; margin-bottom: 0.1em; } * { padding: 0; margin: 0; } #page { font: 11px Arial, Helvetica, sans-serif; background: white; text-align: left; margin: 10px; padding: 4px 0 5px; position: relative; /* The entire template's width is set in this class. */ width: 98%; /*_width: 740px;*/ /* IE hack */ border: 0px solid #ddd; border-top: none; } * html #page { width: 98% } /* IE hack */ body.flex #page { /* For the flexible-width setting. */ width: 95%; /*width: 80%; min-width: 780px; max-width: 1000px; */ } #primary { width: 590px; /*_width: 500px;*/ /* IE Hack */ float: left; padding: 2px; margin: 0 35px 0 12px; /*_margin: 0 20px 0 15px;*/ /* IE Hack */ display: inline; } .secondary { margin: 0 0 20px 640px; padding-right:0px; color: #3A3A3A; position: relative; width: 350px; /* The following are IE Fixes */ /*_padding: 30px 0 10px; _margin-left: 0%; _margin-right: -4%; _width: 26.5%;*/ /* IE hack */ } /* For the flexible-width setting. */ body.flex #primary { width: 55% } .flex .secondary { width: 35% } .comments { font: 11px Arial, Helvetica, sans-serif; text-align: left; padding: 10px 0 0; position: relative; } .admintab { position: absolute; right: 0px; /*_padding: 5px 15px 6px;*/ /* IE hack */ } * html .admintab { padding: 0px } /* IE hack */ a img,:link img,:visited img { border:none } /*- Sidebar Subpages Menu */ .sb-pagemenu ul { margin-left: 10px; } .sb-pagemenu ul ul { margin-top: 2px; } .sb-pagemenu ul ul .page_item { margin-left: 10px; padding: 0; } .sb-pagemenu .current_page_item { } .pagetitle { /* Used on static pages and archives */ text-align: left; margin: 10px 0 10px; color:#CCCCCC; font-size:11px; } .pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */ font-size: 21px; font-weight: bold; letter-spacing: -1px; text-align: center; display: inline; color:#CCCCCC; } .secondary h2 { /* Secondary H2 is sidebar headlines */ font-size: 1.5em; font-weight: normal; padding: 0; display: inline; } #primary h4, .permalink #primary .aside h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */ font-weight: normal; font-size: 20px; color: #fff; padding-left:6px; background: url(images/bgpo.gif) repeat; text-decoration: none; letter-spacing: -1px; margin:0px; text-decoration: none; height:26px; /* border-bottom:1px solid #E7E7E7;*/ } #primary h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */ font-weight: normal; font-size: 22px; color: #ff1b51; text-decoration: none; background: url(images/entry_old.gif) no-repeat left top; padding-left:50px; letter-spacing: -1px; margin:0px; text-decoration: none; height:30px; } #primary h3 a:link { /* H3 is entry headlines. H4 is comments and replyform headlines */ color: #ff1b51; } #primary h3 a:visited { /* H3 is entry headlines. H4 is comments and replyform headlines */ color: #ff1b51; } #primary .itemtext h3 { font-size: 1.8em; font-weight: normal; margin-top: 25px; } #primary div.itemtext h4 { font-size: 1.5em; font-weight: normal; margin-top: 25px; } #primary .aside h3 { font-size: 1.6em; font-weight: normal; } .itemhead { margin-top: 10px; } body.staticpage .itemtext h3 { font-size: 1.7em; display: block; padding: 15px 0 0; } body.staticpage .itemtext h4 { font-size: 1.5em; display: block; padding: 15px 0 0; } .secondary div { margin: 20px 0 0; padding: 0; } .secondary div div div { margin: 0; } #primary .metalink a, #primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */ .secondary .metalink a, .secondary .metalink a:visited, .secondary span a, .secondary span a:visited { color: #414141; font-weight: normal; } #primary .item .itemhead .metalink, .comments #primary .metalink { font-size: 9px; letter-spacing: -1px; text-transform: lowercase; margin-left: 15px; } #primary .aside .itemhead .metalink { font-size: 11px; } .permalink #primary .aside .itemtext { font-size: 11px; letter-spacing: 1px; padding:4px; line-height:18px; color: #999; } .comments #primary .metalink { margin: 0 15px 0 0; float: none; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #FFFFFF; } body,td,th { font: 11px Arial, Helvetica, sans-serif; ; font-size: 11px; color: #666666; } a:link { text-decoration: none; color: #2ba4c7; } a:visited { text-decoration: none; color: #2ba4c7; } a:hover { text-decoration: none; color: #FF2678; } a:active { text-decoration: none; color: #2ba4c7; }
Schonmal vielen Dank!
Doreen -
Ja, es war ein Fehler in der CSS-Datei! :-) Der Contentbereich war dort zu breit eingestellt :-D
Jetzt funktioniert alles - nochmal besten Dank für deine Hilfe! -
Cache habe ich schon geleert. Komisch, dann liegt es vielleicht an meinen IE-Einstellunge!? Im Firefox zeigt es das Kontaktformular ja auch ganz normal an!
Jetzt hab ich das Layout mal im Firefox geöffnet und war ein bisschen erschrocken :-D Das Problem ist da ja offenbar die Sidebar! Kann ich das irgendwie in den Griff kriegen? -
Ja klar, hast natürlich recht :-D Hab jetzt alles angepasst und überschrieben - nur leider will der Browser irgendwie nicht!
-
In der style.css würde das Stück, dass zu dem Kontaktformular gehört, dann also so aussehen?
HTML
Alles anzeigen/* Intouch Contact Form */ /* just for clearing floats, IE Hack */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-table;} /* Hides from IE-mac \*/ .clearfix {display: block; margin: 0; padding: 0; } p.clearfix {} /* End hide from IE-mac */ div.intouch { margin: 1em auto 2em auto; } div.intouch form { float: left; width: 100%; } div.intouch div.inputfield { padding: 4px 0px; position: relative; } div.intouch span { position: relative; top: 0.4em; } div.intouch label { display: block; float: left; clear: left; width: 15%; text-align: right; padding-top: 0.4em; position: relative; right: 5px; } div.intouch div.inputfield input, div.intouch div.inputfield textarea { font: 13px 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, Helvetica, sans-serif; padding: 0; float: left; margin-left: 10px; } div.intouch div.inputfield input { width: 40%; border: 1px solid #ccc; padding: 3px; } div.intouch div.inputfield textarea { width: 60%; height: 138px; padding: 5px; border: 1px solid #ccc; } div.intouch div.inputfield input.submitbutton { border: 3px double #ccc; background: #F0F0F0; cursor: pointer; width: auto !important; padding: 2px; margin-left: 10px; left: 15%; position: relative; } div.intouch div#usermessage { margin-bottom: 10px; text-align: center; } div.intouch div#usermessage.success {} div.intouch .error { border: 1px solid #FF0000 !important; padding: 1px; } -
Danke für den Tipp :) Leider hat sich da aber immer noch nichts verändert!
-
Das ist der Link!
Vielleicht hat ja jemand eine Idee? -
Hallo ihr Lieben,
da ihr mir schon vor zwei Tagen so nett geholfen habt, möchte ich euch heute nochmal ein kleines Problem anvertrauen. Und zwar: Meine ganze Seite (sowohl Navigation als auch Content) laufen über Arial Punkt 11. Das ist auch im CSS-File so festgelegt. Jetzt habe ich das Kontaktformular von wp integriert. Das läuft auch super - allerdings werden die Felder dort durch die Schriftart Courier angezeigt.
Nun habe ich mir schon die .php-Dateien des Formulars angeschaut, da fiel mir aber nichts auf. An der style.css kann es ja eigentlich auch nicht liegen. Habt ihr einen Rat?
Viele Grüße
Doreen -
Das ist die Grundausgabe, beachte, es müssen auch Beiträge in den Kat's sein, leere werden nicht angezeigt!
Das war der entscheidende Hinweis! Jetzt funktioniert es! Vielen Dank an euch beide :) -
Ja, genau! Der Code sieht jetzt so aus:
PHP
Alles anzeigen<?php if (is_single()) { ?> <div id="sidebarout"> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <?php endwhile; endif; ?> </div> <?php } else { ?> <div id="sidebarout"> <div class="sidelist"> </div> <div class="sidelist"> <h2>Künstler</h2> <ul> <?php wp_list_categories('arguments'); ?> </ul> </div> <div class="sidelist"> </div> </div> <?php } ?>
Aber trotz Reload und Cache-Leerung bleibt das Problem leider bestehen! -
Vielen Dank - auch für den Link :-) Leider klappt es trotzdem noch nicht!
-
Hallo zusammen,
ich habe ein Problem mit der Kategorieanzeige in der Sidebar. Dort erscheinen nicht alle Kategorien - sondern immer nur die erste. Das Template, das ich nutze, nennt sich "Experimental".
Hier der Code aus der sidebar.php:
PHP
Alles anzeigen<?php if (is_single()) { ?> <div id="sidebarout"> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <?php endwhile; endif; ?> </div> <?php } else { ?> <div id="sidebarout"> <div class="sidelist"> </div> <div class="sidelist"> <h2>Künstler</h2> <ul> <?php list_cats(); ?> </ul> </div> <div class="sidelist"> </div> </div> <?php } ?>
Eigentlich wird dort doch der Befehl gegeben, die komplette Kategorieliste auszuweisen, oder?
Schonmal besten Dank!
Doreen