Header Logo der Monitor auflösung anpassen?

[Shorty1968]

Ja so sehe ich sie auch wenn ich die änderungen mache und ich kann in den css dateien ändern was ich will,es bewegt sich nichts.

[Miriam]

Was genau änderst Du denn? Zeig mal her, was Du hast.
Und spezifiziere bitte auch gleich, was Du GENAU möchtest. Denn irgendwie komme ich mit Deiner Denke nicht zurecht.

Also nochmal:
Schreibe was Du machen / haben willst und den Code, der das bewerkstelligen soll dazu.
Mache am besten ein paar Screenshots und rahme die fraglichen Stellen ein. Zzgl. eines Hinweises, was aus dem entsprechenden Element werden soll.

P.S.: Es hat sich doch schon was geändert: Das Logo wird beim Zoomen nicht mehr links und rechts abgeschnitten.

[Shorty1968]

Ich möchte es schon so wie du es gemacht hast das es mit Zoomt,dazu gehe ich wie folgt vor.

Ich setze meine colours.css in dem bereich .headerbar { in den Orginal Zustand zurück,das sieht dann so aus:

Code: Alles auswählen

.headerbar {
    background-color: transparent;
	/*background-image: url("{T_THEME_PATH}/images/ban.png");*/
	color: transparent;
	
}

dazu gehört auch der wider eintrag des img_site_logo = site_logo.gif*52*139 in die styles/prosilver/imageset/imageset.cfg,dann mache ich deine änderungen und öffne die common.css und suche site-description und ersetze das darunter mit:

Code: Alles auswählen

width: 100%;

dann suche ich nach logo und ersetze das darunter mit:

Code: Alles auswählen

margin: 0px auto;
	padding: 0 20px;

Dann ändere ich meine auflösung um das ergebniss zu Kontroliren , das sieht dann so aus.
[ externes Bild ]
Das Logo sitzt nicht mittig und der abstand lässt sich nicht ändern.

*EDIT*
Ich verstehe es nicht es ist in der css so geändert wie du es gesagt hast.

Code: Alles auswählen

#site-description {
	                           width: 100%;
}

#logo {
        margin: 50px auto;
	padding: 0 50px;
}

aber es wir bei einer kleineren Auflösung nicht verkleinert,was ist Falsch?

[Miriam]

Finde in Deiner styles\prosilver\template\overall_header.html

Code: Alles auswählen

            <div id="site-description">
                <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
                <h1>{SITENAME}</h1>
                <p>{SITE_DESCRIPTION}</p>
                <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
            </div>

tausche aus gegen:

Code: Alles auswählen

            <div id="site-description" style="width: 100%; margin: 0px auto;">
                <img src="./styles/prosilver/imageset/site_logo.gif" alt="" title="" width="100%">
                <h1>{SITENAME}</h1>
                <p>{SITE_DESCRIPTION}</p>
                <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
            </div>

Beachte KB:tippstyles.

[Shorty1968]

Vielen dank nun geht es,nach dem ich diese beiden stellen aukommentiert habe in der css:

Code: Alles auswählen

/*#site-description {
	margin: 50px auto;
	padding: 0 50px;
}*/


/*#logo {
	width: 100%;
}*/

was ich allerdings nicht verstehe warum geht es über css nicht?

[Miriam]

Schau Dir mal die beiden Codes GENAU an.... Am besten ist es wohl, wenn Du Dir den Quellcode Deiner Webseite anschaust, nachdem Du die beiden Codes drin hast (also erst den einen, dann den anderen).

Und ich habe es mit CSS geregelt. Was meinst Du, was das hier ist: style="width: 100%; margin: 0px auto;"
Du hast aber ... wie so oft ... ein kleines Detail übersehen. Das wirst Du aber hoffentlich herausarbeiten und Deine Erkenntnisse hier posten.

Ich freu mich drauf.

[Shorty1968]

werde ich machen und gebe dann hier feedback,aber erst möchte ich das hier fertig machen dabei sind noch ein,zwei Probleme wie z.b. möchte ich die "Suche Box" in der css an der stelle Fixieren so das sie wenn das Fenster kleiner wird immer an der selben stelle stehen bleibt.

Dazu habe ich dem Code:

Code: Alles auswählen

#search-box {
	margin-top: -65px;
	padding-left: 768px;
	color: #FFFFFF;
	position: absolute;
	white-space: nowrap; /* For Opera */
}

position: absolute; hinzugefügt,aber das bewirkt nichts und position: fixed; leider auch nicht ,warum geht das nun wider nict?

Warum gehen in meinen css Dateien einige änderungen und andere nicht,das ist doch normal nicht möglich oder doch?

[Miriam]

Ich weiß es nicht. Nimm Dir ein funkelnagelneues prosilver und ändere es so ab, wie Du es haben möchtest.
Mache nicht zig Änderungen auf einmal; sondern mache eine, checke diese und mache die nächste.

[Shorty1968]

Ok danke werde ich machen,dann wird das heute ein langer abend für mich.

Aber ich lag mit der angabe im css richtig oder?

[Miriam]

...Aber ich lag mit der angabe im css richtig oder?

Das spielte auch eine Rolle, ja.