Beiträge von Frau_Braun

Ich habe jetzt mal Dein abgeändertes Tutorial Template bei mir mit dem Default-Theme ausprobiert. So funktioniert es - fast! Denn Du hast nicht das Template gepostet, das Grundlage für Deine Startseite (ob nun index.php oder page.php) ist. Bei Deinem Code fehlen noch Container um die ganze Geschichte, die die Seite in Form halten und die Navigation nach rechts schieben. Die heißen #wrapper und #content und sind in Deinem Code nicht zu finden. Deshalb sieht das Ganze nicht ordentlich aus.

Nur zur Erklärung: Ein Clearer ist ein div, das eine CSS-Zuweisung enthält, die Folgeelemente für floatende (links oder rechts schwebende) Elemente an der richtigen Stelle erscheinen lassen. Links wäre also der Beitragsteil, rechts die Sidebar.

Hier jetzt der Code, ohne #wrapper und #content.

<?php 
/* 
Template Name: Tutorials
*/ 
?> 
<?php get_header(); ?> 
<?php 
query_posts('cat=24');       
?> 
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?> 
            <div class="post" id="post-<?php the_ID(); ?>"> 
                <h2 class="posttitle"> 
                    <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php _e('Permanent link:'); ?> <?php the_title(); ?>"><?php the_title(); ?></a> 
                </h2> 
                <p class="postmeta"> 
                    <span class="post-date"><?php the_time('j M, Y') ?></span>&nbsp; 
                    <span class="post-cmts"><?php comments_popup_link(__('Kein Kommentar'), __('1 Kommentar'), __('% Kommentare'), 'commentslink', __('Kommentarfunktion nicht verf&uuml;gbar')); ?></span> 
                    <span class="post-tags"><?php the_tags('', ' ',''); ?></span> 
                    <?php edit_post_link(__('Edit'), ' · ', ''); ?> 
                </p> 


                <div class="postentry">
                <?php the_content(__('Lies mehr!')); ?> 
                </div> 
            </div> 
        <?php endwhile; ?> 
        <?php if(function_exists('wp_pagenavi')) : ?>  
            <?php wp_pagenavi(); ?>  
        <?php else : ?>  
            <div class="paged">  
                <span class="alignleft"><?php previous_posts_link('&laquo; Neue Eintr&auml;ge') ?></span>   
                <span class="alignleft"><?php next_posts_link('&Auml;ltere Eintr&auml;ge &raquo;') ?></span>  
            </div>  
        <?php endif; ?>   
    <?php else : ?> 


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

Im Augenblick komme ich selbst nicht weiter, denn ich habe nur den Code, den Du gepostet hast, radikal gekürzt. Mir ist schleierhaft, was ich dabei ausgelassen habe. Außerdem scheint ja schon an Deinem Code etwas nicht zu stimmen, wenn die Sidebar unterhalb der Beiträge erscheint. Wenn so etwas passiert, fehlt meistens ein Clearer; weißt Du, was das ist?

Zitat von Benjamin-Do

kein Thema :) Ich lass die einfach bis Du Dich meldest.

Was auch noch war, ist dass die Sidebar unterhalb der Beiträge angezeigt wurde.
Die Kommentare und Tags sollen ruhig wie auf der Startseite über den Beiträgen stehen.

Wenn das mit dem </div> klappt und alles nach dem Muster des Default-Themes läuft, müsste die Sidebar rechts angezeigt werden. Wenn Du Kommentare und Tags einfügen willst, diesen Codeschnipsel aus Deiner index.php hier einfügen... Moment, ich ergänze gleich...

Ein Versuch:
Setz mal direkt über <?php endif; ?> (das ist die drittletzte Zeile) noch ein </div>. Kann sein, dass da noch ein <div> aus dem Header geschlossen werden muss.

Ist wahrscheinlich irgendein kleiner Fehler von mir. Lass doch mal für einen Augenblick die falsche Seite, also die mit der Fehlermeldung, stehen, so dass ich sie mir angucken kann. Ich melde mich dann noch mal.

Dann mal so:

<?php 
/* 
Template Name: Tutorials
*/ 
?> 
<?php get_header(); ?> 
<?php query_posts('cat=26');?> 
<?php if (have_posts()) : ?> 
<?php while (have_posts()) : the_post(); ?> 
<div class="post" id="post-<?php the_ID(); ?>"> 
<h2 class="posttitle"> 
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php _e('Permanent link:'); ?> <?php the_title(); ?>"><?php the_title(); ?></a> 
</h2> 
<div class="post-date"><?php the_time('j. F Y'); ?>
			</div>
			<div class="postentry">
			<?php the_content('&raquo; Mehr...'); ?>
			<?php edit_post_link('Bearbeiten'); ?>
			</div>
</div> 
<?php endwhile; ?> 
        <?php if(function_exists('wp_pagenavi')) : ?>  
            <?php wp_pagenavi(); ?>  
        <?php else : ?>  
            <div class="paged">  
                <span class="alignleft"><?php previous_posts_link('&laquo; Neue Eintr&auml;ge') ?></span>   
                <span class="alignleft"><?php next_posts_link('&Auml;ltere Eintr&auml;ge &raquo;') ?></span>  
            </div>  
<?php endif; ?>   
<?php get_sidebar(); ?> 
<?php get_footer(); ?>

Edit: Ach so, am Anfang hast Du geschrieben, dass die Kommentarfunktion mit rein soll; das ist dieser Codeschnipsel in dem Code, den Du gepostet hast:

<p class="postmeta"> 
                    <span class="post-date"><?php the_time('j M, Y') ?></span>&nbsp; 
                    <span class="post-cmts"><?php comments_popup_link(__('Kein Kommentar'), __('1 Kommentar'), __('% Kommentare'), 'commentslink', __('Kommentarfunktion nicht verf&uuml;gbar')); ?></span> 
                    <span class="post-tags"><?php the_tags('', ' ',''); ?></span> 
                    <?php edit_post_link(__('Edit'), ' · ', ''); ?> 
                </p>

In dem Code oben stehen schon Datum und Bearbeiten; Du kannst Dir überlegen, an welcher Stelle Du das haben willst und ob hier auch die Tags auftauchen sollen, ansonsten entsprechende Zeilen streichen. Dieser Codeschnipsel steht in Deinem Beispiel unter h2, Du kannst ihn aber auch in die Box .postentry nehmen; dann erscheinen diese Angaben unter dem Artikel.

Versuch's mal mit folgendem; das führt zu einem ganz einfachen Ergebnis:

<? php
/*
Template Name: Tutorials
*/
?>
<?php get_header(); ?>
<div id="container">
<div id="content">
<?php query_posts('cat=26');?>
<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>
	<div class="post">
		<h2 class="posttitle"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permalink f&uuml;r <?php the_title(); ?>"><?php the_title(); ?></a></h2>
			<div class="postdate"><?php the_time('j. F Y'); ?>
			</div>
			<div class="postentry">
			<?php the_content('&raquo; Mehr...'); ?>
			<?php edit_post_link('Bearbeiten'); ?>
			</div>
	</div>
	<?php endwhile; ?>
	<?php endif; ?>
</div>
<div id="clearer">
<?php get_sidebar(); ?>
</div>
<?php get_footer(); ?>

Aus Deinem geposteten Template kannst Du noch einzelne Elemente kopieren, wenn Du sie brauchst: postmetadata, mit denen Du Kategorien, Tags, Trackback aufführst oder Kommentare, wenn Du welche zulassen willst.

Statt

<div class="postentry">
			<?php the_content('&raquo; Mehr...'); ?>
			<?php edit_post_link('Bearbeiten'); ?>
			</div>

Kannst Du auch schreiben

<div class="postentry">
			<?php the_excerpt() ?>
			<?php edit_post_link('Bearbeiten'); ?>
			</div>

je nachdem, ob Du Deine Kurzfassung mit dem More-Tag oder als Exzerpt erzeugt hast.
Zum weiteren Formatieren und Kontrollieren des Layouts habe ich die Identifier #content und #container zugefügt; wenn Du etwas ähnliches hast, eben entprechend umbenennen.

Erstmal danke für heute. Mir raucht der Kopf. Ich kriege die linke Hälfte des rechten Menüs nur zum floaten, wenn ich das float:left dem span zuweise. Der Code ist auch valide auf diese Art und Weise. Sieht jetzt ganz gut aus, nur fehlt noch der Strich zwischen den beiden Plugin-Sprachen. Weiß der Teufel, warum. Vielen Dank, Marx, Du machst hier eine tolle Arbeit!

Zitat von marX

Warum das?

Code

#menu #qtrans_language_chooser span {
	padding: 10px;
	[COLOR="Red"]float: left;[/COLOR]
}

Das habe ich gemacht, um die Striche so lang zu bekommen wie im linken Menü. Wurde zwischendurch auch mal angezeigt.
Bis ich alles in eine Reihe bekommen habe. Ummph. Da waren die Striche weg.

Zitat von marX

Und das

Code

#menu_right #qtrans_language_chooser {
float:left
}

ist auch wieder weg... :| Mein Tipp von oben sah - bis auf die Rahmen - eigentlich schon ganz okay aus, fand ich...

Stimmt, jetzt ist das Ganze nur noch auf span beschränkt.

Zitat von marX

Mit der Verschachtelung von Blockelementen (was gefloatete Elemente immer sind!) in Inline-Elementen (<a>, Inline-<li>) schaffst du dir nur Probleme...

Das schaue ich mir gleich noch mal an.

Zitat von marX

Mein Tipp von oben sah - bis auf die Rahmen - eigentlich schon ganz okay aus, fand ich...

Was meinst Du mit "Rahmen"?

Allmählich kommt es, aber es klappt noch nicht ganz. Jetzt ist die Schrift falsch positioniert, und ich habe keine Trennstriche mehr.

Der Code für's Menü sieht jetzt so aus, ich habe jetzt das rechte und linke Menü gleichgeordet, so dass auf beiden Seiten ul auf der selben Ebene stehen (vielleicht ist das der Fehler)

<div id="menu">
		<div id="menu-left">
				<ul>
				<li <?php if(is_front_page()){echo 'class="page_item current_page_item"';} else { echo 'class="page_item"';}; ?>><a href="<?php bloginfo('url'); ?>/" title="Home">Home</a></li>
	  			<?php wp_list_pages('title_li=&exclude=29,33,78,79,80,85,86,87,37'); ?>
	  			</ul>
	  	</div>
  		<div id="menu-right">
  				<?php echo qtrans_generateLanguageSelectCode('') ; ?>
  				<ul id="arabic"><?php wp_list_pages('title_li=&include=37'); ?></ul>
		</div>
</div>

Hier das CSS, wie es momentan auf dem Server liegt:

#menu {
	width: 720px;
	margin-right: auto;
	margin-top: 0;
	margin-left: auto;
	border-top: 1px solid #f4630e;
	margin-bottom: 15px;
	padding: 4px 0 4px 30px;
	background-color: #d2ffe6;
	font-size: 0.8em;
	height: 20px;
}


#menu ul {
	padding: 0px;
	margin: 0;
}


#menu li {
	display: inline;
	border-left: 1px solid #f4630e;
	padding: 3px;
}


#menu li:first-child {
	border-left-style: none;
}


#menu a {
	color: #4c3b01;
	text-decoration: none;
	padding: 10px;
}


#menu a:hover {
	color: #f4630e;
	text-decoration: none;
}


#menu .current_page_item a {
	color: #f4630e;
	text-decoration: none;
	font-weight: bold;
}


#menu-left {
	clear: none;
	float: left;
}


#menu-right {
	float: right;
}


#menu #qtrans_language_chooser span {
	padding: 10px;
	float: left;
}


#menu-right ul #arabic {
	float: left;
	font-size: 1.4em;
	border-left: 1px solid #f4630e ! important;
	padding: 0;
	display: inline;
}

Du bist ein Engel!

Etwas später:

So, jetzt komme ich der Sache schon näher: Im Quelltext finde ich einen Code, der durch das Plugin erzeugt wird - aus Platzersparnisgründen gelöscht.

Jetzt muss ich noch die Stelle wissen, an der das Plugin dieses CSS erzeugt.

Die siehst die Seite nicht? Jetzt sollte sie aber. Bleibst Du noch ein bisschen dran, auch wenn's später ist?

Hilft auch nicht.

Lieber Marx, das habe ich nicht verstanden.
Wenn ich float:left für #qtrans_language_chooser definiere (das ja von #menu-right mit float:right umgeben ist), passiert nichts.
Wenn ich #menu-right .page_item, also die Definition für "Arabisch" wegnehme, steht es direkt unter "Deutsch". Könntest Du nochmal helfen?

Edit: Es ist auch nicht gut, die Weite von #menu-right zu beschränken, denn eventuell kommt noch eine weitere Sprache hinzu.

Hier ist die Testseite, um die es geht.

Ich habe eine waagrechte Menüleiste, die eigentlich aus drei Teilen besteht, aber aussehen soll wie aus zwei Teilen. Ich habe ein Bild, Der Inhalt kann nicht angezeigt werden, da er nicht mehr verfügbar ist. , angehängt, das zeigt, wie ich es gerne hätte (verkleinert).

Das sind die Bestandteile:

1. Seitenlinks (links)
2. Funktion des Plugins qTranslate (rechts)
3. Ein Seitenlink zu einer Seite auf Arabisch (rechts)

As gibt keine arabischen Beiträge, sondern nur eine einzige arabische Seite, aber trotzdem sollen 2 und 3 wie ein zusammenhängendes Menü aussehen.

Problem:

1. Wenn man auf die Testseite geht, fällt auf dass, der arabische Seitenlink aus dem rechten Menücontainer fällt; ich bekomme ihn einfach nicht in eine Linie.
2. So sollen die Trennlinien verteilt sein: Deutsch | Englisch | Arabisch, ich kriege es aber nicht dargestellt.
3. Die Trennlinie zwischen Deutsch und Englisch ist eine Spur zu kurz, verglichen mit denen in der Seitennavigation links; außerdem sind auch die Eigenschaften der Links etwas anders.

Wieso werden ul und li des Plugins nicht vollständig vom Stylesheet angesprochen? Es gibt da ein Widget, das ebenfalls die Klasse qtrans_langauge_chooser enthält, aber ich nutze ja kein Sidebar Widget, und ich sehe in den Plugin-Dateien auch keine CSS-Definitionen.

Code des Menüs:

<div id="menu">
	<ul id="menu-left">
		<li <?php if(is_front_page()){echo 'class="page_item current_page_item"';} else { echo 'class="page_item"';}; ?>><a href="<?php bloginfo('url'); ?>/" title="Home">Home</a></li>
	  	<?php wp_list_pages('title_li=&exclude=29,33,78,79,80,85,86,87,37'); ?>
	</ul>
	<div id="menu-right">
  		<?php echo qtrans_generateLanguageSelectCode('') ; ?>
	<ul><?php wp_list_pages('title_li=&include=37'); ?>
	</ul>
	</div>
</div>

CSS

#menu {
	width: 720px;
	margin-right: auto;
	margin-top: 0;
	margin-left: auto;
	border-top: 1px solid #f4630e;
	margin-bottom: 15px;
	padding: 4px 0 4px 30px;
	background-color: #d2ffe6;
	font-size: 0.8em;
	height: 20px;
}


#menu ul {
	padding: 0px;
	margin: 0;
}


#menu li {
	display: inline;
	border-left: 1px solid #f4630e;
	padding: 3px;
}


#menu li:first-child {
	border-left-style: none;
}


#menu a {
	color: #4c3b01;
	text-decoration: none;
	padding: 10px;
}


#menu a:hover {
	color: #f4630e;
	text-decoration: none;
}


#menu .current_page_item a {
	color: #f4630e;
	text-decoration: none;
	font-weight: bold;
}


#menu-left {
	clear: none;
	float: left;
}


#menu-right {
	width: 200px;
	float: right;
}


#menu-right li:first-child {
	display: inline;
	border-left: 1px solid #f4630e;
	padding: 3px;
}


#menu-right .page_item {
	position: relative;
	left: 130px;
}

Zitat von marX

Das wäre das berühmte UTF-8 BOM. ;-)
Byte Order Mark ? Wikipedia

Huch, das kannte ich gar nicht. Nein, das sah anders aus, aber vielleicht wird es auf dem Mac anders dargestellt.

Poste doch mal den vollständigen Code des Templates, das Du für die Tutorial-Seite verwendest.

Wo ist jetzt noch das Problem? Den Titel "Kategorie Archiv für Tutorial" änderst Du auf dem üblichen Weg über die Seitenverwaltung. Auf Frames würde ich allerdings verzichten. Vor allem ist der Frame bei Dir ja wirklich nur ein Rahmen, der graphisch nichts verändert. Wenn Du http://www.bloggen.xy.eu/ als Adresse nicht nehmen willst (das ist ja wohl das Original, auf dem sich alles abspielt), warum machst keine Seitenumleitung?

Ich weiß nicht, ob das hilft:

Ich hatte neulich mal ein ähnliches Phänomen: Egal was ich tat, der Abstand der Posts ließ sich nicht beeinflussen. Ich arbeite mit dem Mac, und in den verschieden Browsern, die ich austeste, war der Fehler nicht zu sehen, ebenso wenig wie in meinem Editor. Bis ich dann die neue Website zum erstenmal auf dem PC angeschaut habe: Dort waren an den betreffenden Stellen lauter Fragezeichen zu sehen. Im Theme-Editor gab es sie auch; ich hatte nie darauf geachtet, weil ich immer mit dem externen Editor gearbeitet habe. Mit TextEdit (entspricht Notepad für den PC) kriegte ich diese unerwünschten Zeichen auch zu sehen, nämlich in der Form ;@Ä. Keine Ahnung, wie ich mir das eingefangen habe, aber nachdem das gelöscht war, lief alles wie gewünscht.

Den Home-Button kannst Du dir mit folgendem Code erzeugen lassen:

<div id="sidebar">
  <ul>
    <li><a href="<?php echo get_option('home'); ?>/">Home</a></li>
     <?php wp_list_pages('title_li='); ?>
   </ul>
  ....
</div>

... steht für andere Navigationspunkte, z.B. Kategorie- oder Archiv-Abrufe.
Das sollte auch funktionieren, wenn die erste Seite keine statische ist.