Startseite Opera-Info.de Forum • Opera-Info.de •
• Einfach die bessere Opera-Community •
Registrieren Team Suche FAQ Chat
Ergebnis als:     
Opera-Info.de Forum » Konfiguration, Tipps und Tricks » Operas CSS- und JavaScript-Dateien » User-CSS-Dateien » Default-Userstylesheet » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema abonnieren
Neues Thema antworten
[↓] Default-Userstylesheet
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Alt 20.07.2004 21:01 Uhr
Default-Userstylesheet beantworten zitieren bearbeiten melden [↑]
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«
 Thomas Scholz ist offline   www Beiträge suchen
Alt 24.07.2004 23:41 Uhr
beantworten zitieren bearbeiten melden [↑]
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;
}
Alt 25.07.2004 02:32 Uhr
beantworten zitieren bearbeiten melden [↑]
Capone M

Jungspund



Beiträge: 23
Wohnort: Berlin
Opera: 10.00
E-Mail: Mail
AV: -
PC: iMac 24"
OS: Mac 10.5
Ich lesen immer das man durch den Benutzer-/Automodus die Ansicht verbessern kann. Entweder habe ich was an den Augen oder verstehe das alles falsch...
Wenn ich einzelnen Punkte beim Automodus durchgehe kann ich da wirklich keine Verbesserung sehen. Anders gesagt: Die Seiten werden unbenutzbar. verwirrt verwirrt

Kann mich vielleicht mal jemand aufklären?? Kenne mich zwar ein wenig mit CSS aus, aber das ist mir zu hoch!!

Die Datei von Thomas ist zwar extrem umfangreich aber eine "verbesserung" kann ich beim besten willen nicht feststellen....


___________________
gruß Capone

Niemand wird durch Filme wahnsinnig aber Wahnsinnige werden durch sie Kreativer...
 Capone ist offline   www Beiträge suchen
Alt 25.07.2004 07:55 Uhr
beantworten zitieren bearbeiten melden [↑]
wrtlprnft M

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.
 wrtlprnft ist offline   www Beiträge suchen
Alt 25.07.2004 12:20 Uhr
beantworten zitieren bearbeiten melden [↑]
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! smile

Gruß
Thomas


___________________
Opera-Userstylesheet »Dark«
 Thomas Scholz ist offline   www Beiträge suchen
Alt 25.07.2004 13:54 Uhr
beantworten zitieren bearbeiten melden [↑]
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.
Alt 26.07.2004 00:41 Uhr
beantworten zitieren bearbeiten melden [↑]
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. smile

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«
 Thomas Scholz ist offline   www Beiträge suchen
Alt 26.07.2004 13:30 Uhr
beantworten zitieren bearbeiten melden [↑]
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.
Alt 26.07.2004 18:44 Uhr
beantworten zitieren bearbeiten melden [↑]
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«
 Thomas Scholz ist offline   www Beiträge suchen
Alt 26.07.2004 21:10 Uhr
beantworten zitieren bearbeiten melden [↑]
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.
Alt 11.08.2004 23:30 Uhr
beantworten zitieren bearbeiten melden [↑]
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}
Alt 24.05.2005 08:33 Uhr
Default-Userstylesheet beantworten zitieren bearbeiten melden [↑]
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
Alt 24.05.2005 16:02 Uhr
beantworten zitieren bearbeiten melden [↑]
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
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.


___________________
Opera-Userstylesheet »Dark«
 Thomas Scholz ist offline   www Beiträge suchen
Alt 24.05.2005 20:57 Uhr
Default-Userstylesheet beantworten zitieren bearbeiten melden [↑]
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
Alt 15.08.2006 19:48 Uhr
beantworten zitieren bearbeiten melden [↑]
Stefan

O-Fan



Beiträge: 171
Opera: 10.10
Skin: Win. Native + 9.27 Icons
PC: AMD 4850e, 2 GB RAM | Intel Atom N270, 1 GB RAM
OS: Windows XP (SP3)
I-Net: ADSL 6000/512 (M-net) | Surfstick (Fonic)
Hi Gemeinde,

wie funktioniert das in Opera 9 mit dem Default-User-Stylesheet?

Konkret möchte ich Laufschrift und Blinkschrift ein für allemal den Garaus machen.

In Opera 8 habe ich dazu einfach eine entsprechende user.css im styles-Unterverzeichnis des Profils angelegt. In Opera 9 wird dies ignoriert.

Das Flashblocker-CSS habe ich auch schon gefunden, aber gibt es auch eine Möglichkeit, Flash per Default zu deaktivieren und nur bei Bedarf zu aktivieren?

Gruß,
Stefan

Edit: Hat sich erledigt - das User-Stylesheet liegt jetzt halt defaultmäßig nicht mehr in 'profiles\styles', sondern direkt im Opera-Installationsverzeichnis in 'styles'.


___________________
Gruß,
STEFAN

Dieser Beitrag wurde 1× geändert; zuletzt - 15.08.2006, 20:15 Uhr - von Stefan.
 Stefan ist offline   Beiträge suchen
Alt 16.08.2006 10:38 Uhr
beantworten zitieren bearbeiten melden [↑]
Gunnar M
Super-Moderator/In
Absolut abhängig



Beiträge: 7.865
Wohnort: Raum HH HL
IRC: Gunnar
Opera: 10.60 6386
E-Mail: Thunderbird u. Opera
PC: AMD X2 6000+ 4GB RAM
OS: Ubuntu 10.04
I-Net: DSL 3Mbit
Zitat:
Original von Stefan:

Das Flashblocker-CSS habe ich auch schon gefunden, aber gibt es auch eine Möglichkeit, Flash per Default zu deaktivieren und nur bei Bedarf zu aktivieren?

Klar, indem du das Stylesheet per default aktivierst und nur bei Bedarf ausschaltest. Zunge raus

Zitat:
Original von Stefan:

Edit: Hat sich erledigt - das User-Stylesheet liegt jetzt halt defaultmäßig nicht mehr in 'profiles\styles', sondern direkt im Opera-Installationsverzeichnis in 'styles'.

Das kannst du selbst konfigurieren: Strg+12 -> Erweitert -> Inhalte -> Darstellungs-Optionen


___________________
Gunnar

"Nicht alles, was du nicht verstehst, ist falsch."
 Gunnar ist offline   Beiträge suchen
Alt 16.08.2006 11:12 Uhr
beantworten zitieren bearbeiten melden [↑]
Stefan

O-Fan



Beiträge: 171
Opera: 10.10
Skin: Win. Native + 9.27 Icons
PC: AMD 4850e, 2 GB RAM | Intel Atom N270, 1 GB RAM
OS: Windows XP (SP3)
I-Net: ADSL 6000/512 (M-net) | Surfstick (Fonic)
OK, ich sehe schon, mit dieser ganzen Stylesheet-Thematik muß ich mich wohl noch etwas näher auseinandersetzen... Danke.


___________________
Gruß,
STEFAN
 Stefan ist offline   Beiträge suchen
Alt 11.06.2007 10:35 Uhr
beantworten zitieren bearbeiten melden [↑]
Strictly4me M

Wissender



Beiträge: 451
Wohnort: Wien *schäm*
E-Mail: Opera Mail
AV: Kaspersky
Skin: Blue Rider (mod.)
OS: Win XP Home SP2
I-Net: Chello Kabel Wien
@Thomas Scholz
Ich würde gerne wissen was diese beiden Einträge in Deinem "Userstylesheet" zu bedeuten haben:

code:
1:
2:
3:
4:
5:
6:
7:
/* 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 {

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
/* 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 {

Wo genau kann man sich das dann näher ansehen? Link vielleicht? Danke.

((((( Strictly4me )))))


___________________
Ich verwende: Opera 9.22 Build 8801 (Single-User-Installation)
Auf System: Fujitsu Siemens Amilo M3438G | WindowsXP Home | Pentium M760 2,00Ghz | 2 x 512 MB RAM | NVIDIA GeForce Go 6800
 Strictly4me ist offline   www Beiträge suchen
Alt 11.06.2007 15:28 Uhr
beantworten zitieren bearbeiten melden [↑]
Alexs M

ɹǝ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
SearchEdit - search.ini Editor – meine User-Stylesheets

 Alexs ist offline   www Beiträge suchen
Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema
Opera-Info.de Forum » Konfiguration, Tipps und Tricks » Operas CSS- und JavaScript-Dateien » User-CSS-Dateien » Default-Userstylesheet

Ein herzliches Dankeschön an alle Benutzerinnen
und Benutzer, die sich an den Kosten beteiligen: Liste
 • Skin und Darstellung: Opera-Info.de • 
terions