Da hast du vollkommem recht Leonardo, habs jetzt auch so.......
Firefox - Forum mal anders
-
ZweiVier -
18. August 2008 um 16:37 -
Erledigt
-
-
Ich hätte das Forum gerne wieder so schwarz wie im alten Board, siehe hier:
[Blockierte Grafik: http://img134.imageshack.us/img134/2946/image0001yu7.th.jpg]
In diesem Thread in diesem Beitrag habe ich geschrieben, wie ich aus mehreren Stylish Codes für phpBB2 den Style für das Fx Forum so hin gebastelt habe.
Leider funktionieren die Anpassungen mit phpBB3 gar nicht mehr.Kann mir einer einen Tipp geben, wie ich den dunklen Style mit diesen Farben wieder hin bekomme?
-
Mal wieder ein paar Änderungen. Unterschiedliche Threadfarbe bei Threads und Posts, Buttons...
Schaut es euch mal an.CSS
Alles anzeigen@-moz-document url-prefix(http://www.camp-firefox.de/forum){ html, body { background-color: #425999!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: 80% !important; border-left: 2px solid #e0e0e0 !important; padding-left:18px !important; } .postprofile { float: none !important; display: block !important; border:none !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;} .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; } .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;} .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;} }
-
Will größer haben das hier: Die Schaltflächen.
[attachment=0]buttons.png[/attachment] -
Da häng ich mich gleich mal mit ran: ich will die von Palli besagten Schaltflächen (zumindest die hinter dem Threadnamen) nicht rechtsbündig vor der Trennlinie zu "Antworten", sondern links direkt hinter dem Threadnamen? Geht das? Wär super! :wink:
MfG...
-
Zitat von Palli
Will größer haben das hier: Die Schaltflächen.
Besser krieg ich das nicht hin:CSS@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("www.camp-firefox.de") { .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;} }
-
Hätt diese Version gerade anzubieten
CSS
Alles anzeigen.pagination{ color: #fff !important; font-weight: bold !important; } .inputbox.search.tiny { margin: 2px 10px 0px 10px !important;} #topic-search > FIELDSET > INPUT:first-child + INPUT { margin: 2px 10px 0px 10px !important;} #page-body > H2:first-child + SPAN + P + DIV > DIV:first-child > DIV{ margin: 3px 10px 0px 18px !important;} #page-body > H2:first-child + SPAN + P + DIV > DIV:last-child > A { color: #fff000 !important; font-weight: bold !important; } #page-body > H2:first-child + SPAN + P + DIV > DIV:last-child > A:hover { color: #ff0000 !important; font-weight: bold !important; } #page-body > H2:first-child + SPAN + P + DIV { margin: 0px 0px 0px 0px !important;-moz-appearance: none !important;font-weight: bold !important;color: #fff !important; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAeCAIAAACJwFiTAAAACXBIWXMAABJ0AAASdA HeZh94AAAAYUlEQVR4nLXNywGCUAwF0ZvkPigD6lX7FOggH17caAnO9iwGAADI6/kwDm77Rq68zsu4KLobzawyUVZVQ5mRs4WRYQA jwhrMzNnyMw+3brq73pPLGDZWM9X3ceD7ExH8pw8A8TJoP62YEAAAAABJRU5ErkJggg==") !important;} .inputbox.search.tiny,.inputbox.search,.inputbox.narrow {-moz-appearance: none !important;font-weight: bold !important;color: #fff !important; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAjCAIAAAAxJEzgAAAACXBIWXM AAAsTAAALEwEAmpwYAAAAS0lEQVR4nH3NOwqAMBAG4S8x9z+TV7IyiYUWi48QcJthh4EfkNbACcpGohyBGmjkwCg /2COpgf6Uf3JeqMPQtJCm5P1m2cksaO67AL6bIHwXYyOiAAAAAElFTkSuQmCC") !important;}
[Blockierte Grafik: http://www.abload.de/thumb/8787hwzq.png]
-
Zitat von Wurstwasser
Ich hätte das Forum gerne wieder so schwarz wie im alten Board, siehe hier:
[Blockierte Grafik: http://img134.imageshack.us/img134/2946/image0001yu7.th.jpg]
In diesem Thread in diesem Beitrag habe ich geschrieben, wie ich aus mehreren Stylish Codes für phpBB2 den Style für das Fx Forum so hin gebastelt habe.
Leider funktionieren die Anpassungen mit phpBB3 gar nicht mehr.
Kann mir einer einen Tipp geben, wie ich den dunklen Style mit diesen Farben wieder hin bekomme?Hi Wursti,
wenn du mir sagst wie man die icons benennt, mach ich mit dir zusammen den Rest,
wird zum schluss Hammerhart aussehen das "Dunkle Teil"gib dir ma des bild im Beitrag drüber, von mir ......
Die Leiste wird dir bestimmt gefallen -
Das ist doch mal ein Angebot, Danke!
Wobei ich nicht wirklich sicher bin, ob ich tatsächlich hilfreich bei der Mitgestaltung sein kann!
Dafür fehlt mir die Kompetenz ein wenig!Jup, die Leiste auf dem Pic gefällt mir schon mal gut, wobei ich die Schaltflächen darauf doch etwas zu bunt empfinde.
Aber da lässt sich ja bestimmt auch noch was machen!?
(Stylish gibt mir bei dem Code ein paar Fehlermeldungen, dennoch sieht die Leiste auch bei mir aus wie auf deinem Pic.)Die Icons aus "meinem" alten Fx-Forum-Style hatte ich aus den anderen Styles, aus denen ich "meines" zusammen geschustert hab. Links zu diesen Styles sind auch in meinem ersten Beitrag zu finden (man möge bitte hier klicken).
Wo die Icons da genau stecken, weiß ich nicht mehr, ich hatte einfach so lange an den Styles herum gedoktort, bis es so aussah, wie auf meinem Screen zu sehen.
Wobei ich mir grad nicht sicher bin, ob einige der Icons nicht noch aus ganz anderen Styles sind, die ich jetzt aber nicht wieder finde.
Ich habe die alten Styles, nach dem ich sie nicht anpassen konnte, leider schon aus Stylish gelöscht. Kann also sein, dass da noch ein weiterer Style im Spiel ist. Ärgert mich jetzt doch sehr, schon alles gelöscht zu haben!Allerdings sind mir diese speziellen Icons auch nicht so wichtig.
Ich hatte sie damals nur genommen, weil die original Icons einen hässlichen Rand hatten.
Ich wäre auch mit den Icons, die hier im neuen Forum gegeben sind, zufrieden, wenn sie sich gut einfügen und zur dunklen Farbe passen (ich müsste das erst mal sehen, bevor ich das endgültig beurteilen kann). Wichtig ist, dass sie keinen doofen, ausgefransten Rand haben sollen.In erster Linie geht es mir um den dunklen Style insgesamt.
Der kann so aussehen wie auf meinem Pic oder sich auch an der userStyles-Seite mit folgendem Style http://userstyles.org/styles/10251 orientieren, auch das Design finde ich sehr schick und vielleicht kann man aus dem Code dort auch etwas für hier klauen?
Bild dazu:
[Blockierte Grafik: http://img23.imageshack.us/img23/5039/unbenanntdyg.th.png]Desweiteren gibt es noch einen User "Seba®" bei userStyles, der einen "phpbb SubBlack" Style verfasst hat, welcher hier den Hintergrund dunkel macht.
Vielleicht kann man auch da was draus klauen?
Den Style gibt es hier: http://userstyles.org/styles/330Viel mehr Informationen kann ich ohne genaue Nachfrage erst mal nicht liefern!
-
Ich komm gegen so schwarze Töne nicht an, dass ist zum Lesen absolut ungeeignet, bietet lediglich guten Kontrast.
Habt ihr Sehprobleme? Schreibt ihr eure Dokumente auch mit weisser Farbe auf schwarzem Papier?Ich hatte ja anderweitig schon beschrieben, wie's geht:
[Blockierte Grafik: http://img3.imagebanana.com/img/ruf4vtec/thumb/campfirefox_subsilber2a.png] [Blockierte Grafik: http://img3.imagebanana.com/img/slg14qh/thumb/campfirefox_subsilber2b.png]
Gut, ich schreibe auch nicht auf grauem Papier, macht sich schlecht, aber hebt sich bei einem weissen HG doch ab :p
subsilver2 findet man über Google, die Grafiken hier http://www.phpbb3styles.net/Ein paar Farben und Grafiken sind aus prosilver drin, allerdings stören die überhaupt nicht.
Das schönste daran ist, dass es über ein externes (lokales) CSS gesteuert wird.Ganz fertig wird man nie, dazu stören dann und wann Kleinigkeiten. Aber so ist es schon ok - für mich.
-
Mit einer kleinen Ergänzung
Code@-moz-document url-prefix("http://www.camp-firefox.de/forum"), url-prefix("http://forums.mozillazine.org"), url-prefix("http://hilfe.tvbrowser.org"), url-prefix("http://www.thunderbird-mail.de/forum") {
werden auch andere Foren freundlicher und erscheinen weniger befremdlich.
-
Zitat von Wurstwasser
Jup, die Leiste auf dem Pic gefällt mir schon mal gut, wobei ich die Schaltflächen darauf doch etwas zu bunt empfinde.
schaltflächen gibts hier......das heisst die base64 versionen davon gg
http://userstyles.lesmurfy.de/viewtopic.php?p=653#p653
http://userstyles.lesmurfy.de/viewtopic.php?p=675#p675
wennst no mehr davon brauchst findest unter "Hover" noma paar sachen...
http://userstyles.lesmurfy.de/viewforum.php?f=71ZitatStylish gibt mir bei dem Code ein paar Fehlermeldungen, dennoch sieht die Leiste auch bei mir aus wie auf deinem Pic.
Glaub ich dir dir, ich denk mal das hat mit dem BS was zu tun - Ich hab Vista Ultimate 64 Bit und Windows 7 Ultimate 64 Bit
Ich hab auch noch Xp3 pro und von da nach Vista musste ich auch paar Zeilen löschen, 3 warns glaub ich - immer die selben....ZitatWo die Icons da genau stecken, weiß ich nicht mehr
Ich hab da schon ne Idee, wir laden uns des Template vom Forum irgendwo gg
.....und suchen uns des Zeug raus was wir brauchenZitatÄrgert mich jetzt doch sehr, schon alles gelöscht zu haben
Ich hab alles abgespeichert Oida.....Mein erster Versuch mim Schraubenzieher bis heute,
und des is grad mal en Jahr - is voll die Sucht geworden irgendwie , Steht im Schrauberforum unter "Domain - Codes"ZitatIch hatte sie damals nur genommen, weil die original Icons einen hässlichen Rand hatten.
Schaus dir jetzt mal an......die müssen wegZitatDesweiteren gibt es noch einen User "Seba®" bei userStyles, der einen "phpbb SubBlack" Style verfasst hat
Mit dem Teil hab ich die ersten Schritte gmacht nachdem ich vom Estartu den Code fürs Forum bekommen habZitatViel mehr Informationen kann ich ohne genaue Nachfrage erst mal nicht liefern!
....des kriang mer scho gebacken -
Hallo,
Zitat von .UlliMit einer kleinen Ergänzung
Code@-moz-document url-prefix("http://www.camp-firefox.de/forum"), url-prefix("http://forums.mozillazine.org"), url-prefix("http://hilfe.tvbrowser.org"), url-prefix("http://www.thunderbird-mail.de/forum") {
werden auch andere Foren freundlicher und erscheinen weniger befremdlich.
Bei mir ist allein damit
auch schon das Thunderbird-Forum von den Veränderungen betroffen. :shock: -
Zitat von Brummelchen
Gut, ich schreibe auch nicht auf grauem Papier, macht sich schlecht, aber hebt sich bei einem weissen HG doch ab :p
subsilver2 findet man über Google, die Grafiken hier http://www.phpbb3styles.net/
Wer das alles in Deutsch haben will
Ich habs mir schon geholt,das Template - bis ende der Woche hab ich des Teil zerlegt
Ich hab früher auch mal paar Websites ghabt mit phpBB 2 und 3 da hol ich mir des Zeug und die nötigen Antworten dazu
http://www.phpbb.de/community/index.php
http://www.phpbb.de/community/viewforum.php?f=89und wie du siehst hebt sich da einiges hervor
[attachment=0]Aufzeichnen.PNG[/attachment]Deswegen will ich aber trotzdem noch ein Dunkles haben, muss ja nicht alles Schwarz sein - weisst wie ich mein?
-
Zitat von graubaer
das Thunderbird-Forum von den Veränderungen betroffen
und welche seite ist davon betroffen bei mir ist allers normal auf der seite[Blockierte Grafik: http://www.abload.de/thumb/aufzeichnen282pr.png]
-
Zitat von ZweiVier
und welche seite ist davon betroffen bei mir ist allers normal auf der seite
Ganz allgemein, wenn ich ins Forum gehe, wie jetzt hier, werden die Beiträge gemäß folgendem Style angezeigt: -
Das dürfte daran liegen, dass nach der Seitenangagbe (camp-ff) die Kalmmer geöffnet und gleich wieder geschlossen wird. Ich bin der Meinung, der Code müsse ja zwischen die Kalmmern. Also die eine schließende Klammer nach ganz unten verschieben, also so:
CSS@-moz-document domain("www.camp-firefox.de") { .post.bg2 { background-color: #fff !important; } .post.bg1 { background-color: #faebd7 !important; } }
MfG....
-
-
>> Wer das alles in Deutsch haben will
Ist ja in deutsch hier - dank prosilver [de]
Bei den Styles ist in der Tat aber nur [en] dabei, ist aber unerheblich weil die Knöppe
nicht immer in die Form passen. Ich kann keine subsilver2-Knöppe nehmen mit
dem css aus prosilver, bei letzterem sind die Knöppe kleiner.
Bei den restlichen Grafiken muss man schauen, wie es passt, wird zwar auch im css
formatiert, allerdings kann man da einfacher tricksen und die vorhandenen nutzen.>> und wie du siehst hebt sich da einiges hervor
Du per stylisch - ich per CSS
Im Prinzip isses mir egal, solange ich es nicht nutzen muss -
Weiss wer um welche Schrift es sich handelt in der textbox im Bild oben links markiert,
dann könnt ich die Buttons mit der gleichen Schrift machen.......[Blockierte Grafik: http://www.abload.de/thumb/aufzeichnen99997x51.jpg]
-