Beiträge von alchymyth

  • Menüleiste einfügen

    menue:
    -handgemacht, fest, nur diese vier links?
    dann ginge das mit vier festen divs, float:left; grafik dazwischen; links als hintergrundgrafik - stichwort 'css sprites'.
    -kategorien?
    das ginge mit wp_list_categories(); horizontales menu; css sprites.
    -seiten?
    das ginge mit wp_list_pages(); sonst wie kategorien.

    das sind die stichworte zum suchen; der codex bietet einiges an info.

    Zitat

    Jetzt klebt der [COLOR=#306582]Content[/COLOR] direkt am [COLOR=#306582]Header[/COLOR], aber unter dem Menü soll dann erst noch ne Lücke sein.



    dafuer musst du beim default theme die html struktur verandern: im original verwendet das theme einen durchgehenden #page hintergrund.
    dazu im header.php '<div id="page">' nach unten verschieben, vor das '<hr />'. und die #header und #page styles in der style.css anpassen.

  • Kann man die Breite eines Themes verändern?

    generell, ja.
    aber der aufwand haengt ganz stark vom theme ab; einige themes sind strukturiert aufgebaut und uebersichtlich gegeliedert, da ist es einfacher.
    und der erfolg haengt ganz stark vom css verstaendnis ab.

    mehr im austausch gegen den namen und den downloadlink des themes; oder noch besser gegen einen link zum blog.

  • Verschiedene Backround bilder für jede Seite

    nachlesen - zB im codex, oder in online tutorials.

    verwendung anstelle des <body> tags im header:

    PHP
    <body <?php body_class(); ?>>



    erzeugt eine vielzahl von individuellen classes die dann in der style.css verwendet werden koennen.

    einfach im header einbauen, und dann den body tag im html code der seiten im browser ansehen - die classes notieren, und dafuer neue hintergrund formate erstellen.

    zB:

    Code
    body.page-id-37 { background-image: url(images/hintergrund-seite-37.jpg); }

  • Bild über dem Blog anzeigen

    der code ist im header.php vom theme zu finden:
    /wp-content/themes/ZyRed/header.php

    nach zeile 55 (zeile 55 ist der <body> tag).
    sieht jetzt so aus:

    PHP
    <body>
<div id="container">
<div id="sitename">



    und kann auf so geaendert werden:

    PHP
    <body>
<div id="headlogo"><img src="http://www.redcrew.de/redcrew_logo_klein.png" alt="" /></div>
<div id="container" >
<div id="sitename">




    da der css code neu erfunden ist, kann der an irgendeiner beliebigen stelle in der style.css eingebaut werden.

    vor den #sitename styles ist also auch ok.

    ich hoffe, das hilft ertmal weiter,
    viel glueck :grin:

  • Bild über dem Blog anzeigen

    das ganze muesste mit einem extra div vor dem #container div gehen (in header.php):

    HTML
    <div id="headlogo" style="width:100%;background:#fff;border-bottom:2px solid #ccc;"><img src="http://www.redcrew.de/redcrew_logo_klein.png" style="margin:0 auto;"/></div>
<div id="container" >
<div id="sitename">



    entweder inline css wie oben, oder css im style.css:

    HTML
    <div id="headlogo"><img src="http://www.redcrew.de/redcrew_logo_klein.png" alt="" /></div>
<div id="container" >
<div id="sitename">
    Code
    #headlogo { 
width:100%; 
background: #fff;
border-bottom: 2px solid #ccc; /*optional*/
}
#headlogo img {
margin:0 auto; /*to center the image*/
}

  • Bild über dem Blog anzeigen

    zB. was hast du versucht?
    welche 'zwei frames'?

    geht das logo nicht als transparentes png als hintergrund in der div #sitename ?

    edit: scheint ein wenig komplizierter zu sein, weil das theme eine flexible header breite ueber einem content mit minimaler breite hat (duh??)

    wahrscheinlich #sitename auch auf die selbe minimale weite setzen, und dann das hintergundbild einbauen.

    bessere hilfe mit link zur seite und den dimensionen des logos.

  • Bild zentr. und Header Bild verlinken

    Zitat

    Kann ich plötzlich keine Bilder mehr zentrieren



    das hat mit diesem theme wahrscheinlich nie funktioniert.


    das 'float:right;' in diesem style in der style.css bestimmt die bilderausrichtung:

    Code
    #content img,#contentwide img{border:0px;float:right;margin:0px 0px 10px 10px;}



    ausserdem hat das theme keine styles fuer:

    Code
    .aligncenter {}
.alignleft {}
.alignright {}


    guck im style.css vom default theme nach wie es gemacht wird.

  • Paging Problem mit neuem WP-Theme

    das theme hat im index.php diese query:

    PHP
    query_posts("showposts=4&paged=$paged");



    und dein blog zeigt 6 artikel pro seite;
    da scheint ein konflikt zu sein.

    hat dein blog mehr als 13 * 6 = 78 artikel?

    versuch:
    entweder auf 'showposts=6' zu aendern;
    (oder besser noch die query auf den neuesten stand bringen:

    PHP
    query_posts("posts_per_page=6&paged=$paged"); ?>

    )
    oder im dashboard die einstellung der posts per seite auf 4 einzustellen.

  • Abstand untermenupunkt

    das ist eine antwort auf deinen vorletzten beitrag:

    der unterschied kommt wahrscheinlich von den unnoetigen ul in deinem dynamischen code:

    PHP
    <ul>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : endif; ?>
</ul>



    entferne die

    HTML
    <ul> und </ul>

    und sieh ob das besser geht.

    ausserdem check die functions.php, ob das 'before-widget' etc. mit deinem original code uebereinstimmt.

    http://codex.wordpress.org/Function_Refer…egister_sidebar

  • Menu CSS a:hover IE problem

    HTML
    <li><p><a href="http://www.tim-lueddemann.de/blog/category/gedanken/"><h2>Gedanken</h2></a></p></li>


    ist invalid - h2 innerhalb p tag; (auch wenn ich persoenlich verstehen kann warum du das gemacht hast.)

    fuer den anderen fehler hast du hier nicht den style angezeigt:

    Code
    sidebar2 a { }

    hat keinen 'display:block;' - deshalb springt der link so.
    und warum hat der hover eine andere 'width:205px;' als der link selbst?

    bei mir zeigt die seite alles in 'times' an (grausam) - wahrscheinlich weil ich den seltenen font 'dejavu' nicht hab, und du keine alternative font-family mitgegeben hast.

  • Abstand zwischen Artikel-Titel und Datum

    da du gerade vor der letzten frage am titel geaendert hast, (der obere abstand) und jetzt der abstand darunter zur naechsten zeile dran kommt, waere es ja logisch, das am selben style zu versuchen (?).

    Code
    h2 {
 margin: 10px 0 0;
 }


    (das ist im obigen code nur etwas schwierig zu sehen, weil die eine kurzform verwenden)
    in css macht das die 'margin':

    http://www.w3schools.com/Css/css_margin.asp
    die verwendung von verschieden kurzformen mit 1, 2, 3 ,oder 4 zahlenwerten ist da auch erklaert.

    wenn du mehr am stil der seiten aendern willst, ist der firefox mit dem web developer add-on (gibt's bestimmt auch auf deutsch) oder der firebug sehr zu empfehlen. die machen es sehr einfach, die css eemente der website zu identifizieren, und style aenderungen auszuprobieren.


    abgesehen davon, hat Ammaletu natuerlich auch recht mit seinem vorschlag.