Beiträge von hero1977

gefällt mir, schön schlicht und ein bisschen stylo, aber nicht zuviel. nix auszusetzen … das einzige was ich etwas seltsam finde ist das die ersten 3 zeilen eingrückt sind. und ich würde die schrift größer machen, aber das ist eine glaubenssache :grin:

Zitat von bego

Und was machst Du morgen? :-D

entspannen, muss heute noch eine schaffen :grin:

Zitat von bego

(Impressum wär vielleicht nicht verkehrt.)

outsch! total vergessen :???: danke.

heute morgen das design gemacht, mittags dann die umsetzung mit wordpress (grundlage twentyten). noch nicht ganz final, hier und da noch kleine grafische bugs, aber ich denke man kann es erstmal so lassen, was sagt ihr?

http://www.last-guardian.de

hatte die seite erst mit wordpress.org gemacht bis mir auffiel das ich ja noch eine freidomain in meinem webhosting-paket hatte 8-)

stimmt, so gehts aber:

#nav ul li:first-letter {
   color: #C00;
}

man könnte das mit templates machen.

http://forum.wordpress-deutschland.org/design/1693-ei…e-zuweisen.html

http://forum.wordpress-deutschland.org/design/80341-j…ner-grafik.html

try this.

mach ma so:

#nav ul li a:first-letter {
   color:#00f!important;
}

hier noch eine quelle für sehr gute lizenzfreie fonts (kannst du ohne probleme auf webseiten einsetzen/einbetten (cufon):

http://webdesignledger.com/freebies/20-hi…s-for-designers

die impact ist jetzt nicht so der burner die du da versendest (wenn es die ist, aber ich meine sie zu erkennen, ist glaub ich eine windows systemschrift).

hau mal das in deiner "style.css" in die letzte zeile:

#nav ul li a:first-letter { font-size:200%; color:red; }

müsste klappen. ansonsten mal "firebug" installieren (pflichtprogramm für webdesigner, ist ein plugin für firefox), damit kannst du sehen welche teile des css dein design beeinflussen. am besten dazu ein kleines einführungsvideo ansehen (youtube).

die 3 bilder oben stammen ja aus den letzten 3 artikeln (finde ich irgendwie verwirrend, aber nun gut …) ist ja klar das die weg sind wenn du eine andere startseite einstellst.

möchtest du diese 3 bilder behalten auf einer statischen startseite? dazu müsstest du ein template anlegen und in dieses oben den loop einfügen der die 3 bilder aufruft.

den header (das grüne bild oben) kannst du in der style.css deines themes bestimmen:

#header{
    background: url(./images/header.png) no-repeat;
    height:225px;
    text-align:right;
    width:500px;
    padding:30px 0;
}

"height" dürfte klar sein was das bedeutet und dann halt einfach das bild "header.png" austauschen.

navi als bilder? hmmm ist nicht sehr flexibel, aber das geht in dem du in der header.php deines themes das zeug löscht:

<li><a href="<?php echo get_settings('home'); ?>/"><?php _e('Home','ambiru'); ?></a></li>
        <?php wp_list_pages('depth=1&title_li='); ?>

und an dieser stelle deine bilder einbaust und dann verlinkst. ist dann halt recht statisch.

den ersten buchstaben einfärben kannst du mit css:

a:first-letter { font-size:200%; color:red }

was die navigation angeht, wenn du da lieber eine coolere schrift haben möchtest empfehle ich dir "cufon", damit kannst du freakige schriften in deiner webseite einbauen die der user nicht installiert haben muss:
http://blogs.sitepoint.com/2009/06/26/use…e-on-wordpress/

du öffnest die datei

wp-content/themes/twentyten/style.css

und fügst das da ein. am besten in die letzte zeile, dann wird es auf jeden fall übernommen.

allerdings würde ich es eher so machen:

/* der liste die listenpunkte wegnehmen in den artikelseiten */
.single ul { 
    list-style:none;
}
/* den listenpunkten ein hintergrundbild geben das nur links sitzt */
.single li { 
    background:url(haken-gruen.gif) 0 0 no-repeat;
    padding-left:20px;
}

weil den listenpunkt einfach mit einem bild ersetzen ist nicht so dolle, sieht in jedem browser anders aus, lässt sich ergo schlecht kontrollieren (meine erfahrung). aber kannst ja selber rumprobieren.

wo isn das kompliziert? einfach in die single.php den code von oben rein und dann immer für jede kategorie einmal

} elseif (in_category('Gruen'))  { 
   include(TEMPLATEPATH . '/single_gruen.php');

einfügen und die single.php duplizieren und dementsprechend benennen. die IDs der kategorien siehst du wenn du im manager im kategorie-manager mit der maus drauf bist.

:razz: probieren geht über studieren, vorher einfach die dateien sichern.

so könnte das aussehen auf dem FTP:

- single_gruen.php
- single_blau.php
- single_hass.php
- single_liebe.php

und in die single.php muss dann das rein:

<?php 
if (in_category('gruen')) { 
   include(TEMPLATEPATH . '/single_gruen.php');
} elseif (in_category('blau'))  { 
   include(TEMPLATEPATH . '/single_blau.php');
} elseif (in_category('hass'))  { 
   include(TEMPLATEPATH . '/single_hass.php');
} elseif (in_category('liebe'))  { 
   include(TEMPLATEPATH . '/single_liebe.php'); 
} else { 
   include(TEMPLATEPATH . '/single_der_armselige_rest.php'); 
} 
?>

ich denke da kommst du nicht drum rum für jede kategorie ein template anzulegen. dazu einfach in die "single.php" (nur) das hier rein:

<?php 
if (in_category('Blau')) { 
   include(TEMPLATEPATH . '/single_blau.php');
} elseif (in_category('Rot'))  { 
   include(TEMPLATEPATH . '/single_rot.php'); 
} else { 
   include(TEMPLATEPATH . '/single_rest.php'); 
} 
?>

jetzt kannst du jeweils in die "single_blau.php" oder was auch immer (kannst mehrere anlegen) deine grafiken oben einfügen, darunter erscheint dann der content der seite. ein artikel mit der kategorie "Blau" wird jetzt die seite "single_blau.php" aufrufen.

mehr info dazu: http://codex.wordpress.org/Category_Templates

ansonsten gibts dafür auch ein plugin: http://www.nathanrice.net/plugins/single-post-template/

aber ich ziehe immer den anderen weg vor, ist eigentlich fast noch simpler.

hab mit firebug das hier gefunden:

body {    background: url("images/header-bg.jpg") repeat-x  scroll center top #85C9FF;    color: #2F2F2F;    font-family: Verdana,Arial,Georgia,Helvetica,sans-serif;    font-size: 12px;    text-align: center;}

dieses "#85C9FF" ist es wohl …

vielleicht mal in der "header.php" hieraus:

<?php
                    // Check if this is a post or page, if it has a thumbnail, and if it's a big one
                    if ( is_singular() &&
                            has_post_thumbnail( $post->ID ) &&
                            ( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'post-thumbnail' ) ) &&
                            $image[1] >= HEADER_IMAGE_WIDTH ) :
                        // Houston, we have a new header image!
                        echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' );
                    else : ?>
                        <img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
                    <?php endif; ?>

das hier machen:

<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />

aber ohne gewähr, vorher absichern, ist nicht getestet.

wenn du auf der startseite eine andere sidebar haben möchtest schreibst du einfach in die home.php [COLOR=darkorange]<?php get_sidebar('homesidebar'); ?>[COLOR=Black], dann duplizierst du die sidebar.php und benennst die kopie [COLOR=Black]„[/COLOR][COLOR=Black][COLOR=Red]sidebar-[/COLOR]homesidebar.php“[/COLOR] [COLOR=Black]diese kannst du dann natürlich anpassen wie du willst.[/COLOR][/COLOR]
[/COLOR]

so vom abstand her vielleicht:

http://d.pr/9en5

und evtl. die schrift weniger grell weiss, kommt manchmal ganz gut.

wie schon gesagt mehr padding, ansonsten schon sehr gut. vor allem das dunkle.

„[COLOR=#000000][COLOR=#DD0000]&offset=3[COLOR=Black]“

nach sowas hab ich gesucht, danke es klappt! :razz:
[/COLOR][/COLOR][/COLOR]