Designvorstellung + Frage

Mr_Bond · 13.04.2009

Hallo,

wollte einen Entwurf meines Designs vorstellen (bin neu auf dem Gebiet). Ist für ein Logistikunternehmen (das Logo in der orangefarbenen Box fehlt noch).

Hab dazu auch noch eine Frage: Wie muss ich die Box slicen, wo der Inhalt reinkommt? Die soll sich ja schließlich der Größe des Inhalts bzw. der Textlänge anpassen. Hab da ein kleines Problem mit, auch wegen dem Bild was da noch drin ist. Wenn ich da nämlich zu viel Text reinschreibe, sieht's unschön aus.

Freue mich auf Feedback und Problemlösungen

Herr_D · 13.04.2009

AW: Designvorstellung + Frage

Du hast noch nie ein Layout umgesetzt oder?

Die Farbwahl ist dir gelungen, der graue Hintergrundbalken ist grenzwertig...

Gar nicht sinnig sind die Unmengen an runden "Ecken" und die völlig unnötigen Schlagschatten... ohne den Kram könntest du auf 90% der Grafiken verzichten und ein Fluiddesign mit html/ css gestalten...

Den Inhalt slicest du gar nicht weiter, das setzt du nachher per html/ css um...

cebito · 13.04.2009

AW: Designvorstellung + Frage

Gefällt mir ganz gut, bis auf ein paar Kleinigkeiten (rote Kreise) da siehts komisch aus. Bei deinem Design würd ich die Box nicht anpassen lassen sondern ihr 'ne feste größe geben und dann den übergroßen Inhalt scrollen... bspw. mit JS, und zum Design passenden Pfeilen -> siehe Vorschlag...

Mr_Bond · 13.04.2009

AW: Designvorstellung + Frage

Den Vorschlag mit den Pfeilen zum Scrollen finde ich gut. Ich muss das ganze allerdings mit Joomla umsetzen - muss ich da noch irgendwas beachten oder kann ich das auch da "ganz normal" in der index.php umsetzen?

Bin kein großer JavaScript-Profi, gibt's irgendwo einen passenden "Baustein" / "Code-Schnipsel" dafür?

cebito · 13.04.2009

AW: Designvorstellung + Frage

dafür braucht's nicht viel, ganz normal ins Template einbauen.

Mr_Bond · 13.04.2009

Danke! Dann versuch ich mal, das umzusetzen.

Hallo,

hab's versucht, scheint aber nicht zu funktionieren :uhm:

Hier ist der Head meiner index.php: (der div-container heißt content_)

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>

<jdoc:include type="head" />

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/mytemplate/css/template.css" type="text/css" />

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script type="text/javascript">
var timer;
var i=0;
function scrollup(){
clearTimeout(timer);
d=document.getElementById('content_')
y=d.scrollTop;
if(y<=d.scrollHeight-d.offsetHeight){
y--;
d.scrollTop=y;
timer=setTimeout('scrollup()',20);
}
else{
clearTimeout(timer);
}
}
function scrolldown(){
clearTimeout(timer);
d=document.getElementById('content_')
y=d.scrollTop;
if(y<d.scrollHeight-d.offsetHeight){
y++;
d.scrollTop=y;
timer=setTimeout('scrolldown()',20);
}
else{
clearTimeout(timer);
}
}
function stopscroll(){
clearTimeout(timer);
}
</script>

</head>

content_ sieht so aus:

HTML:

    <div id="content_">
        <jdoc:include type="component" style="xhtml" />
    </div>

Und hier sind die beiden Pfeile:

HTML:

    <div id="arrow-up_">
        <img id="arrow_up" src="<?php echo $this->baseurl ?>/templates/mytemplate/images/arrow_up.png" onmouseover="javascript:scrollup();" onmouseout="javascript:stopscroll();" width="29" height="26" alt=""  />
    </div>
    <div id="arrow-down_">
        <img id="arrow_down" src="<?php echo $this->baseurl ?>/templates/mytemplate/images/arrow_down.png" onmouseover="javascript:scrollup();" onmouseout="javascript:stopscroll();" width="29" height="26" alt="" />
    </div>

Wie gesagt, das ist für Joomla ausgerichtet.

graywolf · 14.04.2009

AW: Designvorstellung + Frage

Vielleicht solltest Du das Template doch von Leuten umsetzen lassen, die das jeden Tag machen, kostet zwar ein paar Eu, wird aber wenigstens sauber. Wenns aber mit der Hilfe der Leute hier klappt, ist es natürlich noch besser für Dich!

cebito · 14.04.2009

AW: Designvorstellung + Frage

Mr_Bond schrieb:
hab's versucht, scheint aber nicht zu funktionieren :uhm:

Kann da jetzt nix entdecken und bei mir funktioniert es... mit deinem kompletten head etc...

m4rsu · 15.04.2009

AW: Designvorstellung + Frage

Ist ganz nett geworden. Die Farben passen gut zusammen und ist nicht zuverspielt

red545 · 12.05.2009

AW: Designvorstellung + Frage

Die Farben find ich super gewähllt... passt echt gut zusammen...

Würde nur auf die runden Kanten im Textbereich und beim Bild verzichten...