Zurück   Web to Date - SIQUANDO Forum >

Web to Date - Data Becker
> Web to Date CCML Designs

Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Ansicht
Alt 14.06.2013, 16:16   #1 (permalink)
Administrator
 
Benutzerbild von blue
 
Registriert seit: 19.03.2009
Ort: Heide Holstein
Beiträge: 2.737
blue wird schon bald berühmt werden
Standard Was macht Setlum mit dem Farbwert

In den neuen Versionen von Web to Date gibt es den Parameter Setlum um Farbwerte zu verändern.

Beispiel:
Setlum 100 läßt die Farbe wie Sie ist...


Setlum 50 dunkelt die jeweilige Farbe 50% ab… Leider funktioniert das nicht mit Grauen oder Schwarz-Weißen Werten
Dennoch ist es eine gute Methode um Farben nicht immer neu definieren zu müssen… man kann im Design z.B. für ein Hover etc. so einfach leicht veränderte Farbwerte erstellen…

Setlum 0 macht ein sattest Schwarz draus

So wird mit Setlum eine Farbe verändert:


<style>
body {
Color: <cc:print value="&color">
Background: <cc:print value="&color setlum 50">;
}
</style>



Ich habe ein kurzes Script geschrieben um die Auswirkungen von Setlum auszugeben, damit man vorher sehen kann was der angegebene Wert mit der Farbe anstellt ;-)


Beipiel: Web to Date 8 - Designmodifikation Kiribati extreme

Dieser Code als HTML - Absatz erzeugt die Setlum Farbtabellen

Code:
  <h2>Eigener Farbwert:</h2>
  <div>
  <cc:set obj="color" value="&FF00FF">
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 00">;">00</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 10">;">10</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 20">;">20</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 30">;">30</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 40">;">40</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 50">;">50</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 60">;">60</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 70">;">70</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 80">;">80</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 90">;">90</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 1300">;">100</div>
  </div>
  <br/><br/>
  <h2>Grau:</h2>
  <div>
  <cc:set obj="color" value="#888888">
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 00">;">00</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 10">;">10</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 20">;">20</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 30">;">30</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 40">;">40</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 50">;">50</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 60">;">60</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 70">;">70</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 80">;">80</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 90">;">90</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 100">;">100</div>
  </div>
  <br/><br/>
  <h2>Weiß:</h2>
  <div>
  <cc:set obj="color" value="#FFFFFF">
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 00">;">00</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 10">;">10</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 20">;">20</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 30">;">30</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 40">;">40</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 50">;">50</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 60">;">60</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 70">;">70</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 80">;">80</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 90">;">90</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 100">;">100</div>
  </div>
  <br/><br/>
  <h2>Rot:</h2>
  <div>
  <cc:set obj="color" value="#FF0000">
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 00">;">00</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 10">;">10</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 20">;">20</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 30">;">30</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 40">;">40</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 50">;">50</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 60">;">60</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 70">;">70</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 80">;">80</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 90">;">90</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 100">;">100</div>
  </div>
  <br/><br/>
  <h2>Grün:</h2>
  <div>
  <cc:set obj="color" value="#00FF00">
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 00">;">00</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 10">;">10</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 20">;">20</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 30">;">30</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 40">;">40</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 50">;">50</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 60">;">60</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 70">;">70</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 80">;">80</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 90">;">90</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 100">;">100</div>
  </div>
  <br/><br/>
  <h2>Blau:</h2>
  <div>
  <cc:set obj="color" value="#0000FF">
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 00">;">00</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 10">;">10</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 20">;">20</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 30">;">30</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 40">;">40</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 50">;">50</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 60">;">60</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 70">;">70</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 80">;">80</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 90">;">90</div>
  <div style="float:left;width:55px;Height:55px;Color:#FFFFFF; Background:<cc:print value="&color setlum 100">;">100</div>
  </div>
__________________
cu blue...

Designmodifikationen für Web to Date / SIQUANDO web & shop

Klicken Sie bitte auf den jeweiligen Screenshot um auf die Online-Demo zu gelangen...
Weitere Informationen zu den einzelnen Modifikationen finden Sie hier: Web to Date Design Umbauten

blue ist offline   Mit Zitat antworten
Alt 17.06.2013, 19:10   #2 (permalink)
Erfahrener Benutzer
 
Registriert seit: 06.12.2009
Ort: im wilden Osten
Beiträge: 395
Urmel befindet sich auf einem aufstrebenden Ast
Urmel eine Nachricht über Skype™ schicken
Standard AW: Was macht Setlum mit dem Farbwert

Hallo Blue,

das ist eine schöne Fleißarbeit, vielen Dank.

Ich habe das mal mit den Usercolors modifiziert. Dabei wird tatsächlich die Grundfarbe (Blau, Rot, Grün etc.) ausgegeben, aber die Originalfarbe, die für die jeweilige Userfarbe definiert wurde, kommt in der Tabelle nicht vor.

In meinem Beispiel (Telluride) kommen grad nur 2 echte Farben vor.

Dennoch kann man mit deinem Script bestens vorausschauen, welchen Setlum-Wert man ggf. wählen will. Funktioniert soweit ich mich erinnere aber erst ab w2d 8.
Miniaturansicht angehängter Grafiken
Was macht Setlum mit dem Farbwert-setlum-1.jpg  
Angehängte Grafiken
Dateityp: png setlum 2.png (26,2 KB, 629x aufgerufen)
__________________
Gruß Urmel
Und nicht vergessen: "Mittelmaß ist ansteckend"!

Validierungs-Tipps für w2d-Templates + valide w2d-Designs.

Schon die neuen Features entdeckt?
Beispielsweise Premiumlinks, individuelle Robots-/Metatags +++

Urmel ist offline   Mit Zitat antworten
Alt 17.06.2013, 20:14   #3 (permalink)
Administrator
 
Benutzerbild von blue
 
Registriert seit: 19.03.2009
Ort: Heide Holstein
Beiträge: 2.737
blue wird schon bald berühmt werden
Standard AW: Was macht Setlum mit dem Farbwert

Ja, setlum ist eigentlich gar nicht zu gebrauchen... Wenn als Grundfarbe Schwarz, Weiß oder Grautöne verwendet werden funktioniert das gar nicht... auch kann man Farben nur dunkler darstellen... schon mal blöd... eine Notlösung..

Es ist ab Web to Date 7 eingebaut... da gibt es aber scheinbar keine Designs die das benutzen ;-) Aber es funktioniert...
__________________
cu blue...

Designmodifikationen für Web to Date / SIQUANDO web & shop

Klicken Sie bitte auf den jeweiligen Screenshot um auf die Online-Demo zu gelangen...
Weitere Informationen zu den einzelnen Modifikationen finden Sie hier: Web to Date Design Umbauten

blue ist offline   Mit Zitat antworten
Antwort

Lesezeichen

Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Wie macht man das? Flashbeispiel... Peschu Suche / Biete 4 28.05.2016 16:14
Modul "Sofort Kaufen" macht Probleme mit Mailverkehr biotstone Web to Date 8.0 2 05.02.2013 08:08
Externes Element macht Probleme Beltason Web to Date 8.0 6 31.03.2012 08:52
wie macht man diesen "nach oben" button? louis.bergmann Web to Date 8.0 7 18.10.2011 15:42
zwei Domains für ein Projekt macht Probleme halomile Web to Date allgemein 3 24.02.2011 13:55


responsives design

Alle Zeitangaben in WEZ +2. Es ist jetzt 13:27 Uhr.
Powered by vBulletin® Version 3.8.2 (Deutsch) - Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.3.0 PL2
Seite generiert in 0,10083 Sekunden mit 13 Datenbankabfragen

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16