Default-Userstylesheet |
20.07.2004 21:01 Uhr |
|
Thomas Scholz
   
Perplexifikator

Beiträge: 285
Wohnort: Halle Saale Opera: Immer die letzte finale Version OS: OpenSuse 11.1, Win XP Pro I-Net: DSL 6000
 |
|
Welche eigenen Stylesheetregeln habt ihr immer oder fast immer eingeschaltet?
Ich habe ein Default-Userstylesheet, das beinahe immer an ist. Hier mal in voller Länge:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
|
@charset "utf-8";
/**
* Name: Default User Stylesheet
* Author: Thomas Scholz
* Made 04.06.2003
* Last modified: 20.07.2004
* Tabs: 8/8
*/
/* === Allgemeines === */
@media screen {
/* Für den Druck habe ich ein eigenes Stylesheet. */
body {
background: #ddd;
}
}
* {
background-attachment: scroll !important;
letter-spacing: normal !important;
}
body {
/* Meine Lieblingsschrift.
Freier Download unter: http://www.gnome.org/fonts/
*/
font-family: Bitstream Vera Sans;
color: #000;
}
[bgcolor="#ffffff"] {
background: #ddd !important;
}
html, body, #content, #inhalt, #text,
p, p *, li, dd, dd *, dt, dt *,
blockquote, blockquote *, td {
font-size: 16px !important;
line-height: 1.35 !important;
}
omf|p, omf|p * {
/* Damit mir das beim E-Mail-Lesen nicht dazwischenfunkt. */
font-size: 15px !important;
}
p, li, dd, blockquote {
max-width: 35em !important;
font-style: normal !important;
}
p, li, dd, font, blockquote, div,
center, [align="center"],
[align="justify"] {
text-align: left !important;
}
[align="right"] {
/* Die vorige Regel erzeugt massive Probleme bei Tabellen
mit dieser Attribut-Wert-Kombination. Deshalb der Fix. */
float: right !important;
}
p, p *, li, dt, dd, blockquote,
h1, h2, h3, h4, h5, h6, td, th,
pre, address, textarea,
input[type="text"],
input[type="password"] {
cursor: text !important;
}
h1[id]:hover:after, h2[id]:hover:after, h3[id]:hover:after,
h4[id]:hover:after, h5[id]:hover:after, h6[id]:hover:after {
/* Findet interne Links, falls ich mal auf
einen Abschnitt in einer Seite linken will.
*/
content: " #" attr(id);
font: bold 14px/1 "Bitstream Vera Sans Mono";
}
cite {
/* Das war mal »small-caps«, aber zuviele Amatuere benutzen
cite für Zitate. :-(
*/
font-family: "Bitstream Vera Sans Mono";
}
nobr, *[nowrap] {
white-space: normal !important;
}
/* === Links === */
a {
font-size: 1em !important;
line-height: 1.35;
}
a[href] {
text-decoration: underline;
}
:link, :visited {
text-decoration: underline;
}
a[href]:hover, a[href]:hover * {
text-decoration: none;
cursor: pointer !important;
}
a[href]:hover img {
/* Verlinkte Bilder. */
outline: 1px solid #909;
}
a[href]:focus {
color: #090;
background: #f5f5f5;
text-decoration: none;
}
a[href]:active {
color: #f00;
background: #fff;
text-decoration: none;
}
[target="_blank"]:after {
content: " \2750" !important;
}
a[target="_blank"] img {
outline: 3px double #900 !important;
}
/* === Bilder === */
img {
/* Ich surfe meistens nur mit Bildern aus dem Cache. */
color: inherit;
background: inherit;
font-size: 1em;
width: auto;
height: auto;
cursor: crosshair !important;
overflow: visible;
/* Das hilft leider nicht. :( */
white-space: normal !important;
}
img[alt="Weiter"] {
/* Spart einen Request. */
content: "Weiter" !important;
}
img[alt="löschen"] {
content: "[×]" !important;
}
/* Manche Leute verhalten sich im ALt-Text wie auf'm Klo. :( */
img[alt="bullet"], img[alt="punkt"],
img[alt="listenpunkt"], img[alt="dot"] {
content: "•" !important;
}
img[alt="faq"],
img[alt="häufig gestellte fragen"],
img[alt="frequently asked questions"] {
content: "FAQ" !important;
}
[alt="space"], [alt="spacer"], [alt="0.gif"] {
display: none !important;
}
/* === Tabellen === */
table, tr, td {
/* Kein »!important« für die Schrift.
Zahlentabellen dürfen ruhig etwas
kleiner sein.
*/
font-size: 16px;
width: auto !important;
height: auto !important;
table-layout: auto !important;
vertical-align: top;
}
/* === Code === */
pre {
font: 15px/1.1 "Bitstream Vera Sans Mono" !important;
/* Nein, ich finde Code mit Scrollbalken drumherum
absolut nicht benutzerfreundlich.
*/
min-height: none !important;
max-height: none !important;
height: auto !important;
min-width: none !important;
max-width: none !important;
width: auto !important;
}
code, .code {
font-family: "Bitstream Vera Sans Mono" !important;
}
code, pre {
/* Repariert einen Bug, bei dem Opera manchmal
ein helles Grau für CODE und PRE nimmt.
*/
color: inherit;
background: inherit;
}
/* === Formulare === */
form[target] {
/* Wenn das Absenden eines Formulares eine neue Seite erzeugt. */
outline: 2px dashed #c00;
}
input {
height: auto !important;
width: auto !important;
}
input, select, option {
font: 14px/1.3 "Bitstream Vera Sans" !important;
}
input[type="submit"], input[type="text"], textarea {
border: 0 none !important;
}
input[type="image"] {
/* Wenn kein Alternativtext da ist. Wird weiter unten überschrieben. */
content: " Go! " !important;
/* Erzeugt den ganz normalen Button aus dem aktuellen Skin. :) */
background: -o-skin("Push Default Button Skin") !important;
width: auto !important;
height: auto !important;
min-width: 2em !important;
padding: 2px 8px !important;
/* Komischerweise hilft das einigen Überschneidungsproblemen ab.
Da muß ich eines Tages nochmal hinterherrecherchieren...
*/
display: inline-block;
}
input[type="image"][alt] {
/* Wenn ein Alternativtext da ist, ersetzt er das »Go!« */
content: " " attr(alt) " " !important;
}
input[type="image"][alt=""] {
/* Wenn das Alt-Attribut zwar da aber leer ist, wie bei GMX,
brauche ich das »Go!« wieder.
*/
content: " Go! " !important;
}
input[type="text"], input[type="password"] {
min-width: 8em !important;
}
label:hover {
cursor: pointer !important;
outline: 1px dotted invert !important;
}
textarea {
min-width: 30em !important;
min-height: 18em !important;
font: 14px/1.3 "Bitstream Vera Sans Mono" !important;
}
/* === Vermischtes === */
marquee {
/* Haltet ihn, haltet ihn an! */
display: table-row !important;
}
wbr:after {
/* <wbr> ist ein proprietäres Element, das einen
optionalen Trennstrich erzeugen soll.
U-00AD ist das richtige Zeichen dafür.
*/
content: "\00AD";
}
blink, u {
/* Blinken und linklose Unterstreichungen
brauche ich nicht.
*/
text-decoration: none !important;
}
blink {
font-weight: bold !important;
}
u, em, i {
font-style: italic !important;
}
small {
font-size: .9em !important;
}
small * {
/* Ich habe schon <small><small></small></small> gesehen... */
font-size: 1em !important;
}
/* === Meine Panels === */
#panel a[href], #panel li a[href] {
font-size: 13px !important;
}
|
|
Eure Vorschläge? Ergänzungen?
___________________ Opera-Userstylesheet »Dark«
|
|
|
www
Beiträge suchen
| |
24.07.2004 23:41 Uhr |
|
Axel unregistriert
 |
|
|
Vielen Dank, Thomas, daß Du Dein Standard-Stylesheet zur Verfügung gestellt hast. Ich habe es eben erst bei mir eingerichtet und nur kurz getestet. Der Unterschied ist gewaltig. Als erstes fällt mir auf, daß auch Du das Schriftgrößenproblem nicht mit einem Schlag in den Griff bekommst. Auf einigen Seiten sieht es gut aus, auf anderen wird die Schrift aber kleiner, vor allem wenn man in den Benutzermodus wechselt. Auffällig sind die Seiten von gmx: da kommt es in den Menüs zum Crash (bei mir aber auch). Und die FAZ sieht ziemlich heftig aus.
Mein Ansatz ist etwas anders, wobei ich vielleicht dazu sagen sollte, daß ich sehr häufig in den Benutzermodus wechsle (beim Lesen immer). In der immer gültigen css lege ich lediglich die genau Linkdarstellung fest, außerdem ersetze ich ein paar Bilder mit den alt-Texten. In der fast immer aktivierten css lege ich Blocksatz, eine Vergrößerung der Schrift und die automatische Breite von Tabellen fest, neuerdings (danke noch mal) spreche ich dort auch Eigentümlichkeiten der von mir häufig besuchten Seiten an. Mindestschriftgröße (siehe oben), Hintergrundfarbe (natürlich grau, erreiche ich bei mir mit Transparenz oder zwangsläufig mit dem Wechsel in den Benutzermodus), Ausschalten von Tabellen, Numerierungen (für Absätze), Schriftfarbe (manchmal muß man "black & normal" erzwingen) schalte ich nach Bedarf dazu.
Meine Stylesheets sind sicher noch verbesserungs- und ausbaufähig, Deine Anleitung ist eine große Hilfe. Vielen Dank für Deine Mühe. Ich werde sie in Ruhe studieren, und ich habe schon einige Sachen entdeckt, die ich auch so sehe und übernehmen werde.
A.
ps verlinkte Bilder regle ich übrigens so:
a[target="_blank"] img:hover, a[target="_new"] img:hover {
border: thin solid #C00 !important;
}
a:visited[target="_blank"] img:hover, a:visited[target="_new"] img:hover {
border: thin solid #69C !important;
}
nett für google finde ich:
.g:before {
counter-increment: par;
content: counter(par) " ";
color : gray;
}
|
|
|
25.07.2004 07:55 Uhr |
|
wrtlprnft
   
Opera - was sonst?

Beiträge: 443
Wohnort: Winnipeg, MB, ca Opera: 8.50 Skin: She (modifiziert) OS: Linux, extrem selten Windows I-Net: Kabel 2000/256KBit
 |
|
Mit Styles wie "Textbrowser emulieren" und ähnlichen kann man eich nicht viel anfangen.
Was ich regelmäßig nutze ist - Schwarz auf Weiß
- Weiß auf schwarz
- Bilder ohne Links ausblenden (Zum Drucken sinnvoll)
- Elemente kennzeichnen (Da sieht man, was so mancher "Webdesigner" für einen Schmarrn zusammenschreibt)
Wenn die Seiten unbenutzbar werden ist das nicht Operas Schuld, sondern die desjenigen, der sie geschrieben hat...
Bei diesen Forumsseiten funktionieren alle genannten Styles, bei welchen, die zu 90% aus Bildern bestehen, natürlich weniger.
___________________ Opera 8.50 Final unter Linux (Gentoo Linux, KDE 3.5_rc1, Kernel 2.6.14).
Dieser Beitrag wurde 1× geändert; zuletzt - 25.07.2004, 07:56 Uhr - von wrtlprnft.
|
|
|
www
Beiträge suchen
| |
25.07.2004 12:20 Uhr |
|
Thomas Scholz
   
Perplexifikator
Themenstarter

Beiträge: 285
Wohnort: Halle Saale Opera: Immer die letzte finale Version OS: OpenSuse 11.1, Win XP Pro I-Net: DSL 6000
 |
|
| Zitat: | Original von Axel
Als erstes fällt mir auf, daß auch Du das Schriftgrößenproblem nicht mit einem Schlag in den Griff bekommst. Auf einigen Seiten sieht es gut aus, auf anderen wird die Schrift aber kleiner, vor allem wenn man in den Benutzermodus wechselt. |
Um die Schriftgrößen ganz sicher durchzusetzen, müßte ich alle Elemente ansprechen. Vor allem DIV aber wird oft für große Kopfzeilen und Ähnliches eingesetzt … da könnte sowas auch nach hinten losgehen. Nutzerseitig ist das nicht mit CSS allein zu regeln, solange es kein »min-font-size« gibt.
| Zitat: | Auffällig sind die Seiten von gmx: da kommt es in den Menüs zum Crash (bei mir aber auch). Und die FAZ sieht ziemlich heftig aus. |
Crash? Eigentlich nicht. Für GMX habe ich aber in der »Spezial-sites.css« noch ein paar Einträge:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
|
/* === GMX === */
img[src="http://image.gmx.net/images/de/icons/de/weiter.gif"] {
content: "Weiter";
}
#content-start {
width: auto !important;
}
#nav-sub, #nav-sub *, #gmx div.content, #gmx #grid-saver, #gmx #grid {
height: auto !important;
}
#gmx, #gmx * {
height: auto !important;
line-height: 1.3 !important;
}
#gmx {
max-width: 1000px !important;/*
background: #ddd !important; */
}
[src="http://www.gmx.net/static/images/common/icon-login.gif"],
[src="http://www.gmx.net/static/images/common/logo-ui.gif"],
[src="http://www.gmx.net/static/images/common/logo-gmx.gif"],
[src="http://images.gmx.net/images/gmx/common/nav/top/product.gif"],
[src="http://images.gmx.net/images/gmx/common/nav/top/topic.gif"],
[src="http://images.gmx.net/images/gmx/common/nav/top/shopping.gif"],
[alt="Hier klicken!"],
div.ui
{
display: none;
} |
|
Noch nicht sehr ausgereift, wie man leicht sieht…
| Zitat: | In der fast immer aktivierten css lege ich Blocksatz |
Verstehe ich dich richtig: Du willst Blocksatz? Das sieht doch fast immer grauenhaft aus!
| Zitat: | nett für google finde ich:
.g:before {
counter-increment: par;
content: counter(par) " ";
color : gray;
} |
Ha! Mein »Google-Counter«:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
|
/* GoogleCounter - Normale Suche und Verzeichnis http://google.com
* ------------------------------------------------------------------- */
div p.g, div p.g a {
font-size: 13px !important;
line-height: 1.4 !important;
font-family: "Bitstream Vera Sans" !important;
max-width: none !important;
}
div>p.g:before {
content: counter(google) !important;
counter-increment: google !important;
padding: 0 3px !important;
margin-right: 3px !important;
background: #fed !important;
color: #040 !important;
outline: 1px solid #040 !important;
}
/* Hier die genauen Adressen der Seiten eintragen,
die man hervorheben möchte: */
div>p.g a[href="http://scholz-webdesign.de/"] {
color: #070 !important;
background: #fff !important;
font-weight: bold !important;
} |
|
@ wrtlprnft
Statt Operas Textbrowser-Emulation kannst ja mal mein Textbrowser-Userstylesheet ausprobieren. Damit kann man tatsächlich surfen!
Gruß
Thomas
___________________ Opera-Userstylesheet »Dark«
|
|
|
www
Beiträge suchen
| |
25.07.2004 13:54 Uhr |
|
Axel unregistriert
 |
|
|
Dein google-counter ist natürlich viel schöner, Thomas (dafür bin ich jetzt endlich das Lila für besuchte links losgeworden, ohne das pauschal für alle besuchten links ändern zu müssen). An gmx werde ich nicht weiter herumfriemeln: da bin ich nur, wenn die "blacklist" erweitert werden muß oder so.
Der Blocksatz (meistens in Verbindung mit TABLE {width:auto !important; table-layout:auto !important;}) ist natürlich nicht immer angeschaltet, bei längeren Artikeln finde ich das aber - wie in Zeitungen und Büchern auch - sehr angenehm (der Blocksatz kann bei links nerven, dafür ist mir bisher keine Lösung eingefallen, konnte es nur in ausgesuchten Menüs ändern). Ich habe mit meinen Stylsheets dafür gesorgt, daß Texte auf Abruf immer in der gleichen Weise dargestellt werden können. Opera ermöglicht hier einen Lesekomfort, den ich schon seit Jahren nicht mehr missen möchte, und für mich ist das (und die Tatsache, daß man alle Leisten wegschalten kann: ich will nicht den Brauser sehen, sondern die Webseite) der Hauptgrund, Opera zu benutzen. (Bitstream Vera Sans halte ich auch für die beste Schrift für Linux. Leider finde ich die Schriftdarstellung insgesamt bei Windows viel besser, so daß ich Linux vorerst zum Teufel geschickt habe. Den Kompromiß kann und will ich nicht eingehen - mir ist das auf Dauer zu anstrengend.) Die Schriftgröße habe ich insgesamt im Griff. Wenn die eine css nicht funktioniert, greift aber immer die css Mindestschriftgröße, die auch von Dir ist (das liegt wohl an den Definitionen von font-size [em bzw. px] und/oder "font-size-adjust" wirkungslos. Hier im Forum ist das zum Beispiel so).
Sehr hübsch finde ich das:
[bgcolor="#ffffff"] {
background:#ddd!important;}
Hier funktioniert "background: transparent !important" komischerweise nicht, so daß ich #f0f0f0 (mein "Tagsüber-Grau") setzen mußte.
Das klingt interessant, hast Du dafür mal ein Beispiel?
h1[id]:hover:after, h2[id]:hover:after, h3[id]:hover:after,
h4[id]:hover:after, h5[id]:hover:after, h6[id]:hover:after {
/* Findet interne Links, falls ich mal auf
einen Abschnitt in einer Seite linken will.
*/
content:" #" attr(id);
font:bold 14px/1 "Bitstream Vera Sans Mono";
}
Die Anweisung für "marquee" war mir bekannt, ist mir aber noch nie begegnet.
Sehr willkommen ist der Hinweis für "blink, u".
A.
|
|
|
26.07.2004 00:41 Uhr |
|
Thomas Scholz
   
Perplexifikator
Themenstarter

Beiträge: 285
Wohnort: Halle Saale Opera: Immer die letzte finale Version OS: OpenSuse 11.1, Win XP Pro I-Net: DSL 6000
 |
|
| Zitat: | Original von Axel
Der Blocksatz (meistens in Verbindung mit TABLE {width:auto !important; table-layout:auto !important;}) ist natürlich nicht immer angeschaltet, bei längeren Artikeln finde ich das aber - wie in Zeitungen und Büchern auch - sehr angenehm
|
Naja, da auf Webseiten kein ordentlicher Zeilenumbruch hergestellt werden kann, entstehen durch Blocksatz oft ziemlich eklige Lücken zwischen den Wörtern. Ich finde das grauenhaft; aber jeder nach seiner Fasson.
| Zitat: | Wenn die eine css nicht funktioniert, greift aber immer die css Mindestschriftgröße, die auch von Dir ist (das liegt wohl an den Definitionen von font-size [em bzw. px] und/oder "font-size-adjust" wirkungslos. Hier im Forum ist das zum Beispiel so). |
Fürs Forum habe ich — Karsten möge mir verzeihen — ein paar spezifische Manipulationen eingebaut:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
|
/* Opera-Info.de - Forum
--------------------------------------------------- */
.inposttable, .tableoutborder div[style] {
height: auto !important;
width: auto !important;
overflow: visible !important;
table-layout: auto !important;
}
.tableoutborder a:link {
color: #009 !important;
}
.tableoutborder a:visited {
color: #900 !important;
}
.tableoutborder {
margin: -10px !important;
}
.tableoutborder .tableb, .tableoutborder .tablea {
border: 1px solid #789 !important;
}
/* Blockquote-Ersatz... */
.inposttable {
padding-left: 20px !important;
border-left: 4px solid #049 !important;
}
.tableoutborder table td {
font: 15px/1.35 "Bitstream Vera Sans" !important;
}
td.normalfont {
border: 1px solid #888 !important;
padding: 10px 10% !important;
}
[src="http://opera-info.de/forum/images/oif_kmt_logo.gif"],
[src="http://opera-info.de/forum/images/icons/icon16.gif"],
[src="http://opera-info.de/forum/images/icons/icon3.gif"],
[src="http://opera-info.de/forum/images/icons/icon17.gif"],
[src="http://opera-info.de/forum/images/icons/icon14.gif"],
[src="http://opera-info.de/forum/images/icons/icon4.gif"],
[src="http://web.icq.com/whitepages/online?icq=326147471&img=5"],
[src="http://opera-info.de/forum/images/firstnew.gif"],
[src="http://opera-info.de/forum/images/thumbs_up.gif"],
[src="http://opera-info.de/forum/images/lastpost.gif"],
[src="http://opera-info.de/forum/images/goup.gif"]
{
display: none !important;
}
/* Leiste ganz oben */
[src="http://opera-info.de/forum/images/top_usercp.gif"] {
content: "Profil" !important;}
[src="http://opera-info.de/forum/images/top_pms.gif"] {
content: "PN-Box" !important;}
[src="http://opera-info.de/forum/images/top_calendar.gif"] {
content: "Kalender" !important;}
[src="http://opera-info.de/forum/images/top_members.gif"] {
content: "Mitglieder" !important;}
[src="http://opera-info.de/forum/images/top_team.gif"] {
content: "Team" !important;}
[src="http://opera-info.de/forum/images/top_search.gif"] {
content: "Suchen" !important;}
[src="http://opera-info.de/forum/images/top_faq.gif"] {
content: "FAQ" !important;}
[src="http://opera-info.de/forum/images/top_start.gif"] {
content: "Start" !important;}
[src="http://opera-info.de/forum/images/paperclip.gif"] {
content: "(Anhang)" !important;}
[src="http://opera-info.de/forum/images/report.gif"] {
content: "Melden" !important;}
[src="http://opera-info.de/forum/images/newthread.gif"] {
content: "Neues Thema" !important;}
[src="http://opera-info.de/forum/images/reply.gif"],
[src="http://opera-info.de/forum/images/replypost.gif"] {
content: "Antwort" !important;}
[src="http://opera-info.de/forum/images/editpost.gif"] {
content: "Edit" !important;}
[src="http://opera-info.de/forum/images/quote.gif"] {
content: "Zitieren" !important;}
[src="http://opera-info.de/forum/images/www.gif"] {
content: "WWW" !important;}
[src="http://opera-info.de/forum/images/homie.gif"] {
content: "Buddy" !important;}
[src="http://opera-info.de/forum/images/search.gif"] {
content: "Autorenbeiträge suchen" !important;}
[src="http://opera-info.de/forum/images/email.gif"] {
content: "@@" !important;}
[src="http://opera-info.de/forum/images/off.gif"],
[src="http://opera-info.de/forum/images/folder.gif"],
[src="http://opera-info.de/forum/images/hotfolder.gif"],
[src="http://opera-info.de/forum/images/dotfolder.gif"] {
content: "=" !important;}
[src="http://opera-info.de/forum/images/on.gif"],
[src="http://opera-info.de/forum/images/newfolder.gif"],
[src="http://opera-info.de/forum/images/newhotfolder.gif"],
[src="http://opera-info.de/forum/images/dotnewfolder.gif"]
{
content: "!" !important;
color: #a00;
background: #ff9;
padding: 0 4px;
border: 1px solid #a00;}
|
|
Der übliche Caveat: Ist noch in Arbeit und hat ein paar Macken…
| Zitat: | Sehr hübsch finde ich das:
[bgcolor="#ffffff"] {
background:#ddd!important;}
Hier funktioniert "background: transparent !important" komischerweise nicht, so daß ich #f0f0f0 (mein "Tagsüber-Grau") setzen mußte.
|
Hast du per Stylesheet denn eine Hintergrundfarbe für das Element HTML gesetzt?
| Zitat: | Das klingt interessant, hast Du dafür mal ein Beispiel?
h1[id]:hover:after [...] |
Hilft zumeist in Blogs und so. Ein akutes Beispiel fällt mir gerade nicht ein. Irgendwann baue ich da noch was für die Seiten ein, die auf ihre Überschriften mit <a name="name"> verlinken. Aber da lauern noch ein paar Fallen.
Gruß
Thomas
___________________ Opera-Userstylesheet »Dark«
|
|
|
www
Beiträge suchen
| |
26.07.2004 13:30 Uhr |
|
Axel unregistriert
 |
|
|
Vielen Dank für das weitere Stylesheet, Thomas. Das für gmx ist allerdings fast wirkungslos. Die haben letztens ihr Design geändert, hast Du das schon berücksichtigt? Bei der css für das Forum gefallen mir einige Sachen sehr, die ich auch übernehmen werde. Zusätzlich habe ich das:
div[id="oif-menu"] {
display:none!important
}
Außerdem blende ich hier unverlinkte Bilder aus. Piktogramme, Selbstbildnisse und Sternchen brauche ich nicht. Wenn einer nicht "danke" sagen kann, dann steht da eben auch nicht danke. Aber ich ziehe mir gewiß nicht Mondgesichter mit Schildchen. Egal. Besonders gefällt mir das Ersetzen der Schaltflächen durch normale links. Solltest Du das Stylesheet für gmx überarbeiten, wäre das mein vorrangiger Wunsch auch für diese Seite (werde aber selbst auch schon anfangen zu basteln).
Beim Problem "transparent" war ich etwas voreilig. Das bezog sich eigentlich nur auf die taz, mittlerweile habe ich das Problem gelöst. Ich finde es etwas eleganter, mit "transparent" einzugrauen, es ist auch sauberer, wenn ich mich nicht irre. Zudem erleichtert es mir den Wechsel in das Nacht- bzw. Winter-Grau (e0e0e0). (Es gibt bei mir immer nur ein Grau, auch meine Windows-Darstellung [inklusive Bildelement: Fenster] hat jeweils dieses Grau. Die Übergänge verschwinden oder werden nur durch den 3D-Effekt sichtbar.)
A.
|
|
|
26.07.2004 18:44 Uhr |
|
Thomas Scholz
   
Perplexifikator
Themenstarter

Beiträge: 285
Wohnort: Halle Saale Opera: Immer die letzte finale Version OS: OpenSuse 11.1, Win XP Pro I-Net: DSL 6000
 |
|
| Zitat: | Original von Axel
Das für gmx ist allerdings fast wirkungslos. Die haben letztens ihr Design geändert, hast Du das schon berücksichtigt? |
Ja, natürlich. Die alten Regeln waren deutlich umfangreicher, weil länger erprobt. Die neuen betreffen vorerst nahezu ausschließlich Änderungen der Breite; das wirkt sich vermutlich erst bei viel Platz aus (ich habe 1600×1200px).
| Zitat: | Außerdem blende ich hier unverlinkte Bilder aus. |
Das ist mir im Moment noch zu heftig. Wird nach und nach angepaßt.
| Zitat: | Beim Problem "transparent" war ich etwas voreilig. Das bezog sich eigentlich nur auf die taz, mittlerweile habe ich das Problem gelöst. |
Man kann frühere Opera- und einige Mozilla-Versionen mit
html {
background:transparent
}
crashen lassen; der übervorsichtige Umgang mit diesem Keyword ist mir irgendwann in Fleisch und Blut übergegangen. Manche Gewohnheiten wird man nicht so schnell los.
___________________ Opera-Userstylesheet »Dark«
|
|
|
www
Beiträge suchen
| |
26.07.2004 21:10 Uhr |
|
Axel unregistriert
 |
|
|
"Transparent" bezieht sich bei mir auf [bgcolor="#ffffff"], nicht auf html. Für die taz mußte ich lediglich body[bgcolor="#666666"] ergänzen. Einen Universal-Graumacher habe ich allerdings auch - manchmal wird es einfach zu bunt.
A.
|
|
|
11.08.2004 23:30 Uhr |
|
Axel unregistriert
 |
|
Ich habe mir das Forum noch mal vorgeknöpft. Vielleicht kannst Du ja etwas damit anfangen, Thomas. Zwei ganz kleine Schönheitsfehler, aber ich bin zufrieden. Ich hoffe, daß die Anweisungen präzise genug definiert sind.
A.
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
|
/* Opera-Info.de - Forum
--------------------------------- */
.tableoutborder img, div[id="oif-menu"],
.tableoutborder .logobackground,
.tableinborder .tabletitle,
.tableinborder .threadline
{display: none}
img[alt="Neues Thema erstellen"]
{display:inline !important;
content:"Neues Thema" !important;
font-size:12px !important;
font-weight:normal !important}
img[alt="Antwort erstellen"]
{display:inline !important;
content:"antworten" !important;
font-size:12px !important;
font-weight:bold !important;
color:#c00 !important}
img[alt="Zitat einfügen"]
{display:inline !important;
content:"zitieren" !important;
font-size:12px !important;
font-weight:bold !important}
img[alt="Zitat einfügen"]:hover
{content:"[QUOTE]xxx[/QUOTE]"!important; color:red}
img[alt="CODE einfügen"]
{display:inline !important;
content:"Code" !important;
font-size:12px !important;
font-weight:bold !important}
img[alt="CODE einfügen"]:hover
{content:"[CODE]xxx[/...ODE]"!important; color:red}
img[alt="Zum letzten Beitrag gehen"]
{display:inline !important;
content:"»" !important;
font-weight:bold !important}
[src="http://opera-info.de/forum/images/go.gif"]
{content:"Los" !important;
font-size:12px !important;
font-weight:normal !important}
.mainpage {background:window !important} /*ist "#f0f0f0"*/
.tableoutborder, .tablecat_fc, .tableinborder, .tabletitle_fc
{background:transparent !important} /*ist "#f0f0f0"*/
.tablea {background:#e0e0e0 !important}
.tableb {background:#f0f0f0 !important}
.inposttable, .tablecat {background:#d0d0d0 !important}
.tableoutborder table td {font:17px/1.35 "Verdana"}
.tableinborder pre, td .inposttable, .tableinborder .smallfont
{font-size:12px !important}
a[href="http://opera-info.de/forum/board.php?boardid=18"],
a[href="http://opera-info.de/forum/board.php?boardid=2"]
{color:#339999!important} |
|
|
|
|
24.05.2005 08:33 Uhr |
|
Raimund unregistriert
 |
|
|
Fürs Forum habe ich — Karsten möge mir verzeihen — ein paar spezifische Manipulationen eingebaut:
[code]/* Opera-Info.de - Forum
--------------------------------------------------- */
Gruß
Thomas[/quote]
Hallo Thomas
Ich benutze deine Forum.ini unter Oopera 8.01 -Super!
Hast du vielleicht einen An+Aus Schalter für das Teil, und oder
eine überarbeitete Version?
Moin Moin
Raimund
|
|
|
24.05.2005 20:57 Uhr |
|
Raimund unregistriert
 |
|
| Zitat: | Original von Thomas Scholz:
Einen Button dazu kannst du dir selbst leicht erstellen. Ich habe einen für das Default-Userstylesheet, das sieht in meiner Toolbar.ini so aus:
| code: |
1:
|
Checkbox23, Default=Select user CSS file, 0 | Deselect user CSS file, 0 |
|
In der Opera6.ini hat mein Default-Stylesheet die Nummer 1, du mußt für die Aktion also eins abziehen.
Diese Aktion kannst du dir auch auf einen Shortcut legen, beispielsweise »ä«. Überarbeitet habe ich das Forenstylesheet schon lange nicht mehr. |
Danke für Antwort und Tipp.Werd's mal probieren.
P.S. Funktioniert auch in anderen Foren.Z.B:"http://www.winhilfe.ch/wbb2/"
Moin Moin
Raimund
|
|
|
11.06.2007 15:28 Uhr |
|
Alexs
     
ɹǝuɐɹǝdO

Beiträge: 7.876
Wohnort: Wien IRC: Alexs Opera: Opera 10.52 E-Mail: Opera Mail Skin: Opera Standard PC: Intel Core 2 Quad | 4 GB-RAM | Geforce 9600 GT OS: sidux – Xfce I-Net: Kabel 25 Mbit
 |
|
| Zitat: | Original von Strictly4me:
Ich würde gerne wissen was diese beiden Einträge in Deinem "Userstylesheet" zu bedeuten haben: |
Der erste Code – den du falsch zitierst hast, blendet bei Hover auf einen Anker-Link, den Verweistext ein.
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
|
h1[id]:hover:after, h2[id]:hover:after, h3[id]:hover:after,
h4[id]:hover:after, h5[id]:hover:after, h6[id]:hover:after {
/* Findet interne Links, falls ich mal auf
einen Abschnitt in einer Seite linken will.
*/
content: " #" attr(id);
font: bold 14px/1 "Bitstream Vera Sans Mono";
} |
|
Ich verwende das hier für die Opera-Hilfe, welches den Text permanent einblendet:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
|
/* Zeigt id-Anker in Überschriften an */
h1[id]:after, h2[id]:after, h3[id]:after,
h4[id]:after, h5[id]:after, h6[id]:after {
content: " #" attr(id);
font: bold 13px 'DejaVu Sans';
color: #069;
} |
|
___________________ MfG
Alexs
|
|
|
www
Beiträge suchen
| |
|
|