Firefox - Forum mal anders

Ich bin ein stiller Forumteilnehmer. Und danke hier und da für einen guten Tipp. Ich verfolge schon seit dem alten Forum "Forum mal anders" und finde die Mühe der aktiven Forumsteilnehmer schon beachtenswert.

Zitat

Über Geschmäcker lässt sich ja streiten

An dieser Stelle sollte man dann kein Komma, sondern einen Punkt setzen.

Danke und Gruß
Walli

Für den einen ist es Dünnschiss, für den anderen eine Meinung.

Zitat von ZweiVier

Serwas,
Hab heute mal das Forum bisschen farblich verändert
dazu war ich aber auch nur in der Lage weil mir Estarfu
den code hierfür überlassen hat......

[Blockierte Grafik: http://img3.imagebanana.com/img/341xwo3e/thumb/1.PNG] [Blockierte Grafik: http://img3.imagebanana.com/img/tbwr9br/thumb/2.PNG] [Blockierte Grafik: http://img3.imagebanana.com/img/unvz19xb/thumb/3.PNG] [Blockierte Grafik: http://img3.imagebanana.com/img/84ine8kq/thumb/4.PNG]

[Blockierte Grafik: http://img3.imagebanana.com/img/qdh2xuvh/thumb/5.PNG] [Blockierte Grafik: http://img3.imagebanana.com/img/b526292v/thumb/6.PNG] [Blockierte Grafik: http://img3.imagebanana.com/img/ib0bka1v/thumb/7.PNG] [Blockierte Grafik: http://img3.imagebanana.com/img/1o0qkk53/thumb/8.PNG]

CSS

@namespace url(http://www.w3.org/1999/xhtml);


@-moz-document url-prefix(http://www.firefox-browser.de/forum){body {background-color: #425999 !important;}


font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; }


a:link,a:active,a:visited { color : #7fff00 !important; text-decoration: none!important; }
a:hover	{ text-decoration: underline!important; color : #ffd700!important; }
hr { height: 0px; border: solid #708090 0px!important; border-top-width: 1px!important;}


.bodyline { background-color: #253949!important; border: 0px #212121 solid!important; }
.forumline { background-color: #708090 !important; border: 0px #212121 solid!important; }


td.row1	{ background-color: #424a5a !important; }
td.row2	{ background-color: #425999 !important; }
td.row3	{ background-color: #424a5a !important; }
td.row_helped { background-color: #221432!important; }
td.rowpic {background-color: #425999 !important;
	   background-image: url(http://www.phpbb.com/styles/forum/templates/subBlack/images/cellpic2.jpg)!important;
	   background-repeat: repeat-y!important;}


th { color: #27cefa ; font-size: 12px!important; font-weight : bold!important;
     background-color: #253949 !important; height: 25px!important;
     background-image: url(http://www.phpbb.com/styles/forum/templates/subBlack/images/cellpic3.gif)!important;}


td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom 
{background-color:#425999!important; border: #FFCC66!important; border-style: solid!important; height: 28px!important;}


td.cat,td.catHead,td.catBottom {height: 29px!important; border-width: 0px 0px 0px 0px!important;}


th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR 
{font-weight: bold!important; border:#ffd700 !important; border-style: solid!important; height: 25px!important; }


td.row3Right,td.spaceRow {background-color: #424a5a!important; border: #FFCC66!important; border-style: solid!important; }


th.thHead,td.catHead { font-size: 12px!important; border-width: 0px 0px 0px 0px!important; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 0px 0px 0px!important; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 0px 0px 0px!important; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 0px!important; }
th.thBottom,td.catBottom { border-width: 0px 0px 0px 0px!important; }
th.thTop { border-width: 0px 0px 0px 0px!important; }
th.thCornerL { border-width: 0px 0px 0px 0px!important; }
th.thCornerR { border-width: 0px 0px 0px 0px!important; }


th.thHead,th.thSides,td.catSides,td.spaceRow,td.catRight,td.row3Right,
th.thTop,th.thCornerR,th.thCornerL,table.forumline th 
{background-image: url
(http://www.phpbb.com/styles/forum/templates/subBlack/images/cellpic3.gif)!important;
background-repeat: repeat-x!important;}


td.rowpic,th.thBottom,td.catBottom,th.thLeft,td.catLeft,th.thRight,td.cat,td.catHead
{background-image: url(http://www.phpbb.com/styles/forum/templates/subBlack/images/cellpic1.gif)!important;
background-repeat: repeat-x!important;}


.maintitle,h1,h2 {font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
		  text-decoration: none!important; line-height : 120%!important; color : #ffd700  !important;}


.pm { font-size: 11px!important; text-decoration: none!important; color: #00ffff!important }
.gen { font-size : 12px!important; }
.genmed { font-size : 11px!important; }
.gensmall { font-size : 10px!important; }


.mainmenu { font-size : 11px!important; color : #ff00ff !important; }


a.mainmenu { text-decoration: none!important; color : #daa520 !important;}
a.mainmenu:visited { text-decoration: none!important; color : #ff8c00 !important; }
a.mainmenu:hover{ text-decoration: none!important; color : #fff000 !important; }


.gen,.genmed,.gensmall { color : #fff  !important; text-decoration: none!important; }


a.gen,a.genmed,a.gensmall { color:#00ffff !important; text-decoration: none!important; }
a.gen:visited,a.genmed:visited,a.gensmall:visited { color: #7fff00 !important; text-decoration: none!important; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #fff !important; text-decoration: none!important; }


.cattitle 
{ font-weight: bold!important; font-size: 12px !important; letter-spacing: 1px!important; color: #daa520 !important}


a.cattitle { text-decoration: none!important; color : #fff000  !important; }
a.cattitle:visited { text-decoration: none!important; color : #fff000!important; }
a.cattitle:hover { color: #00ffff !important; text-decoration: none!important; }


.forumlink { font-weight: bold !important; font-size: 12px !important; color : #fff !important; }


a.forumlink { text-decoration: none !important; color : #ffa34f ! important; }
a.forumlink:visited { text-decoration: none !important; color : #87ceeb !important; }
a.forumlink:hover { text-decoration: none !important; color : #fff000! important; }


.nav { font-weight: bold; font-size: 11px !important; color : #ffffff !important;}
a.nav { text-decoration: none !important; color : #ffffff !important; }
a.nav:visited { text-decoration: none !important; color : #87ceeb ! important; }
a.nav:hover { text-decoration: none !important; color : #ffffff ! important; }


.topictitle { font-weight: bold !important; font-size: 11px !important; color : #d2b48c !important; }
a.topictitle:link { text-decoration: none !important; color : #fff000 !important; }
a.topictitle:visited { text-decoration: none !important; color : #40e0d0 !important; }
a.topictitle:hover { text-decoration: underline !important; color : #FFF !important; }


.name { font-size : 11px; color : #fff000!important;}
.postdetails { font-size : 10px; color : #40e0d0 !important; }
.postbody { font-size : 12px !important; color: #fff !important;}


a.postlink:link	{ text-decoration: none !important; color : #ffa500 !important; }
a.postlink:visited { text-decoration: none !important; color : #fff !important; }
a.postlink:hover { text-decoration: none !important; color : #98fb98 !important; }


.code 
{font-family: Courier, 'Courier New', sans-serif!important; font-size: 13px!important; color: #ffff00!important;
background-color: #253949 !important; border: #BFBFBF!important; border-style: solid!important;
border-left-width: 1px!important; border-top-width: 1px!important; border-right-width: 1px!important; border-bottom-width: 1px!important}


.quote 
{font-family: Verdana, Arial, Helvetica, sans-serif!important; font-size: 13px!important; color: #ffff00!important; line-height: 125%!important;
background-color: #253949 !important; border: #BFBFBF!important; border-style: solid!important;
border-left-width: 1px!important; border-top-width: 1px!important; border-right-width: 1px!important; border-bottom-width: 1px!important}


.copyright
{ font-size: 11px!important; font-family: Verdana, Arial, Helvetica, sans-serif!important; color: #00ffff !important;}
a.copyright { color: #ff0000!important; text-decoration: none!important;}
a.copyright:link { color : #fff!important; text-decoration: none!important;}
a.copyright:visited { color : #fff!important; text-decoration: none!important;}
a.copyright:hover { color: #ff0000!important; text-decoration: underline!important;}


form 
{ margin: 0!important; }


input,textarea, select 
{color:#000 !important; font:normal 11px Verdana, Arial, Helvetica, sans-serif!important;border-color : #FFFfcc!important;}


input.post, textarea.post, select {background-color : #a0522d !important;}
input.post2, textarea.post2, select {background-color : #d2b48c !important;}
input { text-indent : 2px!important; }
input.button {background-color : #000fff  !important;color : #000000 !important;
font-size: 11px!important; font-family: Verdana, Arial, Helvetica, sans-serif!important;cursor: pointer!important;}


input.mainoption {background-color : #000 !important;font-weight : bold!important;cursor: pointer!important;}
input.liteoption {background-color : #000  !important;font-weight : normal!important;cursor: pointer!important;}


.helpline 
{ background-color: #212121!important; border-style: none!important; }


.table0 
{background-color: #6c006c!important; border-bottom-color : #BFBFBF!important; border-bottom-style : solid!important;
border-bottom-width : 0px!important; border-top-color : #696969!important; border-top-style : solid!important;
border-top-width : 1px!important; color : #000000!important; font-size : 10px!important;}


div.pagination a {background-color: #000000!important;}
div.pagination a:hover {background-color: #b1b1b1!important;border: solid 1px #fff!important;color: #FFFFCA!important;}


a.gensmall {}}

Alles anzeigen

LG "ZweiVier"

Das gefällt mir auch. Wo kann ich denn nachlesen, wie ich das machen kann? Bin ja bissl blond und habe von sowas keine Ahnung. Gibt es irgendwo eine Schritt für Schritt Anleitung, mal so dumm frag? 19 Seiten hier durchzuackern, die von vielen Codes durchzogen sind, macht es ziemlich schwer, das Richtige zu finden!

Hallo mrspeggy...........der Code den du hier zitiert hast ist vom alten Forum.
Aber du kannst ja mal hier:

http://userstyles.lesmurfy.de/index.php

nachsehen.

Zitat von 2002Andreas

Hallo mrspeggy...........der Code den du hier zitiert hast ist vom alten Forum.
Aber du kannst ja mal hier:

http://userstyles.lesmurfy.de/index.php

nachsehen.

Aha... das Forum, welches Du mir empfiehlst, scheint interessant. Das braucht dann wohl etwas Zeit, bis ich meinen Firefox so gestalten kann. Muß ich mal schauen.. Danke Dir.

Zitat von ZweiVier

freilisch gibts des ......
http://userstyles.lesmurfy.de/viewtopic.php?p=228&f=52#p228
http://userstyles.lesmurfy.de/viewforum.php?f=52

Hey, genau sowas meine ich...und wie toll...auch in deutsch... denn meistens ist sowas in Englisch. Ganz lieben Dank. Da werde ich mich mal mit auseinandersetzen.. [Blockierte Grafik: http://content.sweetim.com/sim/cpie/emoticons/000201F9.gif]

Zusätzlich zu meinem Style bitte noch folgende Codezeile hinzufügen:

select[id="search_forum"] {height:120px !important;}

Der bringt die Auswahlbox "Zu durchsuchende Foren" im Formular für die Erweiterte Suche wieder auf die normale Größe.

Edit: Mein Style ist jetzt auch auf userstyles.org verfügbar.
http://userstyles.org/styles/18468

Ich hab das GMScript hier laufen. Und ein paar Modifikationen in der usercontent.css für den Avatar auf der rechten Seite und den Online Status.

@-moz-document url-prefix("http://www.camp-firefox.de/forum/viewtopic.php")
{
  .postbody {
    float:right !important;
    width: 84% !important;
    /*border-left: 2px solid #e0e0e0 !important;*/
    padding-left:18px !important;
   }
 
  .postprofile {
    float: none !important;
    display: block !important;
    border:none !important}

  .online {
  background-image: url("http://www.abload.de/img/grn2querbggq.jpg")  !important;
  background-position: 18px 127px !important;
  background-repeat: no-repeat !important;}
}

Jetzt das Problem: Sobald ich .online in der usercontent.css eingebaut hab schlägt der Hover Effekt der Klasse .bg1 zu und ändert die Hintergrundfarbe aber nur bei Beiträgen der User die Online sind. Warum? Hab schon alles mögliche angestellt um das loszuwerden Hab in .bg1:hover background-color auf transparent oder Background auf none gesetzt. Dann verschwindet zwar das ändern der Hintergrundfarbe, aber dafür verschwindet dann der Online Status beim rüberfahren über den Beitrag. Jetzt brauche ich ne neue Idee.

.bg1:hover { background-color: transparent !important;}

Tut jetzt doch den Job hatte wohin wohl gerade einen .bg2 User erwischt . Es ist nicht nur die Klasse .bg1 sondern auch noch .bg2, also das ganze auch noch für bg2 definieren. Wenn ihr mal etwas disziplinierter beim online sein sein könntet müsste ich mir nicht andauernd neue User suchen...Warum der hover effekt jetzt aber auftritt wenn ich .online benutzte in meiner usercontent weiß ich immer noch nicht.

Moin Moin,

ich habe mir das Forum auch ein wenig verändert - mit diesem Code von Road-Runner, bei dem ich aber die Farben von den Postings noch ein wenig verändert habe:

@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: #CADCEB !important; }
        .post.bg1 { background-color: #FFFFFF !important; }


    } 




#ECF3F7

Nun stimmt allerdings die Hintergrundfarbe von einigen Icons nicht mehr (siehe Bild) - könnt Ihr mir da sagen, wie ich das hinbekomme?

Und was mir bei Verwendung des obigen Codes auch nicht ganz klar ist: Wo sehe ich jetzt den Status, ob jemand online ist?

Gruß

Vitos

Zitat von vitos77

CSS

background-image: url("file:///d:/3 - mozilla/icon_user_online2.gif")!important;
           }

Und was mir bei Verwendung des obigen Codes auch nicht ganz klar ist: Wo sehe ich jetzt den Status, ob jemand online ist?

Du musst ein entsprechendes Bild (z.B. dieses) auf Deinem Rechner speichern und den Pfad anpassen.

[attachment=0]icon_user_online.gif[/attachment]

Oder ein entsprechendes Bild bei einem Filehoster oder auf eigenen Webspace hochladen und wiederum den Pfad anpassen.

Hallo,

zunächst vielen Dank für die Antwort. Hm, irgendwie bekomme ich das nicht hin mit dem Online-Icon. Ich habe jetzt Dein vorgeschlagenes Icon gespeichert - der Pfad lautet:

C:\Users\Admin\AppData\Roaming\Mozilla\Firefox\Profiles\kl949tni.default\chrome\icon_user_online.gif

also habe ich jetzt folgendes in der entsprechenden Zeile Deines Codes stehen:

background-image: url("file:///C:\Users\Admin\AppData\Roaming\Mozilla\Firefox\Profiles\kl949tni.default\chrome\icon_user_online.gif")!important;

Aber leider wird das Icon trotzdem nicht angezeigt - kannst Du mir da bitte noch einen Tipp geben?

Viele Grüße

Vitos

Versuche es doch mal so:

Zitat von vitos77

background-image: url("file:\\\C:\Users\Admin\AppData\Roaming\Mozilla\Firefox\Profiles\kl949tni.default\chrome\icon_user_online.gif")!important;

Hallo,

leider auch nicht das Icon ist noch immer nicht zu sehen. Hast Du sonst noch eine Idee?

Gruß

Vitos

EDIT: Jetzt kunktioniert es. Es muss lauten: "background-image: url("icon_user_online.gif")!important;"

Nun bleibt nur noch die Frage wegen der Hintergrundfarbe der Icons offen (siehe mein Bild oben in Beitrag # 295

Ich bin mir nicht 100% sicher....aber der Hintergrund gehört zu den Icons und läßt sich nicht ändern.
Ich habe z.B. den Button unten links ( Antworten ) auch selber machen müssen.
PS: man belehre mich eines besseren :wink:
[Blockierte Grafik: http://www3.pic-upload.de/thumb/02.11.09/ut7r2r3a4lr.jpg]

[Blockierte Grafik: http://www3.pic-upload.de/thumb/02.11.09/9lh61fw73yn.jpg]