stellvertretend...

steff11 · 02.04.2005, 15:35

Zitat:

Zitat von a_v_w

Syntax?

die hätt ich als meine Leib- und Magenschrift gleich erkannt. Nee, ich bin mir ziemlich sicher, dass es die Cronos von Robert Slimbach ist, ersatzweise höchstens noch die Today von Volker Küster. Himmel ist die hübbesch!

Dennoch danke für den Versuch!

steffenk · 02.04.2005, 15:56

Rea und Tagged - vielen Dank für die Stöberlinks. Ist doch sehr interessant, was uns immer als trendy verkauft wird.
Letztendlich sind dann die am besten, die etwas völlig anderes machen und sich einen Teufel um Trends scheren

Ich finde es schwierig, die richtige Mischung zwischen ausgefallen / usability / klarheit
zu schaffen, und die Thematik der Seite spielt ja auch eine grosse Rolle.

Die Farben sollten sich viele Designer mal anschauen - oft sind Farben derart krass gemischt statt harmonisch abgestimmt.

Ich bin gespannt, was sich da letztendlich rauskristallisiert

Rea · 02.04.2005, 17:36

@Tagged: Ups, hätt ich auch selbst draufkommen können!

@ 321: HEEEERzeigen!

@Erlärbär: *re-muhahhaha* Merci für die Erläuterungen. Welcher
'Look' gefällt dir denn nun besser?

Muss mal gucken, ob's das
auch andersrum gibt ...

*meinkleinesfeinesArchivdurchstöber*

@Hoisi: Wieso freut sich ing.o da?

@Levis und St@eff.en : Bitteschön!

Und, gibt's denn nicht noch irgendwelche Trendnews?

321 · 02.04.2005, 19:51

[quote=Rea@ 321: HEEEERzeigen!

[/QUOTE]

Bittää, aber sag nicht Heeer, der iss im Himmel!

Mein HTML-Tester hilft weiter

HTML-Code:

<body bgcolor="#dfffff">
<div align=center>
<span style="color:#993366">BG #dfffff</span><br><br>
<span style="color:#993366">Schrift und Border#993333</span><br><br>

<table border=0 cellpadding=8 cellspacing=1 bgcolor="#993366">
<tr>
<td align=center bgcolor="#669999" width=560><span style="color:#993366">BG #669999</span></td>
</tr><tr>
<td align=center bgcolor="#CCFFFF" width=560 height=120><span style="color:#993366">BG #CCFFFF</span></td>
</tr></table>
<br><br>
<table border=0 cellpadding=8 cellspacing=1 bgcolor="#990033">
<tr>
<td align=center bgcolor="#669999" width=560><span style="color:#990033">BG #669999</span></td>
</tr><tr>
<td align=center bgcolor="#CCFFFF" width=560 height=120><span style="color:#990033">BG #CCFFFF</span></td>
</tr></table>
</div>

HTML-Code:

<body bgcolor="#dfffff">
<div align=center>
<span style="color:#993366; font-weight: bold">BG #dfffff</span><br><br>
<span style="color:#993366; font-weight: bold">Schrift und Border#993333</span>
<br><br>
<table border=0 cellpadding=8 cellspacing=1 bgcolor="#990033">
<tr>
<td align=center bgcolor="#669999" width=560>
<span style="color:#990033; font-weight: bold">BG #669999</span></td>
</tr><tr>
<td align=center bgcolor="#CCFFFF" width=560 height=120>
<span style="color:#990033; font-weight: bold">BG #CCFFFF</span></td>
</tr></table>
</div>

Das Erste gefällt mir besser und die Schrift wird vermutlich Verdana sein.

02.04.2005, 20:01

Zitat:

Zitat von Rea

@Hoisi: Wieso freut sich ing.o da?

bestimmt nicht über frau price...
aber über die desaturateds, da steh ich voll hinter

der allerschärfste trend 2005 ist übrigens wsdb mit der erstellung von webseiten zu beauftragen und dadurch, hip, cool, fetzig und voll auf der höhe der zeit zu sein...

Nele · 02.04.2005, 20:20

Wo der Weltbeste Recht hat, hat er Recht.

Rea · 02.04.2005, 21:19

@321: Japp, sehr im Trend. Jetzt wär's noch interessant, was für
Inhalt reinkommt? Nicht vergessen: wieder herzeigen, gell?

@ing.o und Nele: Ja, wsdb, der Trend schlechthin, über die Urheber
sollen demnächst ja sogar schon Bücher geschrieben werden!

Und die Kunden sollen Schlange stehen ..

Nele, Weltbester in WAS isser denn nun?

steffenk · 02.04.2005, 21:28

Für Farbenauswahl fide ich auch folgende Seite nicht schlecht. Geht aber nur im IE

Code:

<html>
<head>
<title>ColorMatch 5K</title>
<style>
.s{border:inset 1;width:50}
.s2{border:outset 1;width:19;height:19;background-color:#E6E6E6;position:absolute;left:1;top:1}
.t, td{font:11px tahoma;color:#555555}
.link{font:11px tahoma;color:#555555;font-weight:bold}
.hpbw{font:11px tahoma;color:#cc6666;font-weight:bold}
input{font:11px tahoma;color:#555555;background:#E6E6E6}
.t2{font:bold 36px verdana}
</style>
</head>
<script language="JavaScript">
var mover=moveg=moveb=moveh=0;
var hs=new Object();
var rg=new Object();
rg.r=rg.g=rg.b=0;

function click(x,s){
if(x<10){x=10};
if(x>265){x=265}
x-=10;
eval("h"+s+".style").left=x+1;
eval("rg."+s+"="+x);
rg2hs(rg);
ud("0",rg);
sw.style.backgroundColor="rgb("+rg.r+","+rg.g+","+rg.b+")";
dom();
}

function bclick(s){
x=window.event.offsetX+eval("h"+s+".style.pixelLeft-1");
click(x,s);
}

function sc(s){
x=window.event.offsetX;
click(x,s);
}

function movee(s){
eval("move"+s+"=0")
}

function rc(x,m){
if(x>m){
    return m
    }
if(x<0){
    return 0
    }
else

    {return x}
}

function rg2hs(rg){
m=rg.r;
if(rg.g<m){
    m=rg.g
    };

if(rg.b<m){
    m=rg.b
    };

v=rg.r;
if(rg.g>v){
    v=rg.g
    };

if(rg.b>v){
    v=rg.b
    };

value=100*v/255;
delta=v-m;
if(v==0.0){
    hs.s=0
    }
else
    {
    hs.s=100*delta/v
    };
    
if(hs.s==0){
    hs.h=0
    }
else
    {
    if(rg.r==v){
        hs.h=60.0*(rg.g-rg.b)/delta
        }
    else if(rg.g==v){
        hs.h=120.0+60.0*(rg.b-rg.r)/delta
        }
    else if(rg.b=v){
        hs.h=240.0+60.0*(rg.r-rg.g)/delta
        }
    
    if(hs.h<0.0){
        hs.h=hs.h+360.0
        }
        
    }

hs.v=Math.round(value);
hs.h=Math.round(hs.h);
hs.s=Math.round(hs.s);
return(true);
}

function rg2html(z){

return "#"+d2h(z.r)+d2h(z.g)+d2h(z.b);

}

function d2h(d){
hch="0123456789ABCDEF";
a=d%16;
b=(d-a)/16;
return hch.charAt(b)+hch.charAt(a);
}

function c2r(d){
k=window.event.srcElement.style.backgroundColor;
j=(k.substr(4,k.indexOf(")")-4)).split(",");
click(parseInt(j[0])+10,"r");
click(parseInt(j[1])+10,"g");
click(parseInt(j[2])+10,"b");
}

function h2r(hs){
var rg=new Object();

if(hs.s==0){
    rg.r=rg.g=rg.b=Math.round(hs.v*2.55);
    return rg;
    }

hs.s=hs.s/100;
hs.v=hs.v/100;
hs.h/=60;
i=Math.floor(hs.h);
f=hs.h-i;
p=hs.v*(1-hs.s);
q=hs.v*(1-hs.s*f);
t=hs.v*(1-hs.s*(1-f));

switch(i){
    case 0:
        rg.r=hs.v;
        rg.g=t;
        rg.b=p;
    break;

    case 1:
        rg.r=q;
        rg.g=hs.v;
        rg.b=p;
    break;
    
    case 2:
        rg.r=p;
        rg.g=hs.v;
        rg.b=t;
    break;
    
    case 3:
        rg.r=p;
        rg.g=q;
        rg.b=hs.v;
    break;
    
    case 4:
        rg.r=t;
        rg.g=p;
        rg.b=hs.v;
    break;
    
    default:
    rg.r=hs.v;
    rg.g=p;
    rg.b=q;
}
rg.r=Math.round(rg.r*255);
rg.g=Math.round(rg.g*255);
rg.b=Math.round(rg.b*255);
return rg;
}

function ps(x){
document.write('<td><div style="width:53;height:53;background-color:rgb(0,0,0);cursor:hand" class=s id="sw'+x+'" onClick="c2r()" title="Click to promote to primary color"></div></td>');
}

function ph(x){
document.write('<td><div class=t id="hc'+x+'">#000000</div></td>');
}

function ud(x,c){
eval("sw"+x).style.backgroundColor="rgb("+c.r+","+c.g+","+c.b+")";
eval("hc"+x).innerHTML=rg2html(c)
}

function pl(t,c,l){
document.write('<div style="position:absolute;left:30;top:'+t+';background-color:black"><div class=s style="width:276;height:21;background-color:'+c+';filter:alpha(style=1,startx=360,finishx=0);" onMouseDown="move'+l+'=1;sc(\''+l+'\');" onMouseMove="if(move'+l+'==1){sc(\''+l+'\');}"></div><div class=s2 id=h'+l+' onMouseDown="move'+l+'=1;bclick(\''+l+'\');" onMouseUp="movee(\''+l+'\');" onMouseMove="if(move'+l+'==1){bclick(\''+l+'\');}"></div></div>')
}

function dom(){
z=new Object();
y=new Object();
yx=new Object();
y.s=hs.s;
y.h=hs.h;

if(hs.v>70){
    y.v=hs.v-30
    }
else
    {
    y.v=hs.v+30
};

z=h2r(y);
ud("1",z);
if((hs.h>=0)&&(hs.h<30)){
    yx.h=y.h=hs.h+20;
    yx.s=y.s=hs.s;y.v=hs.v;
    
    if(hs.v>70){
        yx.v=hs.v-30
        }
    else
        {
        yx.v=hs.v+30
    }
}

if((hs.h>=30)&&(hs.h<60)){
    yx.h=y.h=hs.h+150;
    y.s=rc(hs.s-30,100);
    y.v=rc(hs.v-20,100);
    yx.s=rc(hs.s-70,100);
    yx.v=rc(hs.v+20,100);
}

if((hs.h>=60)&&(hs.h<180)){
    yx.h=y.h=hs.h-40;
    y.s=yx.s=hs.s;
    y.v=hs.v;

    if(hs.v>70){
        yx.v=hs.v-30    
        }
    else
        {
        yx.v=hs.v+30
        }
}

if((hs.h>=180)&&(hs.h<220)){
    yx.h=hs.h-170;
    y.h=hs.h-160;
    yx.s=y.s=hs.s;
    y.v=hs.v;

    if(hs.v>70){
        yx.v=hs.v-30
        }
    else
        {
        yx.v=hs.v+30
    }
}

if((hs.h>=220)&&(hs.h<300)){
yx.h=y.h=hs.h;
yx.s=y.s=rc(hs.s-60,100);
y.v=hs.v;

    if(hs.v>70){
        yx.v=hs.v-30
        }
    else
        {
        yx.v=hs.v+30
        }
}

if(hs.h>=300){

    if(hs.s>50){
        y.s=yx.s=hs.s-40
        }
    else
        {
        y.s=yx.s=hs.s+40
    }
    
yx.h=y.h=(hs.h+20)%360;
y.v=hs.v;

    if(hs.v>70){
        yx.v=hs.v-30
        }
    else
        {
        yx.v=hs.v+30
    }
}

z=h2r(y);
ud("2",z);
z=h2r(yx);
ud("3",z);
y.h=0;
y.s=0;
y.v=100-hs.v;
z=h2r(y);
ud("4",z);
y.h=0;
y.s=0;
y.v=hs.v;
z=h2r(y);
ud("5",z);
}

function xd(x)
{
 max = 8;
 document.DezHex.Wert.value = "";
 if(x.length > max)
  { document.DezHex.Wert.value = "Zahl zu hoch!"; return; }
 var e = new Array();
 var z = new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
 var d = 0, chk = 0;
 x = x.toUpperCase();

 for(i=0;i<x.length;i++)
  {
   for(j=0;j<=16;j++)
    {
     if(x.substring(i,i+1) == z[j])
      { chk = 1; e[i] = j; }
        }
   if(chk == 0)
    { document.DezHex.Wert.value = "unerlaubte Ziffer!"; return; }
  }
 for(i=0;i<x.length;i++)
   d = d + e[i] * Math.pow(16,x.length-i-1)
 document.DezHex.Wert.value = d;
}

</script>
<body onMouseUp="mover=moveg=moveb=0;" bgcolor=#E6E6E6 leftmargin=30 topmargin=30 class=t>
<div style="width:400">
<span class=t2>ColorMatch 5K</span>
<br>
<br>
This utility will help you select a matching 6-color palette for your website.<br>

Define a single color that you like. Matching colors will be calculated.<br>
Click a color in the palette to promote it to the primary color.
<br>
<br>
<b>
<br>
I like this color:<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

<br>
6-color matching palette:</div>
<script>
pl(170,"red","r");
pl(200,"green","g");
pl(230,"blue","b")
</script>

<div class=s id=sw style="position:absolute;left:316;top:170;height:81;width:82;background-color:black;"></div>
<div style="position:absolute;left:20;top:290;">
<table cellspacing=10 cellpadding=0>
<tr>
<script>
ps(0);
ps(1);
ps(2);
ps(3);
ps(4);
ps(5);
</script>
</tr>
<tr>
<script>
ph(0);
ph(1);
ph(2);
ph(3);
ph(4);
ph(5);


function makebg() {

if (document.all){ 

redbg = document.all['red'].value;
greenbg = document.all['green'].value;
bluebg = document.all['blue'].value;
bggesamt = "rgb("+redbg+","+greenbg+","+bluebg+")";
document.all['bg'].style.background = bggesamt;

}else if (document.getElementById){

redbg = document.getElementById(red).value;
greenbg = document.getElementById(green).value;
bluebg = document.getElementById(blue).value;
bggesamt = rgb(redbg,greenbg,bluebg);
document.getElementById(bg).style.background = bggesamt;
}

}

function makebg2(){
var hex = 0;

if (document.all){ 

hex = document.all['hex'].value;

}else if (document.getElementById){

hex = document.getElementById(hex).value;
}

hex2=new Array(hex.substring(0,2),hex.substring(2,4),hex.substring(4,6));
//mktest = hex.substring(0,2);

for(p=0;p<3;p++){

 var e = new Array();
 var z = new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
 var d = 0;
 hex2[p] = hex2[p].toUpperCase();

 for(i=0;i<2;i++){
     for(j=0;j<=16;j++){
        if(hex2[p].substring(i,i+1) == z[j]){ e[i] = j;};
        
     }

 for(k=0;k<2;k++){ mk1 = e[0]; mk2 = e[1]; }

// hex2[p] = d;
 
}
 
 mk1 = mk1 * Math.pow(16,1);
 mk2 = mk2 * Math.pow(16,0);
 hex2[p] = mk1+mk2;

}

//document.all['test'].value = mk12[p];
 
gesamt = "rgb("+hex2[0]+","+hex2[1]+","+hex2[2]+")";

 if (document.all){ 

document.all['bg2'].style.background = gesamt;

}else if (document.getElementById){

document.getElementById(bg2).style.background = gesamt;
}

}
</script>
</tr>

</table>
<table cellspacing=10 cellpadding=0>
<tr><td class=link>original by <a class=link onFocus=blur(); target=_blank href="http://colormatch.dk">colormatch.dk</a></td></tr>
</table>
<br />
<table border=0 cellspacing=10 cellpadding=0>
<tr><td>RGB:</td><td></td></tr>
<tr><td><b>r</b>ed:</td><td align=center><input size=1 maxlength=3 type=text name=red /></td></tr>
<tr><td><b>g</b>reen:</td><td align=center><input size=1 maxlength=3 type=text name=green /></td></tr>
<tr><td><b>b</b>lue:</td><td align=center><input size=1 maxlength=3 type=text name=blue /></td></tr>

<tr><td></td><td><input onFocus=blur(); type=submit name=bg style="background:rgb(0,0,0); color:white;" value="let's color" onclick="makebg(); c2r()" /></td></tr>
</table>
<table border=0 cellspacing=10 cellpadding=0>
<tr><td></td><td align=center>Hex.</td><td></td></tr>
<tr><td></td><td>#<input size=4 maxlength=6 type=text name=hex /></td><td>Please enter hex. without '#'. Hex. has to have 6 digits!</td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td><input onFocus=blur(); type=submit name=bg2 style="background:rgb(0,0,0); color:white;" value="let's color" onclick="makebg2(); c2r()" /></td><td></td></tr>
</table>
<table cellspacing=10 cellpadding=0>
<tr><td>five other great ones:<br />
#1: <a class=link target=_blank href="http://www.pixy.cz/apps/barvy/index-en.html" onFocus=blur();>www.pixy.cz</a><br />

#2: <a class=link target=_blank href="http://www.ficml.org/jemimap/style/color/wheel.html" onFocus=blur();>www.ficml.org</a><br />
#3: <a class=link target=_blank href="http://www.colorschemer.com/online.html" onFocus=blur();>www.colorschemer.com</a><br />
#4: <a class=link target=_blank href="http://color.twysted.net" onFocus=blur();>color.twysted.net</a> - with sample layout<br />
#5: <a class=link target=_blank href="http://traumwind.de/blog/trw_colormatch.html" onFocus=blur();>http://traumwind.de/blog</a> - cross-browser<br />
<br />

<br />
Seems like this doesn't work on mozilla. Do you know how to fix it? Just <a class=link onFocus=blur(); href="mailto: Martin Knorr <colormatch@knorrpage.de>?subject=I know how to fix it">mail me</a>.<br />
<br />
<br />
do you know more? <a class=link onFocus=blur(); href="mailto: Martin Knorr <newcolormatch@knorrpage.de>?subject=I found a new ColorMatch">mail me</a>, too.<br />
<br />
</td></tr>
</table>
</div>

321 · 02.04.2005, 21:31

Zitat:

Zitat von Rea

@321: Japp, sehr im Trend. Jetzt wär's noch interessant, was für
Inhalt reinkommt? Nicht vergessen: wieder herzeigen, gell?

Webservices ...
an den Texten studier ich immer noch rum.

Ich steh sonst auf konservative Blau- und Grautöne,
aber etwas Verjüngung tut nicht nur meiner Seite gut

Auf diese Farben kam ich selber, befor ich davon las.

ps: Zeig mir Deins und ich zeig Dir meins

Rea · 02.04.2005, 21:39

Zitat:

Auf diese Farben kam ich selber, befor ich davon las.

Das versteht sich von selbst, das macht der gute TP-Einfluss!

Zitat:

Zeig mir Deins und ich zeig Dir meins

Ähm, ja, darauf werde ich bei Gelegenheit zurückkomen, ja?

321 · 02.04.2005, 21:47

Ja gern!

03.04.2005, 13:37

Zitat:

Nele, Weltbester in WAS isser denn nun?

im moment der weltbeste in mit dem laptop auf dem balkon sitzen, kaffee trinken und layouts für sehr nützliche software schrauben

Rea · 03.04.2005, 16:48

Sehr nützliche Software, die 2005 einen völlig neuen Trend setzen wird?

03.04.2005, 19:12

da kannst du aber getrost von ausgehen

Hausmaster · 03.04.2005, 20:11

Zitat:

@Hoisi: Wieso freut sich ing.o da?

seine hp ist genau in den tred farben