Wadoku.de Forum
  [Search] Search   [Recent Topics] Recent Topics   [Hottest Topics] Hottest Topics  
[Register] Register /  [Login] Login 
Google-artiger CSS-Stil für Wadoku  RSS feed
Forum Index » wadoku.de
Author Message
system



Joined: 29/12/2009 08:46:05
Messages: 142
Offline

Ich habe mal eben etwas mit der User-CSS-Funktion rumgespielt. Vielleicht gefällt es ja jemandem.

Suchergebnisse:
image

Einzeleintrag:
image

Bei Interesse einfach unter http://www.wadoku.de/wadoku/user/ einfügen und dann "user" auswählen.
#mainright{
 position: absolute;
 top: 2px;
 right: 10px;
}
#langselect{
 display: none;
}
.menu1 {
 display: none;
}
body{
 background:white;
 font-family: arial, sans-serif;
 padding:0;
 margin:0;
}
ul.mainnav{
 display: block;
 text-align: left;
 font-size: small;
}
ul.mainnav,ul.mainnav *{
 list-style:none;
 text-align:left;
 margin: 0;
 margin-left: 8px;
 padding: 0;
 padding-top: 1px;
}
ul.mainnav:before{
 content:'Wadoku';
 font-weight:bold;
}
ul.mainnav li{
 display:inline-block;
}
.resultinfo{
 display:none;
}
.searchtime{
 display:none;
}
#sidepane{
 display: none;
}
.paginginfo{
 display:none;
}
.options{
 display:none;
}
.logo{
 display:none;
}
.buttons{
 display:none;
}
.pagefooter{
 display:none;
}
.umlaut{
 display: none;
}
#smallsearch{
 margin-top: 1px;
 border-top: 1px solid #C9D7F1;
 text-align: center;
}
#hd {
 height: 20px;
 width: 100%;
}
#smallsearch label {
 display: none;
}
#case{
 display: none;
}
button{ 
 border: none !important;
 color: black !important;
}
a .ui-button-text {
 color: #4272DB;
}
span.button {
 background: white;
 border: none;
}
a.button {
 background: white;
 border: none;
}
.aboveresult {
 display: none;
}
.belowresult {
 text-align:center;
}
#resulttab {
 width: 900px;
 margin-right: auto;
 margin-left: auto;
 font-size: large;
}
.searchinfo {
 display: block;
 text-align:center;
 width: 900px;
 margin-right: auto;
 margin-left: auto;
 font-size: small;
}
span#messages {
 display: none;
}
h2[onclick="show('#daijirin');"], #daijirin {
 display: none;
}
h2[onclick="show('#daijisen');"], #daijisen {
 display: none;
}
h2[onclick="show('#wikipediaja');"], #wikipediaja {
 display: none;
}
img[src="/wadoku/img/treeExpanded.png"] {
 display: none;
}
#breadcrumbs {
 background: white;
 color: white;
 border: none;
}
div.ui-widget-content {
 border: none;
}
#tagedit {
 display: none;
}
h2.ui-widget-header {
 display: none;
}
button[title="Eintrag in die Ablage legen."] {
 display: none;
}
button[title="Copy to Clipboard"] {
 display: none;
}
div[style="margin-left:2em;"]  {
 color: white;
}
.resultline.even{
 background-color:#f0f8ff;
}
td a {
 text-decoration: none;
}
#content {
 margin: 10px;
}
#searchinput {
 width: 700px;
 margin-right: auto;
 margin-left: auto;
}
div.showoptions {
 display: none;
}
#searchoptions {
 display: none;
}

.entry .reading,.entry .romaji{font-size:small;height:1.4em}
.entry .reading .b{border-bottom:1px dotted gray}
.entry .reading .t{border-top:1px dotted gray}
.entry .reading .l{border-left:1px dotted gray}
.entry .reading .r{border-right:1px dotted gray}
.entry .romaji .devok{color:gray}
.entry .homophoncount,.entry .homographcount{font-size:x-small;vertical-align:top}
.entry .left{display:inline-block;text-align:center}
.entry .middle{display:inline-block;font-size:x-large;vertical-align:top;}
.entry .right{padding-left:10px;color:gray;display:none}
.entry .uid{font-size:x-small}
.entry .rel,.entry .indexnr {color: #000066}
.entry .top{border-bottom:1px solid #CCC;}
.entry .pos{margin-top:2px;font-family:Verdana,sans-serif;font-size:x-small}
.entry .pos:after{content:']'}
.entry .pos:before{content:'[';}
.entry .bottom{margin-top:5px;margin-bottom:8px;margin-left:10px;font-size:medium}
.entry .senses{margin-top:2px}
.entry .sense:hover{background-color:#f0f8ff;}
.senses .tr{font-family:Verdana,sans-serif}
.sense .def:before{content:'Def.: '}
.sense .latin:before{content:'lat.: ';font-style:italic;color:gray}
.sense .indexnr:before{content:'['}
.sense .indexnr:after{content:']\00a0'}
.sense .season:before{content:'【'}
.sense .season:after{content:'】'}
.sense .title:before{content:'\201e'}
.sense .title:after{content:'\201f'}
.jap:before{content:' ('}
.jap:after{content:')'}
.transcr:before{content:'<'}
.transcr:after{content:'>'}
.genus{display:none;}
,.foreign{font-style:italic;color:gray}
.reflink.syn:before{content:'\21d2\00a0'}
.reflink.anto:before{content:'\21d4\00a0'}
.reflink.main:before{content:'\21d1\00a0'}
.reflink.aread:before{content:'\2192\00a0'}
.reflink:hover,.token:hover{cursor:pointer}
.dom{color:darkgreen;font-style:italic;font-variant:small-caps}
.reg{font-style:italic;color:#483d8b}
.usage{color:maroon;font-style:italic}
.etym,.def{color:gray}
.famn{font-weight:bold;}
.klammer{color:gray}
.emph{font-weight:bold;font-style:italic;}
.reflink {}
Dan


[Avatar]

Joined: 24/05/2006 16:58:45
Messages: 1280
Offline

Hehe, so hab ich mir das vorgestellt
Wenn sich ein paar Stimmen dafür finden, spricht eigentlich nichts dagegen, das mit in die Themenauswahl aufzunehmen.

無知の知
Thomas Latka



Joined: 22/05/2006 23:04:06
Messages: 164
Offline

+1
system



Joined: 29/12/2009 08:46:05
Messages: 142
Offline

Wobei man da vorher wohl noch einige kleine Änderungen vornehmen müsste. Die Sachen zum Anmelden usw. sind momentan unsichtbar und sollten eigentlich nach rechts oben. Die Breite der drei Felder in der Suchliste ist flexibel. Da sollte noch ein fester Wert eingestellt werden, damit es für jede Seite unabhängig von der Länge der Ergebnisse gleich aussieht. Eigentlich würde ich auch gerne etwa die Geschlechtsangaben bei den deutschen Nomen entfernen, nur bleiben dann immer noch ein paar hässliche Leerzeichen übrig.

Wenn das wenn ich mit dem Konvertieren der XML-Daten für das Apple-Wörterbuch fertig bin und sich inzwischen sonst kein Freiwilliger gefunden hat, werde ich da noch einmal drüber schauen.
system



Joined: 29/12/2009 08:46:05
Messages: 142
Offline

Hier mal der selbe Stil aber mit den Farben ein bisschen so wie bei der alten Suche:
image

#mainright{
 position: absolute;
 top: 2px;
 right: 10px;
}
#langselect{
 display: none;
}
body{
 background: #e6e6fa;
 font-family: arial, sans-serif;
 padding:0;
 margin:0;
}
ul.mainnav{
 display: block;
 text-align: left;
 font-size: small;
}
ul.mainnav,ul.mainnav *{
 list-style:none;
 text-align:left;
 margin: 0;
 margin-left: 8px;
 padding: 0;
 padding-top: 1px;
}
ul.mainnav:before{
 content:'Wadoku';
 font-weight:bold;
}
ul.mainnav li{
 display:inline-block;
}
.resultinfo{
 display:none;
}
.searchtime{
 display:none;
}
#sidepane{
 display: none;
}
.paginginfo{
 display:none;
}
.options{
 display:none;
}
.logo{
 display:none;
}
.buttons{
 display:none;
}
.pagefooter{
 display:none;
}
.umlaut{
 display: none;
}
#smallsearch{
 margin-top: 1px;
 border-top: 1px solid #C9D7F1;
 text-align: center;
}
#hd {
 height: 20px;
 width: 100%;
}
#smallsearch label {
 display: none;
}
#case{
 display: none;
}
button{ 
 border: none !important;
 color: black !important;
}
a .ui-button-text {
 color: #4272DB;
}
span.button {
 background: white;
 border: none;
}
a.button {
 background: white;
 border: none;
}
.aboveresult {
 display: none;
}
.belowresult {
 text-align:center;
}
#resulttab {
 width: 900px;
 margin-right: auto;
 margin-left: auto;
 font-size: large;
 border: thin solid black;
 background-color: #eee;
}
.searchinfo {
 display: block;
 text-align:center;
 width: 900px;
 margin-right: auto;
 margin-left: auto;
 font-size: small;
}
span#messages {
 display: none;
}
h2[onclick="show('#daijirin');"], #daijirin {
 display: none;
}
h2[onclick="show('#daijisen');"], #daijisen {
 display: none;
}
h2[onclick="show('#wikipediaja');"], #wikipediaja {
 display: none;
}
img[src="/wadoku/img/treeExpanded.png"] {
 display: none;
}
#breadcrumbs {
 background: white;
 color: white;
 border: none;
}
div.ui-widget-content {
 border: none;
}
#tagedit {
 display: none;
}
h2.ui-widget-header {
 display: none;
}
button[title="Eintrag in die Ablage legen."] {
 display: none;
}
button[title="Copy to Clipboard"] {
 display: none;
}
div[style="margin-left:2em;"]  {
 color: white;
}
.resultline{
 background-color: white;
}
.resultline.even{
 background-color: #fea;
}
td a {
 text-decoration: none;
}
#content {
 margin: 10px;
}
#searchinput {
 width: 700px;
 margin-right: auto;
 margin-left: auto;
}
div.showoptions {
 display: none;
}
#searchoptions {
 display: none;
}
.menu1 {
 display: none;
}

.entry .reading,.entry .romaji{font-size:small;height:1.4em}
.entry .reading .b{border-bottom:1px dotted gray}
.entry .reading .t{border-top:1px dotted gray}
.entry .reading .l{border-left:1px dotted gray}
.entry .reading .r{border-right:1px dotted gray}
.entry .romaji .devok{color:gray}
.entry .homophoncount,.entry .homographcount{font-size:x-small;vertical-align:top}
.entry .left{display:inline-block;text-align:center}
.entry .middle{display:inline-block;font-size:x-large;vertical-align:top;}
.entry .right{padding-left:10px;color:gray;display:none}
.entry .uid{font-size:x-small}
.entry .rel,.entry .indexnr {color: #000066}
.entry .top{border-bottom:1px solid #CCC;}
.entry .pos{margin-top:2px;font-family:Verdana,sans-serif;font-size:x-small}
.entry .pos:after{content:']'}
.entry .pos:before{content:'[';}
.entry .bottom{margin-top:5px;margin-bottom:8px;margin-left:10px;font-size:medium}
.entry .senses{margin-top:2px}
.entry .sense:hover{background-color:#f0f8ff;}
.senses .tr{font-family:Verdana,sans-serif}
.sense .def:before{content:'Def.: '}
.sense .latin:before{content:'lat.: ';font-style:italic;color:gray}
.sense .indexnr:before{content:'['}
.sense .indexnr:after{content:']\00a0'}
.sense .season:before{content:'【'}
.sense .season:after{content:'】'}
.sense .title:before{content:'\201e'}
.sense .title:after{content:'\201f'}
.jap:before{content:' ('}
.jap:after{content:')'}
.transcr:before{content:'<'}
.transcr:after{content:'>'}
.genus{ display: none; }
.foreign{font-style:italic;color:gray}
.reflink.syn:before{content:'\21d2\00a0'}
.reflink.anto:before{content:'\21d4\00a0'}
.reflink.main:before{content:'\21d1\00a0'}
.reflink.aread:before{content:'\2192\00a0'}
.reflink:hover,.token:hover{cursor:pointer}
.dom{color:darkgreen;font-style:italic;font-variant:small-caps}
.reg{font-style:italic;color:#483d8b}
.usage{color:maroon;font-style:italic}
.etym,.def{color:gray}
.famn{font-weight:bold;}
.klammer{color:gray}
.emph{font-weight:bold;font-style:italic;}
.reflink {}
boscowitch



Joined: 23/09/2008 16:03:04
Messages: 231
Location: ケルン
Offline

bin auch für dne google like style, 1+

der mit den alten farben hat zwar einen nostalgie effekt aber is viel schlechter lesbar auserdem gefällt mri nicht das er umbricht vorallem in der ersten spalte.

also ich bin für google style mit vieleicht nohc minimalistischen anmelde feldern ect rechts oben (1px border light colors , dezent gehalten)
Dan


[Avatar]

Joined: 24/05/2006 16:58:45
Messages: 1280
Offline

Ja, der Login sollte weiterhin zugänglich sein.
Das feste Leerzeichen vor den Genusangaben wird demnächst per CSS gesetzt werden, und kann dann einfacher weggelassen werden.

無知の知
system



Joined: 29/12/2009 08:46:05
Messages: 142
Offline

So, der Loginkram sollte bei beiden Stilen jetzt zu sehen sein, außerdem sind die Genusangaben nun unsichtbar.

Dan, könnte man diese Sachen wie ×, △ und so auch irgendwie per CSS auswählbar machen. Ob das jetzt ein Kanji oder eine Lesung auf irgendeiner Behördenliste steht oder nicht, finde ich nicht so wichtig.
Dan


[Avatar]

Joined: 24/05/2006 16:58:45
Messages: 1280
Offline

Die Markierungen zu entfernen ist wohl erstmal nur durch Javascript möglich. Ich bin noch unschlüssig, ob eine andere Auszeichnung sinnvoller ist. Und wenn, kommt das wohl etwas später, da dann auch die Auszeichnung im XML entsprechend geändert werden.

Das CSS werde ich noch etwas bearbeiten und dann mit einbauen. Ein paar Elemente bekommen noch eine ID oder Klasse zugeordnet, um einige eher unschöne Selektoren zu vermeiden

無知の知
Dan


[Avatar]

Joined: 24/05/2006 16:58:45
Messages: 1280
Offline

Einige Gestaltungselemente wurden in die CSS ausgelagert, haben IDs bekommen usw., vielleicht kannst du nochmal drüberschauen.

無知の知
Dan


[Avatar]

Joined: 24/05/2006 16:58:45
Messages: 1280
Offline

Nochmal danke system, das Theme ist jetzt integriert und kann von den Nutzern ausgewählt werden.
Probleme damit bitte melden.

Für anonyme Nutzer geht die Auswahl über den Link http://www.wadoku.de/wadoku/?theme=google
Für das Standardthema: http://www.wadoku.de/wadoku/?theme=default

無知の知
system



Joined: 29/12/2009 08:46:05
Messages: 142
Offline

Was ich mir vielleicht nur wünschen würde, wäre ein großes Wadoku-Logo über der Suchleiste auf der Startseite der Suche, so wie man ja auch das große Google-Logo bei der Googlesuche hat. Mein Browser Safari zeigt mir etwa als Startseite Thumbnails einiger oft besuchter Webseiten an. Die Wadoku-Seite ist da jetzt schwer zu erkennen, weil sie fast komplett weiß ist.

In dem Stil werden ja auch die meisten Links ausgeblendet, weil ich die für relativ nutzlos erhalte, aber schön wäre es etwa, wenn es einen Link auf http://www.alc.co.jp/ bzw http://eow.alc.co.jp/SUCHBEGRIFF-HIER-EINFÜGEN/UTF-8/?ref=sa gäbe, weil die da mit Eijiro so viele schöne Beispielsätze mit englischer Übersetzung haben.
Dan


[Avatar]

Joined: 24/05/2006 16:58:45
Messages: 1280
Offline

Prinzipell ist das möglich, aber ich meine mal gelesen zu haben, das dort keine Direktlinks gewünscht werden. Aber ich mag mich auch irren.

無知の知
boscowitch



Joined: 23/09/2008 16:03:04
Messages: 231
Location: ケルン
Offline

auch noch ne idee für nen link ist vieleicht tatoeba.org,

http://tatoeba.org/deu/sentences/search?query=%E6%BC%A2%E5%AD%97&from=jpn&to=deu

oder nur

http://tatoeba.org/deu/sentences/search?query=%E6%BC%A2%E5%AD%97&from=jpn

für alle sprachen

man muss nur bei query=... codiert das suchwort einfügen

über die quallität von tatoeba kann ich nichts sagen habs bis jetzt nur ein paar mal getestet, aber das projekt scheint stark zu wachsen und die daten sind auch alle recht frei lizensiert (gibts auch als cvs als download)
Dan


[Avatar]

Joined: 24/05/2006 16:58:45
Messages: 1280
Offline

Scheint mir erstmal keinen direkten Link zu rechtfertigen, da es weniger Wörterbuch als Beispielsammlung ist.

無知の知
 
Forum Index » wadoku.de
Go to: