3 Anliegen: Persönliche Seite, Shop Maße, Bildmaße im Header

pizko · #1 (**permalink**) 08.04.2008, 17:04

Hallo Leute,

Vielleicht kann mir jemand weiterhelfen, wenn auch nur ein Problem betreffend:

1. Die Bilder von Zuletzt gesehen reißen meine Persönliche Seite auseinander..

Wie kann man das denn in den Griff bekommen? Kann man die der Product Listing nehmen (Die sind kleiner) wenn ja wie einbinden?

2. Mein Shop passt sich nicht dem Bildschirm an! Die Boxes links sind zu gr0ß für zB 15zoll Bildschirme.. Auch die Product info ist zerrissen und verschiebt sich an das untere Ende der Seite..

Wie bekommt man feste bzw. Größen. die sich anpassen, hin? Dress for less als Beispiel sieht an jedem PC und mit jedem Browser gleich aus.

3. Das Bild im Head braucht auch ne Anpassung.. Diese sollte mit dem Bildschirm mitschrumpfen bzw. auch entsprechend dem Bildschirm aussehen..

Einer einen Vorschlag wie man das angehen könnte?

Vielen Dank vorab für Eure Mühe.. Hoffe ich geh hier schlauer raus

rivendarkness · #2 (**permalink**) 08.04.2008, 22:58

Ja...du brauchst ne bildschirmweiche...je nach bildschirmgröße wird ein anderes CSS geladen für den User...sowas ist machbar und hab ich auch in einem Shop eingesetzt...sehr nützlich und hatte mich damals zur verzweiflung gebracht

pizko · #3 (**permalink**) 08.04.2008, 23:48

Ja hört sich wirklich zum Verzweifeln an.

Ist es nur so machbar? Hab was von dynamischem Aufbau via Prozentangaben gelesen.. Was sagst du dazu?

Hier meine Codes:CSS:

Code:

/* wholepage */

div#wholepage {
	padding-top: 12.5em;
}


/* head */

div#head {
	width:98%;
	padding: 10px;
	text-align: right;
	height: 11em;
	background-image: ;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}

* html div#head { /* IE6 hack */
	position: absolute;
}

div#head div#headlogo {
	float: left;
}

Index.html:

Code:

<div id="wholepage"{php}

if(stristr($_SERVER['HTTP_USER_AGENT'], "Gecko"))
	echo ' style="cursor:url(templates/'.CURRENT_TEMPLATE.'/img/mouse.ico),default;"';

{/php}>

	<div id="head">

		<div id="headlogo">
			{php}
				// auto-detect logo type and display logo
				// logo must be logo.gif, logo.jpg or logo.png

				$logoBasePath = "templates/".CURRENT_TEMPLATE."/img/logo.";

				$logoFile = file_exists(DIR_FS_CATALOG.$logoBasePath."png")
								? $logoBasePath."png"
								: (file_exists(DIR_FS_CATALOG.$logoBasePath."jpg")
								? $logoBasePath."jpg"
								: (file_exists(DIR_FS_CATALOG.$logoBasePath."gif")
								? $logoBasePath."gif"
								: $logoBasePath."demo.gif"));
				$size = getimagesize(DIR_FS_CATALOG.$logoFile);
				$this->_tpl_vars['logo']['file'] = $DIR_WS_CATALOG.$logoFile;
				$this->_tpl_vars['logo']['width'] = $size[0];
				$this->_tpl_vars['logo']['height'] = $size[1];
			{/php}

			<a href="{php} echo DIR_WS_CATALOG; {/php}" title="{php} echo TITLE; {/php}"
			><img src="{$logo.file}" width="{$logo.width}" height="{$logo.height}"
				alt="{php} echo TITLE; {/php}" title="{php} echo TITLE; {/php}" /></a>
		</div><!-- id=headlogo -->

rivendarkness · #4 (**permalink**) 09.04.2008, 08:10

ja man kann mit prozentangaben arbeiten. man stösst da aber schnell auf grenzen. problem ist nur, das bilder z.b. banner oben mit einer festen breite sich nicht nach prozenten richten

pizko · #5 (**permalink**) 09.04.2008, 10:33

Ok.. Danke für deine Meinung.. Also muss man für jedes Zoll des Kundenbildschirms eine eigene CSS erstellen? Verstehe ich das richtig? Wieviele sind das in etwa und wo bindet man diese Schleife ein?

Wielange braucht ein geübter Mensch hierfür?

rivendarkness · #6 (**permalink**) 09.04.2008, 10:47

Neee...nicht für jeden zoll...nur für die standartgrößen!
Aber du kannst ja das hier mal testen als beispiel, ggebf. musst du das dir mal noch anpassen, nach deinen scripten:

Code:

<script type="text/javascript">

if (window.screen.width=='600')
{
document.write ('<body bgcolor="#4FB8CB" style="zoom: 55%">')
;}
else if
(window.screen.width=='800')
{
document.write ('<body bgcolor="#4FB8CB" style="zoom: 75%">')
;}
else if
(window.screen.width=='1024')
{
document.write ('<body bgcolor="#4FB8CB" style="zoom: 100%">')
;}
else if
(window.screen.width=='1152')
{
document.write ('<body bgcolor="#4FB8CB" style="zoom: 110%">')
;}
else if
(window.screen.width=='1280')
{
document.write('<body bgcolor="#4FB8CB" style="zoom: 127%">')
;}
else if
(window.screen.width=='1600')
{
document.write('<body bgcolor="#4FB8CB" style="zoom: 155%">')
;}

</script>

pizko · #7 (**permalink**) 09.04.2008, 10:52

Wo muss das rein.. Sorry dass ich so behemmert frage.. index.html im template Ordner?

Muss der Kunde dann Javascript aktiviert haben oder?? Was kriegt er sonst zu sehen? nüscht?

Danke rivendarkness vorab schonmal

rivendarkness · #8 (**permalink**) 09.04.2008, 11:10

ja javascript sollte dann schon aktiviert sein...mit dem script musste mal bissel experimentieren.

der script könnte z.b. in die index.html rein. genau...

mikkel · #9 (**permalink**) 10.04.2008, 10:58

Zitat:

Zitat von rivendarkness

document.write ('<body style="zoom: 55%">')

Funtioniert das auch bei FireFox Besuchern?

rivendarkness · #10 (**permalink**) 10.04.2008, 11:06

wie ich grad sah, höchstwahrscheinlich nicht, das musst du mal testen...man kann aber anstatt des zoom dort einen anderen link für separate stylesheets verwenden. DAS wiederum ist dann auch browserkompatibel. so hab ich das dann damals auch gemacht

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Shop in bestehende Seite integieren?!	Robert Frei	Allgemeine Diskussionen	2	07.10.2005 12:32
Eigene Seite Vor Dem Shop	Pixelizer	Template System	3	29.11.2004 14:15