Ist das ne Grafik oder Text? Text ist zu billig, weil das im CSS steht :roll:
Zitat"Lucida Grande","Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif
Ist das ne Grafik oder Text? Text ist zu billig, weil das im CSS steht :roll:
Zitat"Lucida Grande","Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif
Zitat von Estartu
Hi,
ich versuche gerade, aus deinem Code und den von ZweiVier meinen eigenen Style zu basteln.
Wenn ich dein background-image lokal speicher (ich hoffe, ich darf das ) und darauf referenziere, dann klappt es aber nicht. Ich ersetze den Teil "http://..." einfach mit der lokalen Adresse des gifs. Mach ich da was falsch oder ist das nicht genug?
Zitat von michael815
Seit Stylish für Fx3 erschienen ist, klappt das nicht mehr. Einzige Möglichkeit wäre die base64 encodierung. Hatte ich vorher auch so gemacht. Hatte den Code aber zu sehr aufgebläht, so das ich mich für die Onlinevariante entschieden habe. Und klar darfst du das. Alle Grafiken, die ich in meinem Code verwende, stehen zur freien Verfügung.
Mein online-Bildchen liegt auf der lokalen Patition D und wird so eingebunden:
.online {
background-position:140px 10px !important;
background-image: url("file:///d:/3 - mozilla/icon_user_online2.gif")!important;
}
Und so sieht es aus:
[Blockierte Grafik: http://s11.directupload.net/images/090512/zg7287rx.png]
Mit Stylish oder userContent.css?
Kommt das nicht aufs gleiche raus?
Stylish lässt dich doch nur leichter auswählen, oder?
Zitat von PalliKommt das nicht aufs gleiche raus?
Stylish lässt dich doch nur leichter auswählen, oder?
Nö. Wie ich schon schrieb, funktioniert das seit Fx3 mit den Lokal eingebundenen
Dateien in Stylish nicht mehr. Das Problem wurde auch schon im userChrome Thread besprochen. Möglich, das es behoben wurde. Wenn ja, hab ich es nicht mitbekommen. Deshalb meine Nachfrage.
mit Stylish.
Der ganze Code lautet so:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http://www.camp-firefox.de/forum/viewtopic.php") {
.postbody {
float:right !important;
width: 80% !important;
border-left: 1px solid #e0e0e0 !important;
padding-left:10px !important;
}
.postprofile {
float: none !important;
display: block !important;
border:none !important}
.edit-icon{
float: right !important;
}
.online {
background-position:140px 10px !important;
background-image: url("file:///d:/3 - mozilla/icon_user_online2.gif")!important;
}
.post.bg2 { background-color: #BBFFFF !important; }
.post.bg1 { background-color: #ECF3F7 !important; }
}
Alles anzeigen
Ok. Dann wurde das Problem wohl behoben. Dann vermute ich mal, das die Adresse bei michael815 nicht korrekt eingetragen ist.
michael815: Vergleiche deine Adresse mal mit der von Road-Runner. Und achte darauf, das kein Backshlash im Pfad ist.
Bei mir sieht das im Moment so aus mit dem Online-Fähnchen. Wenn das Avatar rechteckig ist, finde ich das in Ordnung. Wenn es das nicht ist oder gar keins vorhanden, finde ich es nicht so gelungen.
Zitat von EstartuOk. Dann wurde das Problem wohl behoben. Dann vermute ich mal, das die Adresse bei michael815 nicht korrekt eingetragen ist.
michael815: Vergleiche deine Adresse mal mit der von Road-Runner. Und achte darauf, das kein Backshlash im Pfad ist.
Danke dir und Road-Runner
Ja, es war bei mir noch ein Backslash drinne. Aber jetzt klappt es. :klasse:
Zitat von Wurstwasserauch das Design finde ich sehr schick und vielleicht kann man aus dem Code dort auch etwas für hier klauen.....
wir klauen nicht....wie machen selber - Hab ma bisschen am Header rumgefummelt - und am Gestell gg
[Blockierte Grafik: http://www.abload.de/thumb/headerg9zu.png] [Blockierte Grafik: http://www.abload.de/thumb/footeri459.png]
Wenn ich die Startseite komplett mit Balken und buttons zugeknallt hab, gib ich dir en Link wo der Code ist......
Estartu:
ich bin jetzt doch wieder zu deinem Code zurück ... sieht eleganter aus, habe ihn aber wie folgt ergänzt:
Damit werden die gelesen Links rot.
Wenn mans dann noch kursiv haben will, packt man das rein:
was ähnliches gibt es auch, wenn mans lieber oder zusätzlich unter- bzw. überstrichen haben will ... aber das weissst du ja bestimmt
Zitat von ZweiVier
wir klauen nicht....wie machen selber - Hab ma bisschen am Header rumgefummelt - und am Gestell gg[Blockierte Grafik: http://www.abload.de/thumb/headerg9zu.png] [Blockierte Grafik: http://www.abload.de/thumb/footeri459.png]
Wenn ich die Startseite komplett mit Balken und buttons zugeknallt hab, gib ich dir en Link wo der Code ist......
Vorläufiger Code >>>> http://userstyles.lesmurfy.de/viewtopic.php?p=791#p791
Die Farbe der Schriften paßt teilweise nicht. Fast unleserlich.
Und zwar betriift es die Link-Farben.
Im code 787#p787 war die Farbe der links besser.
So, hier ist mein fertiges Style für das neue Fx-Forum.
Probiert es mal aus.
[attachment=0]forum.png[/attachment]
@-moz-document url-prefix(http://www.camp-firefox.de/forum) {
html, body {
background-color: #607FD8!important;
color: #000000 !important;
}
span.corners-top {
background-image: none !important;
}
span.corners-top span {
background-image: none !important;
}
span.corners-bottom {
background-image: none !important;
}
span.corners-bottom span {
background-image: none !important;
}
.headerbar {
background-color: #425999 !important;
-moz-border-radius-topleft: 5px !important;
-moz-border-radius-topright: 5px !important;
-moz-border-radius-bottomleft: 5px !important;
-moz-border-radius-bottomright: 5px !important;
}
.navbar, .forabg, .post, .forumbg, .panel {
-moz-border-radius-topleft: 5px !important;
-moz-border-radius-topright: 5px !important;
-moz-border-radius-bottomleft: 5px !important;
-moz-border-radius-bottomright: 5px !important;
}
#tabs, #tabs a, #tabs .activetab a, #tabs a span {
-moz-border-radius-topleft: 5px !important;
-moz-border-radius-topright: 5px !important;
}
ul, li, h3, ul.linklist li > a, h3 > a, .copyright, label { color: #000000 !important;}
h2, h2 > a {color: #ffffff !important;}
.postbody {
float:right !important;
width: 82% !important;
border-left: 2px solid #425999 !important;
padding-left:22px !important;
}
.postprofile {
float: none !important;
display: block !important;
border:none !important;
width: 16% !important;}
.online {
background-position:2px 10px !important;
background-image: url("http://www.abload.de/img/icon_user_online4w3x2.png")!important;
/* http://www.abload.de/img/icon_user_online3osk7.gif */
/* background-image: url("http://img3.imagebanana.com/img/t5lbxjts/icon_user_online2.gif")!important; */
}
.username-coloured{-moz-appearance: none !important; background-color: transparent !important; color: #a52a2a !important; font-weight: bold !important;}
A {-moz-appearance: none !important; color: #0000cd !important; font-weight: bold !important;}
A:hover{-moz-appearance: none !important; background-color: transparent !important; color: #ff0000 !important; font-weight: bold !important; text-decoration: none !important;}
A[href="./memberlist.php?mode=group&g=26778"][style="color: rgb(170, 0, 0);"] {-moz-appearance: none !important; color: #ff0000 !important; font-weight: bold !important;}
A[href="./memberlist.php?mode=group&g=26778"][style="color: rgb(170, 0, 0);"]:hover{-moz-appearance: none !important; color: #ff0000 !important; font-weight: bold !important; text-decoration:none!important; text-shadow: black 1px 2px 0.5px; }
A[href="./memberlist.php?mode=group&g=26777"][style="color: rgb(0, 170, 0);"] {-moz-appearance: none !important; color: #00ff00 !important; font-weight: bold !important;}
A[href="./memberlist.php?mode=group&g=26777"][style="color: rgb(0, 170, 0);"]:hover{-moz-appearance: none !important; color: #00ff00 !important; font-weight: bold !important; text-decoration:none!important; text-shadow: black 1px 2px 0.5px; }
.button1{-moz-appearance: none !important;font-weight: bold !important;color: #fff !important;
background: url("http://img3.imagebanana.com/img/1mo8swk/buttonbg1.png") !important;border-color: #ffffff !important;-moz-border-radius:5px !important; }
.button1:hover{-moz-appearance: none !important;font-weight: bold !important;color: #fff !important;
background: url("http://img3.imagebanana.com/img/jwz508o/buttonbghover1.png") !important; border-color: #ffffff !important;-moz-border-radius:5px !important;}
.button2{-moz-appearance: none !important;font-weight: bold !important;color: #fff !important;
background: url("http://img3.imagebanana.com/img/fn0rsid4/buttonbg2.png") !important; border-color: #ffffff !important;-moz-border-radius:5px !important;}
.button2:hover{-moz-appearance: none !important;font-weight: bold !important;color: #fff !important;
background: url("http://img3.imagebanana.com/img/fv75x3o3/buttonbghover2.png") !important; -moz-border-radius:5px !important;}
.inputbox {-moz-border-radius:5px !important;background-color: #425999!important;color:#ffffff !important;}
a.top {background-image: url(http://www.travedsl.de/~estartu/Fx-Forum_neu/icon_back_top.gif) !important;}
.reply-icon span {background-image: url(http://www.travedsl.de/~estartu/FirefoxForumStyle/antwort.png) !important;}
.buttons div.reply-icon {width: 140px !important;}
.quote-icon, .quote-icon a {background-image: url(http://www.travedsl.de/~estartu/FirefoxForumStyle/zitat.png) !important;-moz-border-radius:5px !important;}
ul.profile-icons li.quote-icon {width:90px !important; height:25px !important; }
.report-icon, .report-icon a {background-image: url(http://www.travedsl.de/~estartu/FirefoxForumStyle/melden.png) !important;-moz-border-radius:5px !important;}
ul.profile-icons li.report-icon {width:25px !important; height:25px !important; margin-left:4px !important;}
.report-icon, .report-icon a:hover {background-image: url(http://www.travedsl.de/~estartu/FirefoxForumStyle/meldenhover.png) !important;-moz-border-radius:5px !important;}
ul.profile-icons li.report-icon {width:25px !important; height:25px !important; }
.edit-icon, .edit-icon a {background-image: url(http://www.travedsl.de/~estartu/FirefoxForumStyle/edit.png) !important;-moz-border-radius:5px !important;}
ul.profile-icons li.edit-icon {width:90px !important; height:25px !important; }
.delete-icon, .delete-icon a {background-image: url(http://www.travedsl.de/~estartu/FirefoxForumStyle/loeschen.png) !important;-moz-border-radius:5px !important;}
ul.profile-icons li.delete-icon {width:25px !important; height:25px !important; }
.post-icon span {background-image: url(http://www.travedsl.de/~estartu/FirefoxForumStyle/antwort.png) !important;}
.buttons div.post-icon {width: 144px !important;}
select {-moz-border-radius:5px !important;background-color: #425999!important;color:#ffffff !important;font-weight: bold !important;border-color:#ffffff !important;height:19px !important;/* font-size:1em !important; */ line-height:12px!important;}
#format-buttons input, #format-buttons select {-moz-appearance: none !important;-moz-border-radius:5px !important;background-color: #425999!important;color:#ffffff !important; border-color:#425999!important;border: 1px !important;}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active, .pagination span strong {font-size: 1.2em !important; padding-left: 4px !important; padding-right: 4px !important;}
.post.bg2 { background-color: #fff !important; }
.post.bg1 { background-color: #faebd7 !important; }
.row.bg1{ font-weight: bold !important; background-color: #faebd7 !important;}
.row.bg2{ font-weight: bold !important; background-color: #fff !important;}
.signature { padding:3px !important; background-color: #607FD8 !important; color: #ffffff !important; border: 1px solid !important;border-color:transparent !important;-moz-border-radius:7px !important; width:98% !important; line-height:105% !important;}
.signature > span > a {color:#ffffff !important;}
.signature > span > a:hover { text-decoration:none!important; text-shadow: black 1px 2px 0.5px;}
dl.codebox {-moz-border-radius:7px !important;width:98% !important; background-color: #CADCEB !important;}
dl.codebox code {-moz-border-radius:7px !important; background-color: #ffffff !important;}
blockquote {-moz-border-radius:7px !important;max-width:95% !important;}
.attachbox {-moz-border-radius:7px !important;max-width:98% !important; background-color: #CADCEB !important;}
dl[style*="forum_unread.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/forum_unread.gif") !important;}
dl[style*="forum_read.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/forum_read.gif") !important;}
dl[style*="forum_unread_locked.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/forum_unread_locked.gif") !important;}
dl[style*="forum_read_locked.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/forum_read_locked.gif") !important;}
dl[style*="topic_unread.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_unread.gif") !important;}
dl[style*="topic_read.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_read.gif") !important;}
dl[style*="topic_unread_hot.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_unread_hot.gif") !important;}
dl[style*="topic_read_mine.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_read_mine.gif") !important;}
dl[style*="topic_unread_mine.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_unread_mine.gif") !important;}
dl[style*="topic_read_hot_mine.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_read_hot_mine.gif") !important;}
dl[style*="topic_moved.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_moved.gif") !important;}
dl[style*="sticky_read.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/sticky_read.gif") !important;}
dl[style*="topic_read_locked_mine.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_read_locked_mine.gif") !important;}
dl[style*="topic_read_locked.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_read_locked.gif") !important;}
dl[style*="topic_unread_locked.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_unread_locked.gif") !important;}
dl[style*="topic_read_hot.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_read_hot.gif") !important;}
dl[style*="topic_unread_hot_mine.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_unread_hot_mine.gif") !important;}
dl[style*="sticky_read.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/sticky_read.gif") !important;}
dl[style*="sticky_unread.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/sticky_unread.gif") !important;}
dl[style*="sticky_read_mine.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/sticky_read_mine.gif") !important;}
dl[style*="sticky_unread_mine.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/sticky_unread_mine.gif") !important;}
dl[style*="sticky_read_locked_mine.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/sticky_read_locked_mine.gif") !important;}
dl[style*="sticky_read_locked.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/sticky_read_locked.gif") !important;}
dl[style*="sticky_unread_locked.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/sticky_unread_locked.gif") !important;}
dl[style*="sticky_unread_locked_mine.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/sticky_unread_locked_mine.gif") !important;}
.attach-image {max-width:98% !important;max-height:400px !important;}
}
Alles anzeigen
Edit: Fehler entdeckt und beseitigt. Code:
dl[style*="topic_unread_mine.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_unread_mine.gif") !important;}
hinzugefügt.
Edit2: Hintergrundfarbe fürs Forum und für die Signaturen geändert.
Prima, läuft auch hier perfekt! Vielen Dank für die Arbeit!
Estartu: könntest du nochmal explizit den Teil deines Codes kenntlich machen, der die Symbole vor den Threads (grün/rot) ändert? Ich finde es mit meinen geringen css-Kenntnissen nicht! :wink:
MfG...
Zitat von deschen2Estartu: könntest du nochmal explizit den Teil deines Codes kenntlich machen, der die Symbole vor den Threads (grün/rot) ändert? Ich finde es mit meinen geringen css-Kenntnissen nicht! :wink:
Schittebön
dl[style*="forum_unread.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/forum_unread.gif") !important;}
dl[style*="forum_read.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/forum_read.gif") !important;}
dl[style*="forum_unread_locked.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/forum_unread_locked.gif") !important;}
dl[style*="forum_read_locked.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/forum_read_locked.gif") !important;}
dl[style*="topic_unread.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_unread.gif") !important;}
dl[style*="topic_read.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_read.gif") !important;}
dl[style*="topic_unread_hot.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_unread_hot.gif") !important;}
dl[style*="topic_read_mine.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_read_mine.gif") !important;}
dl[style*="topic_unread_mine.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_unread_mine.gif") !important;}
dl[style*="topic_read_hot_mine.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_read_hot_mine.gif") !important;}
dl[style*="topic_moved.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_moved.gif") !important;}
dl[style*="sticky_read.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/sticky_read.gif") !important;}
dl[style*="topic_read_locked_mine.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_read_locked_mine.gif") !important;}
dl[style*="topic_read_locked.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_read_locked.gif") !important;}
dl[style*="topic_unread_locked.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_unread_locked.gif") !important;}
dl[style*="topic_read_hot.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_read_hot.gif") !important;}
dl[style*="topic_unread_hot_mine.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/topic_unread_hot_mine.gif") !important;}
dl[style*="sticky_read.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/sticky_read.gif") !important;}
dl[style*="sticky_unread.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/sticky_unread.gif") !important;}
dl[style*="sticky_read_mine.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/sticky_read_mine.gif") !important;}
dl[style*="sticky_unread_mine.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/sticky_unread_mine.gif") !important;}
dl[style*="sticky_read_locked_mine.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/sticky_read_locked_mine.gif") !important;}
dl[style*="sticky_read_locked.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/sticky_read_locked.gif") !important;}
dl[style*="sticky_unread_locked.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/sticky_unread_locked.gif") !important;}
dl[style*="sticky_unread_locked_mine.gif"] {
background-image: url("http://www.travedsl.de/~estartu/Fx-Forum_neu/sticky_unread_locked_mine.gif") !important;}
Alles anzeigen
Estartu
Auch von mir besten Dank. Nur der Hintergrund könnte etwas heller sein. Manche Texte, wie z.B. aktuelle Zeit, sind schwer zu lesen.