Neues Stylesheet für spiegel.de |
28.08.2009 23:03 Uhr |
|
Rigr
 
Neuling
Beiträge: 6
Opera: 10
 |
|
In der spiegel-de.js ist #spTeaserColumn 700px breit. Dat funktioniert solange gut bis man bei Themenseite „Hintergründe, Artikel, Fakten“ ist. Bei mehr als 670px sind beide divs nicht mehr nebeneinander.
Änderung:
#spTeaserColumn, .spTeaser, #spArticleColumn {width:670px !important;}\n
Bei Home ist Teaser bzw. der Text auf der linken Seite und der Rest auf der anderen. Später ist der Text dann auf der rechten Seite.
Zusatz:
#spSmallTeaserColumn {float: right !important;}\n
#spArticleColumn {float: left !important;}\n
Auf der Themenseite „Artikel, Hintergründe und Fakten“ gibt es einen vertikalen Balken. Der muß verschoben werden. Da ik bei spTeaserColumn 670px gewählt habe muß hier auch 670px stehen.
Zusatz:
.spTopicContent #spColumnWrapperInner {background:transparent url(\"http://www.spiegel.de/static/sys/v9/bg/bg_topic.gif\") repeat-y scroll 670px 10px !important;}\n
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
|
(function() {
var css = "body {background:#fff !important;width:1100px;margin:auto !important;}\n#spWrapper {background-image:url() !important;width: auto !important;}\n#spHeader {width:1100px !important;}\n#spContainer {width:1060px !important;}\n#spHeader ul#spChannel {padding-left:0 !important;}\n#spHeader ul#spChannel li ul {left:0 !important;}\n#spTeaserColumn, .spTeaser, #spArticleColumn {width:670px !important;}\n.spTopThema, .spRessortTeaserBox {width:auto !important;}\n#spBoxColumn {float:right !important;}\n.spLine {border: 1px solid blue !important;}\n#spContainer {font-size:12px !important;}\n#spSmallTeaserColumn {float: right !important;}\n#spArticleColumn {float: left !important;}\n.spTopicContent #spColumnWrapperInner {background:transparent url(\"http://www.spiegel.de/static/sys/v9/bg/bg_topic.gif\") repeat-y scroll 670px 10px !important;}\n#spFooter {display:none;}\ndiv#frameColour,div#flashlayer,div#flashlayer2,div#clicklayer,.spCommercial,.spCommercialNav,iframe,img[src*=\"http://adserv.quality-channel.de\"] {display: none !important;}";
if (typeof addStyle != "undefined") {
addStyle(css);
} else {
var heads = document.getElementsByTagName("head");
if (heads.length > 0) {
var node = document.createElement("style");
node.type = "text/css";
node.appendChild(document.createTextNode(css));
heads[0].appendChild(node);
}
}
})();
window.opera.defineMagicFunction('spShowOASPos', function () { } ); |
|
Dat ganze für die spiegel-de.css.
| 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:
|
/* Seite breiter */
body {background:#fff !important; width: 1100px; margin: auto !important;}
/* Seite bzw. deren Inhalt breiter */
#spWrapper {background-image: url() !important; width: auto !important;}
#spHeader {width: 1100px !important;}
#spContainer {width: 1060px !important;}
/* Submenü anpassen */
#spHeader ul#spChannel {padding-left: 0 !important;}
#spHeader ul#spChannel li ul {left: 0 !important;}
/* Teaser, Artikel Spalte breiter */
#spTeaserColumn, .spTeaser, #spArticleColumn {width: 670px !important;}
/* Teaser, Artikel immer auf der linken Seite */
#spSmallTeaserColumn {float: right !important;}
#spArticleColumn {float: left !important;}
/* vertikaler Balken auf der Themenseite alle Artikel, Hintergründe und Fakten verschoben */
.spTopicContent #spColumnWrapperInner {background:transparent url("http://www.spiegel.de/static/sys/v9/bg/bg_topic.gif") repeat-y scroll 670px 10px !important;}
/* Inhalt linke Spalte breiter */
.spTopThema, .spRessortTeaserBox {width: auto !important;}
/* rechte Spalte nach rechts */
#spBoxColumn {float: right !important;}
/* Schrift grösser */
#spContainer {font-size: 12px !important;}
/* Kein Footer */
#spFooter {display: none;}
/* entfernt Werbung */
div#frameColour,
div#flashlayer,
div#flashlayer2,
div#clicklayer,
.spCommercial,
.spCommercialNav,
img[src*="http://adserv.quality-channel.de"],
iframe
{display: none !important;} |
|
Dieser Beitrag wurde 1× geändert; zuletzt - 29.08.2009, 07:09 Uhr - von Rigr.
|
|
|
Beiträge suchen
| |
30.08.2009 17:22 Uhr |
|
Philo
     
Haudegen

Beiträge: 871
Wohnort: ルクセンブルク IRC: Philo Opera: Opera weekly x86 & x64 E-Mail: Opera Skin: KDE Henri PC: AMD K7 Athlon XP 64 4000+ ,GF 7800GT PCI-e OS: Suse 11.3 x64 I-Net: DSL 5MBit
 |
|
|
|
www
Beiträge suchen
| |
04.12.2009 12:30 Uhr |
|
Danksager unregistriert
 |
|
|
Nur ein kurzes Dankeschön, für die tolle CSS!
War total genervt weil SPON im neuen layout die Boxen mal links, mal rechts hatte.
Erstklassige Lösung!
|
|
|
15.03.2010 11:46 Uhr |
|
|
|
bei mir hakt es irgendwo.
wie im anhang zu sehen ist, werden 2 elemente der überschriften in einer zweiten zeile dargestellt
friday hat dieses Bild (verkleinerte Version) angehängt:
|
|
|
Beiträge suchen
AIM
| |
|
|