Firefox - Forum mal anders

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"

SmurFy

Sehr Schön! Aber:

Das Logo noch in der BG Farbe = #253949, dann wäre es Perfekt!

Oida!

ZweiVier

Zitat von SmurFy

Sehr Schön! Aber:Das Logo noch in der BG Farbe = #253949, dann wäre es Perfekt! Oida!

Ich hab des in Stylish gepackt zwergerl, in meiner Chrome tu ich nix rein die ist noch völlig jungfräulich :wink:

SmurFy

Hasi, dann nimm mal das hier

[Blockierte Grafik: http://img507.imageshack.us/img507/2413/logophpbbbx0.jpg]

Und bastel das mit nei!

BTW:
Ich nutz doch auch Stylish!

Wurstwasser

Ich habe bei mir auch ein wenig rum gebastelt, allerdings hab ich mir schon bestehende Styles ein wenig umgeformt.
Allerdings gefielen mir die Grafiken aus dem Board nicht wirklich.
Wie auch auf deinen Screens zu sehen, sind die an den Rändern sehr ausgefranst.
Das kann man bestimmt alles noch verbessern, aber mangels genügend Kenntnissen habe ich wieder nach vorgefertigten Scripten gesucht.
Heraus gekommen sind Symbole, wie sie hier zu sehen sind:
[Blockierte Grafik: http://img134.imageshack.us/img134/2946/image0001yu7.th.jpg]
Wenn sie dir gefallen, die sind aus diesen Scripten:
http://userstyles.org/styles/5195
http://userstyles.org/styles/5196
und
http://userstyles.org/styles/6239
Kannst ja mal gucken, ob du die eventuell auch bei dir einbauen willst.

raiko

So sieht es im Moment bei mir aus

[Blockierte Grafik: http://img3.imagebanana.com/img/jgim54gw/thumb/Index_1219072840809.png]

http://userstyles.org/styles/57

ZweiVier

Zitat von SmurFy

Hasi, dann nimm mal das hier
[Blockierte Grafik: http://img507.imageshack.us/img507/2413/logophpbbbx0.jpg]
Und bastel das mit nei!

Ich habs einfach ausgeknipst des Teil, find des kommt noch besser gg

[Blockierte Grafik: http://img3.imagebanana.com/img/7n62lnhl/thumb/Aufzeichnen.PNG]

Als nächstes sind paar sachen vom "Wurstwasser" dran - die Pfeile
und ordner kommen gut rüber - die such ich mir jetzt mal :wink:

Wurstwasser

Die Pfeile und das Symbol bei "Wer ist online" sind vom dritten Style, die Ordner und noch einiges mehr in den diversen Unterseiten von den ersten beiden Styles (ist eigentlich nur ein Style, gesplittet).

liracon

ist sehr schön.
Wenn es noch möglich wäre, die Buttons (Kennzeichen für neues Posting im Unterforum) der Startseite irgendwie besser hervorzuheben (knallgelber Hintergrund oder fettes rot als Umrandung) wäre es ja schon eine GOLDMEDAL wert !

ZweiVier

Auf der startseite hab ich schon mal die Icons getauscht ....

[Blockierte Grafik: http://img3.imagebanana.com/img/bh8t7iuc/thumb/Aufzeichnen222.PNG]

morgen mach ich dann mal die anderen Icons

[Blockierte Grafik: http://img3.imagebanana.com/img/qx486y1y/thumb/Aufzeichnenrrrrr.PNG]

LG "ZweiVier"

adxalf

Danke ZweiVier, das sieht toll aus!

ZweiVier

Zitat von liracon

Wenn es noch möglich wäre, die Buttons (Kennzeichen für neues Posting
im Unterforum) der Startseite irgendwie besser hervorzuheben

Die Startseite hab ich schon mal fertig.....

[Blockierte Grafik: http://img3.imagebanana.com/img/tfql2e5v/thumb/Aufzeichnen11.PNG] [Blockierte Grafik: http://img3.imagebanana.com/img/8ldho72f/thumb/Aufzeichnen12.PNG]

Des problem dabei ist die Richtigen Icons zu finden mit transparentem Hintergrund,
ich pass die im moment alle farblich an damit der Hintergrund nicht sichtbar ist......

LG "ZweiVier"

Edit: hab noch 2 Icons ersetzt

[Blockierte Grafik: http://img3.imagebanana.com/img/7cx3z217/Aufzeichnen33.PNG]

ZweiVier

Zitat von raiko

So sieht es im Moment bei mir aus

Ich hab mir mal dein Avatar ausgeliehen....wenns recht is ?

[Blockierte Grafik: http://img3.imagebanana.com/img/1l3ermce/Aufzeichnen.PNG]

see ya "ZweiVier"

SmurFy

Sag mal Digga, Du postet Dir hier einen weg von wegen was Du so alles verändert hast, aber, wo issen der Link dazu? Hä?

Raus damit, aber ganz Schnell! *fg

raiko

Zitat von ZweiVier

Ich hab mir mal dein Avatar ausgeliehen....wenns recht is ?

see ya "ZweiVier"

kein problem

und

lass uns mal an deinem meisterwek teilhaben ja?

ZweiVier

Zitat von SmurFy

Sag mal Digga, Du postet Dir hier einen weg von wegen was Du so alles verändert hast, aber, wo issen der Link dazu? Hä?
Raus damit, aber ganz Schnell! *fg

Ich brauch noch ein Icon und zwar so in der Art [Blockierte Grafik: http://img3.imagebanana.com/img/eahziom/Aufzeichnen.PNG]
weil des was ich jetzt habe ist ein "base64"- bild mit
endvielen zeichen und sprengt das Limit für zulässige Zeichen.
Ausserdem muss der Hintergrund Transparent sein wegen dem Problem hier gg
[Blockierte Grafik: http://img3.imagebanana.com/img/6o645dl/Aufzeichnen2.PNG] [Blockierte Grafik: http://img3.imagebanana.com/img/hngb4vud/Aufzeichnen1.PNG]

sollte dann so aussehen der

CSS

img[src$="folder_lock_new.gif"] {width:0px !important; height:0px !important;
background-repeat: no-repeat; padding-left:28px !important; padding-top:28px !important;
background-image: url(http://img3.imagebanana.com/img/takl0a91/Security55.gif)!important;}

aber bisher sieht er so aus und damit zu lang

CSS

img[src$="/icon_latest_reply.gif"]  {
width:0px !important;height:0px !important;background-repeat: no-repeat;
padding-left:36px !important; padding-top:16px !important; float: right !important;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAI2SURBVD
iNlZJLSFRhHMV/3+POw0bDFFLEXkQgaBQEhdNGaNEiggRbRoFCuMlyjDZCKzeNkIsochMUvaRFYj5wES1m0Cm
kFDfRIiwznbGBHuN479z7tQhfMxPUgbP5/ofD+Z//hzGGfIa7dKyxU7cVm+VTUgTGo3F39YG+cJc1EI5YoWKa
NRQ1ALjS0hs8efTsaQSz4YjV8N8GSmqaDp/xtTdfrw36QxPhiNVWTCcaI/orhp1bHhXZm+2DganPY1SV7cMnt
/F4/NbKh/mZYWM4H4s6PzcMOrXpuXgfKRRKKISQCAQAiU9DeLiU+Xewq7ye+PS4MzY5sIAxp2JRZwZAA7hejt
jHZyipUUKBEAgBQgHCY9meI700z8G6I1ZN1Z7ap2N3J8IRqyMWdfo1QM5bJZ1ZwHaz2G4WpTSlJWWUBEL4LT9
GuNhejndLo9SE6kRrc1fJ0KtHfcevWsc0wNKPOd4nX693oH2ClCPRWYnWCr8viE8GUPgpzZWjTJCsnTHrK2wp
UILUAmXJP/SBp7KgLBoqmkgvZsyDl3dWsquZjRUAWg5dWzdQlkBpychcL9onqQ7tp277CSbfxO3E2/hX47KpRMHi7Sc9W84oLbKXznUHlFLUVzZRofcy8PxhZjH5ZcS4eWc0xhR8jnDEMpdbu/nlJUmmUubF6OCK7dgdsRtOf762oIM1ODmbxFRidXp2atHbFLmgs78lqCivzHz7nho2Lhc2R/6nBEISX06n7sWihZHz8RtB3gm0bnbltgAAAABJRU5ErkJggg==)  !important;}

Alles anzeigen

Also bin ich weiter auf der Suche und wenn ich das habe poste ich den code für Teil 2 Des neuen Outfit`s

see ya "ZweiVier"

Estartu

Zitat von ZweiVier

Ich brauch noch ein Icon und zwar so in der Art [Blockierte Grafik: http://img3.imagebanana.com/img/eahziom/Aufzeichnen.PNG]
weil des was ich jetzt habe ist ein "base64"- bild mit
endvielen zeichen und sprengt das Limit für zulässige Zeichen.
Ausserdem muss der Hintergrund Transparent sein wegen dem Problem hier gg
[Blockierte Grafik: http://img3.imagebanana.com/img/6o645dl/Aufzeichnen2.PNG] [Blockierte Grafik: http://img3.imagebanana.com/img/hngb4vud/Aufzeichnen1.PNG]

Schittebön. Ist allerdings 'n png geworden. Geht aber auch.
[Blockierte Grafik: http://img3.imagebanana.com/img/uizblu5r/icon_latest_reply.png]

Estartu

Korrektur. Das erste dürfte zu groß sein. Hab jetzt mal den data-code genommen.
[Blockierte Grafik: http://img3.imagebanana.com/img/0hymantq/icon_latest_reply.png]

ZweiVier

Merci dir, genau des hab ich jetzt gebraucht gg

Weiss nur noch nicht wie ich es anstelle da ich den gesamten Code von
den Grafiken in den Code vom Anfangspost gepackt habe, habs mal
eben ausprobiert ggg - der gesamte code würde hier reinpassen......

seh grad .... hab eines vergessen gg

[Blockierte Grafik: http://img3.imagebanana.com/img/0huzft7o/thumb/Aufzeichnen33.PNG]

des änder ich gleich mal......und seh grad dein neuen post.....die grösse hab ich im code schon angepasst

Merci derweil, "ZweiVier"

geaendert um
[Blockierte Grafik: http://img3.imagebanana.com/img/nm4i08l8/Aufzeichnen.GIF]

Edith sprach......willst du den ganzen Code musst du hier hin >>>> Firefox browser forum in a new guise

see ya "ZweiVier"

Estartu

Sieht ja cool aus. Klasse Arbeit.

[Blockierte Grafik: http://img3.imagebanana.com/img/x7t5uqk7/thumb/forumneu.jpg]