Beiträge von alchymyth

  • CSS Probleme

    was fuer probleme?
    was hast du schon erreicht, und wo geht's nicht weiter?
    bearbeitest du ein vorhandenes theme, oder machst du ein neues?

    die grundlagen von html und css kannst du dir selber mit buechern und online anleitungen beibringen, wie zB. http://de.selfhtml.org/css/

    den drei boxen gibst du eine class="box" (oder was fuer ein name dir besser gefaellt), und in der style definierst du eine feste breite (kan auch in % des zu verfuegung stehenden platzes sein), und floatest du die box nach links; optional noch padding und margin und border und background und ... dazu, damit die boxen nicht zusammen kleben und der inhalt nicht an den rand stoesst, und was auch immer ...
    zum beispiel style.css:

    Code
    .box { 
float: left; 
width: 200px;
height: 200px; 
margin: 10px 10px 10px 0px; 
padding: 5px; 
}

  • Positionierungsfehler & Header-Verlinkung

    ich bin wahrscheinlich heute nicht ganz wach 8-):
    mir ist erst jetzt aufgefallen, dass die liste nicht mit 'ul' tags umgeben ist, und ich auch ein schliessenes '/li' vergessen hatte:
    version 1.2

    PHP
    <ul>
<?php
$categories = wp_list_categories('orderby=order&title_li=&echo=0');
$categories = explode('</li>', $categories); //create array from string returned by wp_list_categories
array_pop($categories); //pop last element off array
echo implode('</li><img src="http://www.sichtraum.com/sichtraum/wp-content/themes/default/images/linie_header.jpg" alt="|" class="separator" />', $categories).'</li>';
?>
</ul>



    ausserdem war das verfahren nicht fuer eine cat nav mit child elements vorgesehen - da sind jetzt auch zwischen den 'child' elementen die separator bilder - das kann evtl. in der style.css ausgeblendet werden:

    Code
    ul.children img.separator { display:none; }

  • Positionierungsfehler & Header-Verlinkung

    Zitat

    Es hat geklappt, jedoch ist diese Lösung wohl nicht "Error-Frei"


    ich hab den code mal ein bischen aufgeraeumt:
    der h2 tag kann da so nicht stehen - den style (font-size, etc.) musst du mit css machen; daher 'title_li=' ohne h2; die /h2 am ende auch weg.
    explode 'verliert' den separator (/li); daher muss der wieder rein beim implode.
    und den inline style wuerde ich in die style.css auslagern.

    PHP
    <?php
$categories = wp_list_categories('orderby=order&title_li=&echo=0');
$categories = explode('</li>', $categories); //create array from string returned by wp_list_categories
array_pop($categories); //pop last element off array
echo implode('</li><img src="http://www.sichtraum.com/sichtraum/wp-content/themes/default/images/linie_header.jpg" alt="|" class="separator" />', $categories);
?>


    in der style.css:

    Code
    img.separator {position:relative;top:6px; left:6px}



    ich hoffe, ich habe nichts uebersehen, und die validierung wird wieder besser ;-)

  • Weitere Sidebar hinzufügen möglich?

    im prinzip geht das.
    frage ist, wie gut kennst du dich mit css aus, weil da sicherlich einiges anzupassen sein wird.

    und der neue sidebar muss in einigen php dateien eingefuegt werden: index.php, single.php, archive.php, page.php und mehr.

    im index.php, zwischen

    HTML
    <div id="main">

    und

    HTML
    <div id="content">

    einfuegen:

    HTML
    <div id="main"> 
<?php <?php get_sidebar ('left'); ?>
 <div id="content">



    dann einen der bestehenden sidebar.php kopieren und als sidebar-left.php abspeichern. darin die div id zum beispiel in <div id="sidebar-left">aendern, und dann alles im style.css formattieren (float:left; etc).

    und die functions.php anpassen fuer einen dritten dynamischen sidebar.

    machbar - aber nicht ganz einfach und einige stunden voller spass :mrgreen:

  • Hintergrund einfügen

    wo genau soll das bild in den hintergrund?

    im prinzip hast du die moeglichkeit einen hintergrund in body oder #wrapper einzubauen: (style.css)

    HTML
    body {background: #123456 url('img/deinhintergrundbild.jpg') center top no-repeat; }
 
/*oder*/
 
#wrapper { background: #123456 url('img/deinhintergrundbild.jpg') center top no-repeat; }



    wie sehen deine versuche soweit aus ? vielleicht bist du ja garnicht weit vom ziel entfernt :D

    ps: vielleicht muessen dann noch einige andere hintergrund farben auf transparent gestellt werden, aber das ist am besten an einem aktiven link zu optimieren.

  • www.litia.de - jegliche Kritik & Ideen bitte

    gesamteindruck: als informationsblog gut gelungen, weil keine designelemente vom inhalt ablenken, abgesehen von der werbung, die als das einzig farbige element im blog die ueberhand gewinnt.
    ein paar kleine technische dinge noch zum ausbessern:
    -die schwarzen balken im header werden unterschiedlich dargestell in IE7 und Firefox3.5
    -impressum und datenschutz tab text ist sehr blass grau auf weiss im IE7 (hellgrau auf schwarz im Firefox, ok).
    -die reihe mit den geschenkartikelbildern 'springt' weil beim mouseover die weite der orangen rahmen vergroessert wird.
    -die zweispaltigen kurzartikel 'haengen' sich manchmal gegenseitig fest, wenn der linke etwas laenger ist als der uebernaechste folgende.
    -kommentarfeld beim impressum und datenschutz ??
    -im IE7: bei der kurzen impressumseite haengt der sidebar durch den footer durch.
    -'submit comment' button noch in englisch.
    -die suchergebnisse werden nicht untereinander dargestellt, sondern 'wandern' nach rechts aus - am beispiel nach 'kindergeld' gesucht.
    -'not found' titel bei suchergebnis ohne ergebnis. auch da wieder im IE7 wegen der kurzen seite der footer ueber der sidebar.

  • Zitiererei

    ich wundere mich schon seit laengerem, warum hier im forum soviel zitiert wird.
    es bringt nichts zur verstaendlichkeit, da meistens nur direkt auf den vorhergehenden beitrag geantwortet wird, und dann wird oft der ganze beitrag zitiert.
    ich kann das verstehen, wenn das zitat etwas fuer die antwort wesentliches hervorhebt, oder sich auf einen weiter zurueckliegenden beitrag bezieht, aber das ist selten der fall.

    'in der kuerze liegt die wuerze.'

    gilt das nicht mehr?

  • Probleme mit Image im IE

    im nachhinein gesehen sollte das noch einfacher gehen:

    HTML
    <p class="postcom postcom_icons"> ...</p>



    und die css:

    Code
    .postcom_icons {clear: both; background: transparent [URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=url"][COLOR=#000000]url[/COLOR][/URL](images/bubble.gif) no-repeat scroll left top; padding-left: 20px;}



    anstelle von 'left' kannst du auch pixel eingeben, zB. 5px

  • Formatierung Bild rechts - geht nicht

    da hat wieder mal ein theme autor die css fuer die bilderausrichting nicht eingebaut: kopiere das vom default theme entnommene css in die style.css am ende: