Seite 2 von 4
Re: Header Logo der Monitor auflösung anpassen?
Verfasst: 22.12.2012 00:51
von Miriam
Check das mal aus und verändere die Fenstergröße ->
Klick
Re: Header Logo der Monitor auflösung anpassen?
Verfasst: 22.12.2012 00:57
von Shorty1968
Hallo Miriam
Ich habe es eingebaut und meine Fenster Grössen auf 1280x1024 und auf 1024x768 gestellt,bei 1280x1024 scheint es zu Passen und bei 1024x768 ist es immer noch zu gross und steht rechts und links über.
Re: Header Logo der Monitor auflösung anpassen?
Verfasst: 22.12.2012 01:03
von Miriam
Dann schau Dir mal deinen Code genau an. Vergleiche den mit dem von mir vorgeschlagenen Code.
Arbeite die Unterschiede heraus und melde Dich dann nochmal (also mit greifbaren Ergebnissen deinerseits).
Re: Header Logo der Monitor auflösung anpassen?
Verfasst: 22.12.2012 01:08
von Shorty1968
mmmmhhh ich bin nun etwas verwirrt,welchen Code dein Link war mein Logo?
Re: Header Logo der Monitor auflösung anpassen?
Verfasst: 22.12.2012 01:18
von Miriam
Was hast Du denn eingebaut gehabt?
Hast Du denn bemerkt, daß Dein Logo "mitzoomt", wenn Du die Fenstergröße der von mir verlinkten Seite änderst? Werf doch mal einen Blick in den Code der Seite.
Re: Header Logo der Monitor auflösung anpassen?
Verfasst: 22.12.2012 01:32
von Mahony
Hallo
Was sollen denn diese Hilfskrücken.
Mach das Bild kleiner (in den Abmessungen) und gib ihm 100%
Beispiel
Code: Alles auswählen
<div><img src="quelle.jpg" style="width: 100%;" /></div>
Das skaliert jeder Browser vernünftig und es gibt keine Probleme bei deaktiviertem Javascript.
Grüße: Mahony
Re: Header Logo der Monitor auflösung anpassen?
Verfasst: 22.12.2012 01:36
von Shorty1968
@Miriam
Das hatte ich mir gedacht und habe mir den Quellcode angeschaut und so wie ich den Interpretiere,habe ich es wie folgt angewendet.
Der Orginal Code aus der overall_header.html sieht so aus:
<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>
So wie ich das sehe steht in deinem Code das
header_div für
site-description aus dem Orginal ,das muss ich dann in der
styles/prosilver/theme/common.css suchen und den Code darunter mit:
Ersetzen und dann,verstehe ich das
header_img als das
logo aus dem Orginal, das muss ich dann in der
styles/prosilver/theme/common.css suchen und den Code darunter mit:
Ersetzen
So habe ich es verstanden und versucht,da ist das Logo nicht mit gezoomt.
@Mahony
Wenn ich das von Miriam Vorgeschlagene hinbekomme finde ich die Lösung besser.
Re: Header Logo der Monitor auflösung anpassen?
Verfasst: 22.12.2012 02:03
von Miriam
Bring doch erst mal Deine CSS Dateien in Ordnung: Du hast doch auch noch eine Class
headerbar definiert, die so aussieht ->
Code: Alles auswählen
.headerbar {
background-image: url("./styles/prosilver/theme/images/ban.png");
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
color: transparent;
margin-top: -50px;
}
Re: Header Logo der Monitor auflösung anpassen?
Verfasst: 22.12.2012 02:25
von Shorty1968
Mit in Ordnung meinst du in den orginal Zustand denke ich?
Dann gehe ich mal davon aus das meine Denk und Vorgehens weisse nicht richtig war,ich habe es auch eben noch mal in der common.css und colours.css bei headerbar versucht da Zoomt es auch nicht.
*EDIT*
Ich habe die css Dateien bei mir zurück gesetzt deine änderungen gemacht dann zieht es das Logo und die headerbar nach rechts.
Re: Header Logo der Monitor auflösung anpassen?
Verfasst: 22.12.2012 10:05
von Miriam
Und so sieht Miriam die Welt ->
Guckst Du.