Beiträge von telekommander

    Ich glaube ich habs, sicher bin ich mir denoch nicht. Das wäre dein Part.
    Ihr habt von der unterschiedlichen Darstellung der Bilder aus der Gallerie und der Sidebar geschrieben. Das die Darstellung via Javascript generiert wird, darüber sind wir uns einig. Parallel dazu noch dein hinzugefügter Code zum Script.

    Wenn wir uns jetzt den Quellcode anschauen, werfen wir ein Blick auf das [FONT="Courier New"]title[/FONT]- Attribut der Bilder. Bei den Bildern innerhalb der Gallerie befindet sich ein Leerzeichen im [FONT="Courier New"]title[/FONT]- Attribut:

    Code
    <a href="( ... ) 08-59-55.JPG" [COLOR="Red"]title=" "[/COLOR] class="highslide" ( ... )


    Während bei den Bildern in der Sidebar das [FONT="Courier New"]title[/FONT]- Attribut wirklich leer ist:

    Code
    <a href="( ... ) 5-25-58.jpg" ( ... )[COLOR="Blue"]title=""[/COLOR] class="highslide"


    Das Script arbeitet mit diesem Attribut.
    Kleines Leerzeichen, grosse Wirkung ? Mal antesten bitte!

    Das wird ein kompletter Themeumbau! Einfach [FONT="Courier New"][COLOR="Blue"]position: fixed[/COLOR][/FONT] den entsprechenden Blockelementen zuweisen reicht in deinem Fall nicht.
    Es ist eine komplette Neupositionierung notwendig.

    Damit du siehst was passiert und es einfach sch... aussieht, füge folgendes ins Stylesheet ein:

    Code
    #splash, #sidebar2, #sidebar1 {
      position: fixed;
    }

    Nachdem ich mir das auch mal angeschaut habe, meine ich irgendwo im "Quellcodechaos" einen Schreibfehler gesehen zu haben statt [FONT="Courier New"][COLOR="Teal"]bo[COLOR="Red"]r[/COLOR]derless[/COLOR][/FONT] >> [FONT="Courier New"][COLOR="Teal"]boderless[/COLOR][/FONT] . Ob's was damit zu tun hat ... ?
    Ansonsten noch mal melden.

    Dein angesprochenes [FONT="Courier New"][COLOR="Teal"]top: 5px[/COLOR][/FONT] wird über's Javascript generiert.

    Habe versucht den Code im style einzugeben aber es klappt nicht so.
    Benutze das Theme Seashore (3 spalten)
    Kann ich da auch den Header fixieren? und vielleicht die sidebar??


    ... na, uralten Thread ausgegraben ? :mrgreen:

    Theoretisch schon.
    Allerdings ist es nötig, wenn du schon den Code via Copy'n Paste einfügst, auch die richtigen Klassen bzw. ID deines Themes zu nutzen.

    Klar ist das Bild zu groß - und wie du sagst, bildschirmauflösung! richtig, sieht ja auch beschissen aus wenn man mit einer 1600er auflösung sürft und der hintergrund auf einmal endet :D

    edit: wenn ich die zeile rausnehme, passt der hintergrund nicht mehr. wenn ich z.B auf Startseite - gehe, bleibt der hintergrund ja auch so wie er sein soll bzw. verschieb sich nicht nach oben so wie er es im wordpress tat und auf meiner myspace seite passt der hintergrund ja auch perfekt rein nur beim wordpress verschieb sich der hintergrund nach oben. ich lasse die zeile mal gelöscht vllt. fällt jemanden noch was ein.

    Wenn du die Seite nur für dich bastelst, kann ich die Argumentation verstehen.
    Da aber nicht jeder mit dieser Auflösung arbeitet, ich übrigens auch nicht, ist klar das vom Bild was abgeschnitten wird wenn der übers Stylesheet das Hintergrundbild zentriert wird.
    "Dann mach das Bild noch grösser, denn es soll noch grössere Auflösungen geben!"

    In der style.css diese Zeile löschen bzw. auskommentieren.

    Code
    body { 
     background-image:url(http://www.uranmusic.de/back2.jpg); 
     [COLOR="Red"]background-position:Center Center;[/COLOR] 
     background-attachment:fixed; 
     font-family: "Arial";
     font-size: 10pt;
     color: #FFFFFF;
     text-align: left;
    }


    Btw. ist das Bild viel zu gross!
    Stichwort: Bildschirmauflösung.

    Auf den ersten Blick fällt auf, dass die Links keine internen Verweise [FONT="Courier New"][COLOR="RoyalBlue"] href=#ichbineinVerweis [/COLOR][/FONT] enthalten sondern nur eine leere Javascriptfunktion [COLOR="RoyalBlue"][FONT="Courier New"] href="javascript:;" [/FONT][/COLOR].

    Auf den zweiten Blick, in den Quellcode, fällt auf das die Klassen-Zuweisung nicht passt. Hier ist die Klasse der Überschrift gefordert.

    Code
    function init(){
    	var stretchers = document.getElementsByClassName('box');
    	var toggles = document.getElementsByClassName('[COLOR="Red"]tab[/COLOR]');
    ( ... )

    "Einfach" nochmal in der moo.fx - Doku nachlesen.

    Dein 2. Problem ist mir nicht ganz klar, was du meinst.

    Beide 'Sidebars' hängen bei mir untereinander sowohl IE als auch im FF. Sicher das du nichts geändert hast ?

    Es befinden sich einige unnötige Zeilenumbrüche in der Sidebar:

    Code
    <div id="sidebar">
    [COLOR="Red"]<br>[/COLOR]
    ( ... )
    <div class="textwidget"><p>[COLOR="Red"]<br>[/COLOR]</div>
    ( ... )
    <div id="sidebar-right"> 	         	
    [COLOR="Red"]<br>[/COLOR]

    Das geht auch nicht. Das Blockelement [FONT="Courier New"]<div>[/FONT] hat dort nichts zusuchen, die Schachtelung der Tags passt nicht.

    Code
    </div><h2>Statistik</h2><ul><li>Benutzer:  9</li>[COLOR="Red"]<div class="pfwidget">[/COLOR]<li>Artikel:  265</li>

    Das Google Suchfeld solltest du dringend überarbeiten, da stört der unnötige Tabellen-Kram.
    Den <center> -Tag gibt es in XHTML nicht, zentrieren sollte übers Stylesheet gelöst werden.
    Das war mein erster grober Blick, das alle verursacht Stress.

    Die "Single"-Tags in XHTML bitte auch schliessen, für [FONT="Courier New"]<img src="bild" />[/FONT] ,[FONT="Courier New"]<br />[/FONT] und für [FONT="Courier New"]<input type="text" />[/FONT] !

    ( ... )
    Ich habe die Grafik im Header durch eine 354px × 118px png Datei ersetzt. Jetzt klebt die ganz rechts und wird oben abgeschnitten.

    Rechts ? Sicher ?
    Ist bei mir Links.
    In der style.css den negativen Wert auf 0 setzen.

    Code
    #head {
        background: url('images/hbg.png') 0[COLOR="Red"] -3em[/COLOR] no-repeat;
        padding: 0.5em 0.5em 0 0.5em;
        height: 8em;
        margin-bottom: 0;
    }


    Der Zeilenumbruch ist von der Bildschirmauflösung abhängig.

    Der blauer Hintergrund wird in der style.css deines Themes festgelegt.
    Ab Zeile 245:

    Code
    #header {
    	[COLOR="Red"]background-color: #73a0c5;[/COLOR]
    	margin: 0 0 0 1px;
    	padding: 0;
    	height: 200px;
    	width: 758px;
    	}


    Der Rest, ist ein Hintergrundbild das entsprechend bearbeitet werden kann.
    Das wird in der [FONT="Courier New"]header.php[/FONT] festgelegt. das Bild findest du im Themeverzeichnis.

    Code
    <style type="text/css" media="screen">
    #page { background: url("http://thisis.vs120251.hl-users.com/waterblog/wp-content/[COLOR="Red"]themes/default/images/kubrickbgwide.jpg[/COLOR]") repeat-y top; border: none; }
    </style>


    Beim verlinken deines Headers hast du bestimmt etwas falsch gemacht. In der FAQ ist es sehr präzise beschrieben.


    Wenn du dann noch den Code posten könntest ....