Unicyclist.com Styles

Hey Leute!

In den Einstellungen von diesem Forum kann man glaube ich zwischen den Farben blau, helles blau und pink wählen. Ich habe aber was mit Grün gewollt… Und endlich habe ich es geschafft! Ich habe einen Code etwas umgeschrieben und jetzt läufts…
Farben: grün + schwarz

Ich Lad gleich mal Bilder hoch…

EDIT: Hier die Bilder

Neues Bild (1).jpg

Neues Bild (2).jpg

Neues Bild.jpg

cool wie hast des gemacht?

Igitt! :stuck_out_tongue: :astonished: :smiley: Aber Pink ist echt krass. Da wird man ja blind von!

coll ich hätte auch gern wie bekommt man das

Sorry, hab vergessen zu posten wies geht :o

Also:

  1. Wer noch nicht hat, firefox installieren.
  2. Add-On Stylish installieren
  3. Code einfügen:
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.unicyclist.com") {

}


body {
background-color:#000000!important;
}
#topAds, #ad770x90, #topAd, #ad160x600  {
   display:none!important;
}
#content {
   background-color:#000000!important;
}
* {
   color:#070!important;
   background-color:transparent!important;
   border-color:#252!important;
}
#PhotoAlbums_SingleView  {
   background:none!important;
}
* a:hover, li:hover, input:hover{
   color:#ccc!important;
   background-color:#020!important;
   text-decoration:none!important;
}
*:focus {
   background-color:#010!important;
}
.fn-note-text, .fn-note-edit-text {
   background:white!important;
}
#topHeader {
   background:none!important;
   border-bottom:1px solid #373!important;
}
#logo {
   display:none!important;
}
#QuickFormSearch input {
   background-image:none!important;
}
* a {
color:#0f0!important;
}
#masterLeft {
   margin-top:55px!important;
   position:fixed;
}
#MyGroups_Table td.greyBG {
background-color:#111!important;
border-bottom:1px solid #373!important;
}
div.photo-list ul.photos li {
background:#111 url(../../Img/bg-photo.png) repeat-x scroll 0 0!important;
}
div.photo-list ul li:hover {
border:1px solid #0f0!important;
}
div.photo-list ul.photoalbums li {
background:transparent!important;
}
#resultboxAutosuggest .unselected {
background-color:#111!important;
}
#resultboxAutosuggest .selected {
background-color:#020!important;
}
.tcl .Details .online {
color: #8f8!important;
}
div.Snipplet-Photos-Diashow {
background-color:black!important;
position:absolute!important;
}
div.obj-photo-slider .slider.albums ul li a {
background:transparent !important;
}
.phxDialogBody {
background:#222!important;
}
.phxDialogTop {
background:transparent!important;
}
.phxDialogBottom {
background:transparent!important;
}
.MessageIcon, .GruschelIcon, .FriendsInvitationsIcon, .invitationIcon, .BirthdayIcon {
   width:150px !important;
   height:108px !important;
}
.MessageIcon img, .GruschelIcon img, .FriendsInvitationsIcon img, .invitationIcon img, .BirthdayIcon img {
   display:none !important;
}
.MessageIcon {
   background:url('http://img3.imagebanana.com/img/j9oz0915/IconMail.png')!important;
}
.GruschelIcon {
   background:url('http://img3.imagebanana.com/img/42mruiyv/IconGru.png')!important;
}
.FriendsInvitationsIcon {
   background:url('http://img3.imagebanana.com/img/710fmbzr/IconFriend.png')!important;
}
.invitationsIcon {
   background:url('')!important;
}
.BirthdayIcon {
   background:url('http://img3.imagebanana.com/img/464i1auu/IconBday.png')!important;
}
div.messages-list-content .col4 .wrap {
background: url(http://img72.imageshack.us/img72/4388/collapsedbllg3.gif) no-repeat 5px 7px !important;
}
.opened div.col4 .wrap {
background: url(http://img143.imageshack.us/img143/2043/collapsedbldwnbs4.gif) no-repeat 5px 7px !important;
}

#historyLink {
background: url(http://img72.imageshack.us/img72/4388/collapsedbllg3.gif) no-repeat 0px 7px !important;
}

#historyLink.opened {
background: url(http://img143.imageshack.us/img143/2043/collapsedbldwnbs4.gif) no-repeat 0px 7px !important;
}

.status_new .status div {
   background: url(http://img143.imageshack.us/img143/1348/messagesnewblks7.gif) no-repeat !important;
   }

.status_read .status div {
   background: url(http://img247.imageshack.us/img247/5007/messagesreadblnz1.gif) no-repeat !important;
   }

.status_answered .status div {
   background: url(http://img247.imageshack.us/img247/7246/messagesansweredblgr5.gif) no-repeat !important;
   }

#historyLink {
   background: url(http://img72.imageshack.us/img72/4388/collapsedbllg3.gif) no-repeat 0px 7px !important;
   }

#historyLink.opened {
   background: url(http://img143.imageshack.us/img143/2043/collapsedbldwnbs4.gif) no-repeat 0px 7px !important;
   }
div.obj-photo-slider .slider-left {
background:transparent url() no-repeat scroll left center!important;
}
div.obj-photo-slider .enabled-left {
background:transparent url(http://static.pe.schuelervz.net/20081127-3/Img/btn-slider-left-disabled.gif) no-repeat scroll left center!important;
}
div.obj-photo-slider .slider-right {
background:transparent url() no-repeat scroll left center!important;

}
div.obj-photo-slider .enabled-right {
background:transparent url(http://static.pe.schuelervz.net/20081127-3/Img/btn-slider-right-disabled.gif) no-repeat scroll left center!important;
}
div.Chat_Header_Message_Dropdown_List {
background-color:#222!important;
}
div.Chat_Header_Message_Help {
background-color:#333!important;
}
div.Chat_Main_Shadow {
background-color:#00FF00;
}
div#Chat_Main div#Chat_Topbar {
background:#020!important;

}
div#Chat_Main_Container {
background-color:#000!important;
border:1px solid #353!important;
}
#resultbox .unselected {
background-color:#111!important;
}
#resultbox .selected {
background-color:#020!important;
}
}
  1. Fertig!

Hab ich aber nicht selbst geschrieben, nur bisschen abgeändert. Werd versuchen, es noch zu verbessern :wink:

MATRIX-STYLE wers noch nicht geahnt hat: ich steh auf den film. trotzdem werd ich das blaue layout weiter benutzen, weil ich es als augenfreundlicher empfinde. Nichtsdestotrotz (übrigens das Wort im Deutschen, das geschrieben am allerhässlichsten ist) Respekt für deine Pionierarbeit :wink:

Danke…

Hab jetzt die Farben nochmal geändert…
Jetzt siehsts so aus:

Neues Bild.jpg

Ich glaub es wird Zeit daß der Winter sich verabschiedet und ihr andere Probleme habt…:stuck_out_tongue:

Das passiert also, wenn man die richtigen Werkzeuge in die falschen Hände legt. Ein bisschen weniger grün hätte es auch getan, oder? :stuck_out_tongue:

OMG… wenns eins gibt das scheiße ausschaut… dann das hahaha

Jeremy!!!

Meinst du das Logo oder das Skin? :astonished: ;):(:o:) :thinking:

You need the Add-On “Stylish” (don’t know wheter it exists in english) for firefox.

Sure it does.

von einem svz script geklaut?:D:D
weil von gruscheln die rede ist:):):slight_smile:

Jaa hab ja geschrieben, es ist nicht von mir^^ kp von wem… Aber eigentlich für svz :wink: SO kann man übrigens jedes Skript von svz umwandeln, man muss nur oben die Seite ändern :smiley:

ihr seid doch verrückt macht doch das forum nicht noch hässlicher als es schon ist :smiley:
und schaut mal in meinem Gästebuch vorbei hab mir echt mühe gegeben bei der farbkomposition

du hast aber einen fehler gemacht glaub ich bei mir verwendet er das script irgend wie auf jede seite :thinking: :thinking:

Schöne Seite fido! Ich hab mir nicht so viel Mühe gegeben, ich gebs zu! :smiley: :smiley:

Du musst oben @-moz-document domain(“www.unicyclist.com”) reinschreiben :wink:

Hab mir, nachdem ich eine Umfrage über die Farbeinstellungen hier im englischen Forum gelesen habe, nochmal die Arbeit gemacht und selbst so einen Code für Stylish geschrieben. Ist jetzt wesentlich einfacher aufgbaut:

Sieht so aus:

@-moz-document domain(unicyclist.com) {
/* By Lindae =) */

body {
background-image: url(Hier kann man die url eines Hintergrundbilds einfügen) !important;
background-attachment:fixed !important;
background-repeat:repeat !important;
background-position:-80px -160px!important;
/* Das verschiebt das Bild, /
/
wenn man eine bestimme Ecke nicht haben möchte */

}

  • {
    border-color:#000000 !important;
    /* Das sind diese Striche z.b. unter und über Kontrollzentrum /
    background:none !important;
    color:#55D400 !important; }
    /
    Das ist die Farbe der Schrift /*
    }

/* Ende */

Ich hab versucht, den Text zu erklären, diese Kommentare sind hellblau. Kann man im Text drinnen lassen, sie stören nicht, aber man kann sie natürlich auch löschen.

Die Farben lassen sich auch ändern, ich weiß aber nicht nach welchem System die benannt wurden (ausser dass am Anfang meistens # steht). Ich kann euch aber hier ein paar Beispiele aufzählen:
#000000 - schwarz
#55D400 - neongrün
#801 - dunkelrot
#EEEEEE - weiß
#F0F0F0 - dieses Hiuntergrund (die Farbe, die hier unsichtbar ist)

Am einfachsten sein Fabre zu bekommen ist es, eine dreistellige Zahl auszuprobieren. Ich hatte auch mal eine ältere Version, da konnte man mit einem Klick auf Einfügen seine Farbe auswählen und sie stand als Text da.

Das sind ganz normale Farbcodes mit 24 bit Farbtiefe. Diese Codes muß man als 3 Gruppen mit jeweils 2 Ziffern/Buchstaben lesen. Jede dieser 2er-Gruppen steht für eine Zahl zwischen 0 und 255 im Hexadezimalsystem. Wer nicht weiß, was das Hexadezimalsystem ist, kann das hier nachlesen. Diese 3 Zahlen zwischen 0 und 255 geben jeweils die Menge von rot, grün und blau (in dieser Reihenfolge) an. Dabei steht 0 für nix und 255 für volle Dröhnung.
Z.B. #55D400 ergibt 85 rot, 212 grün und kein blau. Gemischt (additive Farbmischung) gibt das dann halt ein neongrün.
Echtes weiß ist #FFFFFF (#EEEEEE ist ein sehr helles grau) und #F0F0F0 ist ein relativ helles grau. Unsichtbar ist das nur, wenn der Hintergrund dieselbe Farbe hat. #801 halte ich für einen unzulässigen Wert. Wenn das wirklich als Dunkelrot angezeigt wird, wird es wohl als #801000 interpretiert.