Beiträge von alchymyth

  • Texthintergrund für einzelne Artikel verändern

    um das nicht doppelt zu tippen, schau in den parallel-beitrag:
    http://forum.wordpress-deutschland.org/design/69826-h…html#post321264

    evtl hat dein theme 'post_class()' schon in der post-div eingesetzt; oder das theme erstellt eine post-spezifische css id; dann hast du einen ansatzpunkt, um post-spezifische formattierungen indie style.css einzusetzen.

    schau im index.php nach, ob du da sowas wie das hier findest:

    PHP
    <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>



    wenn du dich schon auf ein theme festgelegt hast, kannst das hier posten - und auch eine link zu deiner seite - das hilft um mehr antworten zu bekommen.

  • Hintergrundfarbe für einzelne Artikel ändern

    beim 'melville' theme ist die div um die posts sehr nahe am sichtbaren text - fuer einen effekt wie in deinem beispiel-link muesste da noch angepasst werden.
    jeder post hat schon kategorie-spezifische css classes, mit denen ganz einfach kategorie-spezifische hintergrundfarben angezeigt werden koennten; zB:

    Code
    .post.category-wellhead { background-color: #123def; }



    fuer benutzer-definierte hintergrundfarben muesste dieser teil angepasst werden (wahrscheinlich in index.php zu finden; oder evtl in loop.php, oder...):

    PHP
    <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>


    zum beispiel, eine neue version:

    PHP
    <div id="post-<?php the_ID(); ?>" <?php post_class(); 
$h_img = get_post_meta($post->ID, 'hintergrundbild', true);
$h_col = get_post_meta($post->ID, 'hintergrundfarbe', true);
if( $h_img || $h_col ) { echo ' style="';
if( $h_img ) echo 'background-image: url(' . get_bloginfo('stylesheet_directory') . '/images/' . $h_img .'); '; 
if( $h_col ) echo 'background-color: ' . $h_col .'; '; 
echo '"'; } ?>>



    das benutzer-feld 'hintergrundbild' muss den bild-namen mit extension (zB [FONT=Courier New][COLOR=blue]flowerpot.jpg[/COLOR][/FONT]) enthalten; und das bild muss im /images/ verzeichnis des themes sein.
    das benutzer-feld 'hintergrundfarbe' muss den farbcode (zB [FONT=Courier New][COLOR=blue]#123fde[/COLOR][/FONT] enthalten.
    der inline-style wird nur ausgegeben, wenn mindestens eins der felder fuer den post ausgefuellt ist.

    eine kombination von kategorie-abhaengig und benutzer-feld geht auch ....

  • Hintergrundfarbe für einzelne Artikel ändern

    Zitat

    und wie bekommt man es so hin, dass jeder Artikel sein eigenes Hintergrundbild bekommt.



    moeglickeit a:
    mit einem oder zwei benutzer-definiertem feld(ern) fuer den post; hintergrundbild und/oder -farbe festlegen.
    (bei zu vielen verschiedenen, grossen hintergrundbildern wird die ladezeit von der seite leiden. der beispiel-link scheint ein festes hintergrundbild mit schattierungen zu haben, und die hintergrundfarbe wird variiert)

    moeglichkeit b:
    hintergrundbild und -farbe kategorie-abhaengig fuer jeden post anzeigen.

    wie und wo das genau in die templates eingebaut werden muss, haengt vom theme ab.

  • Titel nur für eine Seite anzeigen lassen

    das theme verwendet 'body_class()', welches den einzelenen blog-seiten spezifische css classes zuweist.

    zB auf der blog-seite wird die css class [FONT=Courier New][COLOR=blue].blog[/COLOR][/FONT] im body tag mit ausgegeben;
    daher wuerde das hier funktonieren:

    Code
    .blog h2.entry-title { display: block; }



    in style-custom.css eingefuegt, sollte das alle post-titel auf der blog-seite wieder sichtbar machen.

  • Link im Header einfügen

    wenn die optionen ein kategorie-menue ausgeben, dann evtl hier aendern:

    PHP
    } else {
                wp_list_categories('hierarchical=1&orderby=id&hide_empty=1&title_li=');    
            }


    neuer link am anfang des menues:

    PHP
    } else {
echo '<li><a href="linkurl">linktext</a></li>';
                wp_list_categories('hierarchical=1&orderby=id&hide_empty=1&title_li=');    
            }


    neuer link am ende des menues:

    PHP
    } else {
                wp_list_categories('hierarchical=1&orderby=id&hide_empty=1&title_li=');
echo '<li><a href="linkurl">linktext</a></li>';
    
            }


    evtl muss noch eine css class in den li-tag.

  • Theme "Grunge Style"

    schwer zu sagen, da die aktuelle version 3.0 ist, und du mit version 1.0 arbeitest - in der letzten version sind einige html-elemente anders.

    generell:
    schau in header.php nach, und such nach

    PHP
    <div id="menu">
                <ul><?php wp_list_pages(....); ?></ul>
</div>

    oder aehnlich.

    evtl musst du header.php hier posten.

    das menu kannst du auch mit css ausblenden:

    Code
    #menu{display:none;}


    das sollte jedoch meiner meinung nach nur eine notloesung sein.

  • Problem: Grafik einbinden

    nb:
    das hier

    PHP
    <img src="<?php bloginfo('stylesheet_directory'); ?>/images/facebook.png" alt="Grafik" />

    setzt voraus, dass die grafik im /images verzeichnis des themes gepeichert ist; also:

    HTML
    /wp-content/themes/deintheme/images/facebook.png


    im zweifelsfall gib den vollen pfad zum bild per hand ein (alles mit http://localhost....).

  • Kleine Änderungen am Stylesheet

    1.
    in style.css einfuegen:

    Code
    body.page h2.art-postheader { display:none; }



    2.
    die hoehe ist durch 'min-height' hier festgelegt:

    Code
    .art-footer-text
{
  min-height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  float: left;
  left: 50%;
  text-align: center;
}



    3.
    das ist einfach so.
    es sei denn, du willst das theme neu schreiben, mit ajax, oder aehnlich?

  • Verschiedene Hintergründe in der Navi-Spalte

    das gute alte kubrick-theme hat dafuer hintergrund-bilder, die in header.php festgelegt werden:

    in header.php:

    PHP
    <?php
// Checks to see whether it needs a sidebar or not
if ( empty($withcomments) && !is_single() ) {
?>
 #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }
<?php } else { // No sidebar ?>
 #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }
<?php } ?>



    kubrickbgwide.jpg ist der weisse hintergrund;
    kubrickbg-ltr.jpg ist der hintergrund mit grauem rechten bereich.

  • artikel mit passenden kategoriestyles anzeigen

    der code enthaelt eine menge ueberfluessigen kram; vereinfacht:

    PHP
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<?php
    if (is_single()) {
    $my_categories = get_the_category();
    $my_category_id = $my_categories[0]->term_id;    
  ?>
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/category-<?php echo $my_category_id; ?>.css" type="text/css" media="screen" />
<?php  } /* end if */
?>



    das sollte fuer jeden einzelpost eine /css/category-23.css datei laden (mit der kategorie-id der ersten kategorie)
    also ein stylesheet in einem /css unterverzeichnis des themes.

  • Internet Explorer und Design?

    ja, die seite ist ziemlich grau im IE7, aber genauso grau im FF3.6 - das ist wohl das design :roll:

    das einzig farbige ist in beiden browsern der rss-button, ein smiley und die t-shirt reklame.

    mit anderen worten - es sieht alles ok aus im IE7 :lol:

  • link zum letzten/nächsten artikel ausblenden

    diese zeile im code

    PHP
    theme_get_option('theme_bottom_single_navigation'

    sieht nach theme-optionen/einstellungen aus;
    hast du nichts unter den theme-optionen gefunden?

    ansonsten alles entfernen von einschliesslich

    PHP
    /* Display navigation

    bis einschliesslich der geschweiften klammer (in der jeweils letzten zeile in deinen code-schnipseln)

    PHP
    }

  • Hintergrundfarbe bei Widgets

    wenn du die tabelle mit 'modernen' css formatierst, also mit css classes anstelle von veralteten inline styles, sollte das eigentlich gehen:



    und das hier in user.css einfuegen:

    Code
    .kritiken table { border: none; }
.kritiken table tr.d0{ background: #121212; }
.kritiken table tr.d1{ background: #1f1f1f; }
.kritiken table tr td { background: transparent; color: #ffffe9; }
.kritiken table tr td a { color: #ffffe9; }