Beiträge von timrodenbroeker

Ich bin inzwischen über die .on-Methode von JQuery gestolpert, die eigentlich eine Lösung des Problems darstellen sollte. Klappt leider immer noch nicht... :-(

http://api.jquery.com/on/

So sieht mein Code jetzt aus

<script>
$( "#masonry" ).on("click", ".article-content", function() {
  $( this ).toggleClass( "bigger" );
});
</script>

Hallo Wordpress-people!

Mein Blog[FONT=arial black] http://inge.timrodenbroeker.de[/FONT] hat ein kleines Problem:

Ich habe eine JQuery-Funktion eingebaut, die den Bildern, wenn man sie anklickt eine neue Klasse gibt. Damit werden die Bilder größer.

Voilá:

<script>
$( "div.article-content" ).click(function() {
$( this ).toggleClass( "bigger" );
});
</script>

So weit, so gut.

Mein Problem: Ich nutze ein infinite Scroll-JQuery-Plugin (das von Paul Irish – http://www.infinite-scroll.com/) und der oben genannte JQuery-Hack funktioniert nur bei den Posts, die nicht über infinite Scroll nachgeladen wurden. Das ist natürlich unfug und ich suche eine Lösung für das Problem.

Ich habe auch schon einiges versucht, auch, den oben genannten JQuery-Hack erst im Footer abzufeuern, aber das hatte leider auch nicht den gewünschten Effekt.

Kann mir jemand helfen?

Danke im voraus!

VG, Tim

Danke Leute, es lag daran, dass meine einzelnen Artikelposts auf float: left gestellt waren und am Ende nicht ordentlich gecleared wurde.

Liebe Coder,

Ich mache gerade das Styling eines Blogs und ich habe ein Problem, bzw. eine Frage: Mein Body reagiert nicht auf den beinhalteten Content. Die Höhe ist quasi Null, wobei der Body logischerweise einiges an Content beinhaltet.

Das betrifft nur die index.php, also dort, wo der Loop platziert ist.

Danke schonmal im Voraus für eure Hilfe!

Dies ist die Seite:

http://inge.timrodenbroeker.de

Hi! Das hat wunderbar geklappt! Danke!!!!!!!

Hallo Leute,

ich versuche gerade ein simples Dropdown-Menü für eine Seite zu coden und kriege es nicht hin. Könnt ihr mir helfen?

Ich möchte, dass nur "Projects" sichtbar ist. Wenn man dann über "Projects" hovert, soll "Archive" sichtbar werden.

Es geht um das Menü oben links.

http://www.injuvik.de/

HTML

<nav>    <ul>
        <li>
        <a href="http://www.injuvik.de/">Projects</a>
        </li>
    </ul>
    
    <ul>
    <li>
    <a href="http://www.injuvik.de/bereich/archive/">Archive</a>
    </li>
    </ul>
    
</nav>

CSS

nav ul:after {
    visibility: hidden;
}








nav ul li:hover > ul {
    visibility: visible;
}
nav ul li ul{
    visibility: hidden;
}

Hallo liebe Coder und Wordpress-Menschen,

ich habe mal wieder eine knifflige Frage, dieses Mal geht es um die index.php:

Ich möchte auf der Startseite einer Internetseite die Ausgabe einer bestimmten Kategorie unterdrücken. Ich bin leider nicht so firm in PHP und weiss nicht, wie ich die Zeile, die die Ausgabe des Post-Titles...

<div class="articledesc"><?php the_title(); ?></div>

...PHP-konform formuliere / formatiere.

Kann mir jemand helfen?

Unten steht der Code der index.php, der so natürlich aufgrund der oben genannten und rot markierten Zeile nicht funktionieren kann.

Ich DANKE!

VG, Tim

;-)

<?php


?>




<?php get_header(); ?>








<?php if ( have_posts() ): ?>




<div class="blog_content">
    
<?php while ( have_posts() ) : the_post(); ?>




                <div class="article_content">




                        <div class="articlethumb"><?php if ( has_post_thumbnail()) : ?> 
                        <?php




                        // Wenn Kategorie 38 oder 41 oder 42
                        if (in_category( "38" ) or in_category( "41" ) or in_category( "42" )) {
                    
                        // Wenn Kategorie 41 
                        if (in_category( "41" )) {
                        echo '<div class="loopcover"><a href="';
                        the_permalink();
                        echo '">';
                        the_post_thumbnail();
                        echo '</a></div>'."\n";
                        
[COLOR=#ff0000]                        <div class="articledesc"><?php the_title(); ?></div>[/COLOR]
                        
                        }




                        // Wenn Kategorie 42 
                        if (in_category( "42" )) {
                        echo '<div class="loopcovernos"><a href="';
                        the_permalink();
                        echo '">';
                        the_post_thumbnail();
                        echo '</a></div>'."\n";
                        
[COLOR=#ff0000]                        <div class="articledesc"><?php the_title(); ?></div>[/COLOR]
                        
                        }
                        
                         // Wenn Kategorie 38 – Die Ausgabe der Posts in dieser Kategorie soll in der index.php unterdrückt werden
                        if (in_category( "38" )) {}
                        }




                        else {  // Die restlichen
                        echo '<a href="';
                        the_permalink();
                        echo '">';
                        the_post_thumbnail();
                        echo '</a>';
                        }
                        ?>
                        <?php endif; ?>
                    
                        </div>




                </div>




<?php endwhile; ?>




<div class="bottomnav">
<?php posts_nav_link(); ?>
</div>




</div>




<?php else: ?>
<h2>No posts to display</h2>
<?php endif; ?>








<?php get_footer(); ?>

Das hat hervorragend geklappt, danke!!!!

Hallo Leute!

Es geht um die Webseite

http://www.injuvik.de/

Ich habe auf die Artikelbilder via CSS eine Transition gelegt, um die Opacity beim Hovern zu verringern. Unglücklicherweise wird die Transition auch auf die Bildgröße angewendet, was beim Neu laden des Loops zu einem unschönen Effekt führt. Zumindest gilt das für Chrome. Vermutlich liegt das an der relativen Breite der Artikelbilder (width: 100%).

Hat jemand von euch eine Lösung für das Problem?

Danke schonmal!

Tim

Info: Die Artikelbilder haben bei mir die Klasse "articlethumb"

.articlethumb img {opacity: 1;
transition: all 2s; /* explorer 10 */
-webkit-transition: all 2s; /* chrome & safari */
-moz-transition: all 2s; /* firefox */
-o-transition: all 2s; /* opera */}




.articlethumb img:hover {opacity: 0.5;
transition: all 2s; /* explorer 10 */
    -webkit-transition: all 2s; /* chrome & safari */
    -moz-transition: all 2s; /* firefox */
    -o-transition: all 2s; /* opera */}

Hallo zusammen!

Kann mir jemand von euch sagen, warum mein Bild beim überhovern über den div-rand floated, obwohl ich overflow: hidden eingestellt habe? Wie löse ich das?

Grüße,

Tim

http://www.injuvik.de/kontakt/

Hey liebe Coder!

Ich brauche mal dringend eure Hilfe: Ich möchte gerne eine Kunden-Webseite relaunchen und neu gestalten.

Dafür habe ich mir die ursprüngliche Seite einfach dupliziert, im FTP, sowie auch die Datenbank. Habe ich schon oft gemacht, hat immer geklappt. Dieses Mal habe ich jedoch ein Problem: Wenn ich das Theme aktivieren, welches auf der Originalseite auch aktiviert ist, bleibt mein Frontend leer, es erscheinen keine Elemente. Wenn ich Twentytwelve aktiviere, funktioniert komischerweise alles. Ich kapier's nicht!

Dies ist die original-Seite: http://www.easybeam.de

Dies ist das Duplikat, um das es geht; http://test.easybeam.de

Für Hilfe wäre ich sehr dankbar!

Viele Grüße,

Tim

Habs hingekriegt! War ganz einfach mit #menu li {display: inline;}

Danke!!!

Hi Selket,

ja super, das hat geklappt!

http://www.timrodenbroeker.de

Jetzt möchte ich, dass das Menü wieder nebeneinander steht. Anders gesagt: Ich möchte, dass die Menüpunkte nebeneinander stehen und die Umbrüche vermieden werden. Hat jemand dafür einen Tip für mich?

Danke!

Hallo Leute,

ich habe hier im Forum gesucht und leider keine passende Lösung gefunden, deshalb frage ich nach:

Ich möchte dem jeweils aktiven Menüpunkt meiner Webseite http://www.timrodenbroeker.de eine Farbe zuweisen.

Das hier habe ich schon in CSS versucht:

.page_item a:hover, .current_page_item a, .current_page_parent a, .current-menu-parent a, .current-menu-item a, .menue a:active {color: red !important;}

Das Theme habe ich selbst gecoded und das Menü habe ich einfach direkt in den header.php geschrieben:

<div id="header"><div id="headerchild"><div id="logo"><a class="menue" href="http://www.timrodenbroeker.de">Tim Rodenbröker / Injuvik</a></div><div id="menu"><a class="menue" href="http://www.timrodenbroeker.de">Home</a> – <a class="menue" href="http://www.timrodenbroeker.de/musik/">Music</a> – <a class="menue" href="http://www.timrodenbroeker.de/kontakt">Infos</a></div></div></div>

Kann mir jemand helfen?

Beste Grüße,

Tim

UPDATE: Ich habe es hinbekommen! Das umstellen des Box-Modells für <article>-Elemente war die Lösung. Danke pixselig für Deine Hilfe!!! Grüße, Tim

Hey pixselig, vielen Dank!

Es funktioniert! Jetzt tritt allerdings ein anderes Problem auf: Da ich mit einer relativen Breite arbeite und das box-model "border-box" verwende, ändert sich die Breite des ersten Elements. Da darf natürlich nicht sein! Alle Elemente müssen gleich groß sein. Hast DU eine Idee, wie ich das lösen kann?

Hier kannst Du den Fehler sehen: http://www.timrodenbroeker.de/

Hi, danke, das sieht vielversprechend aus!!

Ich scheine allerding noch irgendetwas falsch zu machen:

Das erste Element bekommt ein Padding-links von 0px

article:nth-child(1) {padding-left: 0px !important;}

Das vierte Elemente bekommt ein Padding-rechts von 0px

article:nth-child(4) {padding-right: 0px !important;}

Damit müsste es doch eigentlich in der ersten Zeile klappen, oder?

Hallo zusammen!

Ich habe eine Frage zu meiner Webseite http://www.timrodenbroeker.de :

Auf der Startseite sind alle meine Posts zu sehen. Ich habe im stylesheet global das Box-Model auf "border-box" gestellt den einzelnen <article>-Elementen ringsherum ein Padding verpasst.

Jetzt kommt das Problem: Jetzt schliesst der Loop-Bereich links und rechts nicht mehr bündig mit dem #Wrapper ab, weil der erste <article> einer Zeile ein Padding links, und der letzte <article> einer Zeile ein Padding rechts hat. Aus Designperspektive finde ich das nicht besonders elegant. Frage: Kann man das Problem ohne allzu großen Aufwand lösen?

Ich danke euch schonmal präventiv und wünsche ein schönes Wochehende!

Tim

Hi Gerd!

Vielen Dank! Irgendwie verrückt, ich habe aus "post-id" den Bindestrich weggenommen, damit klappt es auf einmal:

body.postid-3128 {background-color: white !important;}

Hier der Artikel: http://www.timrodenbroeker.de/inge/

Was ich nur sehr verwirrend finde ist, dass das bei page-id anders ist: Hier brauche ich den Bindestrich, sonst funktionierts nicht:

body.page-id-4617 {background-color: white !important;}

Die Seite: http://www.timrodenbroeker.de/kontakt/

Weiss jemand warum?

Hallo liebe Leute,

bei einigen Seiten auf meiner Website ändere ich die Hintergrundfarbe so:

body.page-id-4617 {background-color: white !important;}

Das funktioniert wunderbar.

Jetzt möchte ich die Hintergrundfarbe auch für einen speziellen Artikel ändern, nämlich diesen hier:

http://www.timrodenbroeker.de/inge/

Ich habe das mit

body.post-id-3128 {background-color: white !important;}

versucht. Das funktioniert aber nicht. Hat jemand einen Tipp, warum das nicht klappt?

Danke euch und ein schönes Wochehende,

Tim