weitere Rubriken
PhilosophieTräumeOrteEsoterikLiteraturAstronomieHelpdeskGruppenSpieleGamingFilmeMusikClashVerbesserungenAllmysteryWillkommenEnglishGelöscht
Diskussions-Übersichten
BesuchtTeilgenommenAlleNeueGeschlossenLesenswertSchlüsselwörter
Schiebe oft benutzte Tabs in die Navigationsleiste (zurücksetzen).

Allmy-Design ändern mit Stylish, Tipps Vorlagen und Austausch

1.337 Beiträge, Schlüsselwörter: Allmystery, Farbe, Firefox, Design, Html, CSS, Chrome, Gestaltung, Webdesign, Styling, Styles + 15 weitere
tic
Diskussionsleiter
ehemaliges Mitglied

Lesezeichen setzen

Allmy-Design ändern mit Stylish, Tipps Vorlagen und Austausch

28.12.2012 um 16:35
den anderen Thread hab ich dicht machen lassen, hier der Neue ..

heartbeat2welc01

der Thread dreht sich ums Stylish addon :)



mein Allmy sieht so aus:

.oO-> klick <-Oo.



wenns interessiert kann sich das Addon Stylish installieren, gibts für Firefox/Chrome ..

hier nen paar Beschreibungen:[/B]

Style für Allmy erstellen Firefox Spoiler

wenn ein vorhandener Code kopiert werden soll einfach unten links mit der Linken Maustaste auf das Stylish-Symbol klicken und dann auf "Stil erstellen"
dann auf "für diese url* danach Kopie and Paste, speichern fertig ..
ändern könnt ihr es genau so wie im Profil ..
dazu gibts dann ja den Thread hier -> Diskussion: Do it yourself: CSS für Profil und Blog da findet ihr alles was nötig ist ..

aa8aa0 image1


Style für Allmy erstellen Chrome Spoiler

wenn ein vorhandener Code kopiert werden soll einfach mit Rechtsklick auf das Stylish-Symbol klicken und danach auf "Optionen" dann auf "Neuen Style schreiben" dann noch Kopie and Paste, den Style benennen (zb Allmy) fertig, is ganz einfach ..
ändern könnt ihr es genau so wie im Profil ..
dazu gibts dann ja den Thread hier -> Diskussion: Do it yourself: CSS für Profil und Blog da findet ihr alles was nötig ist ..

29e786 image3





wenn ihr das Addon habt könnt ihr quasi jede Seite nach euren Wünschen gestalten oder einfach schon vorhandene Styles benutzen für zb Youtube, Fratzenbook, Google etc


Beispiel Fratzenbook:

.oO-> klick <-Oo.
[/u]



hier nen paar Vorlagen für Allmy, könnt ihr ja bei euch rein kopieren und gegebenen falls eurem Geschmack anpassen ..

Style von mir ( tic ) :)
body{
background:url("http://static.allmystery.de/upics/8bb582_tic_Allm..jpg");
background-color: transparent;
background-attachment:fixed;
}

a.attitel {
position: relative;
-webkit-animation-name: bounce;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;

-moz-animation-name: bounce;
-moz-animation-duration: 5s;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: alternate;
}

@-webkit-keyframes bounce {
from { left: 0px; color: #B00000;}
to { left: 700px; color: #CCC8C8;}
}

@-moz-keyframes bounce {
from { left: 0px; color: #B00000;}
to { left: 700px; color: #CCC8C8;}
}


.mcell_inhalt, .mcell_inhalt2, .mcell_inhalt3 {
-webkit-border-bottom-left-radius: 10px !important;
-webkit-border-bottom-right-radius: 10px !important;
-moz-border-radius: 0 0 10px 10px !important;
background: rgba(00,00,00,0.5)!important;
-webkit-box-shadow: 2px 2px 15px #000000;
-moz-box-shadow: 2px 2px 15px #000000;
}

.mcell, .mcell_status, .mcell2, .mcell3 {
-webkit-border-top-left-radius: 10px !important;
-webkit-border-top-right-radius: 10px !important;
-moz-border-radius: 10px 10px 0 0 !important;
opacity: 0.8; background-color: #380101;
}
#threads {
border: 0px none #000000;
border-radius: 20px;
padding: 10px;
}

.postbox1 {
background-color: #000000 !important;
border-bottom: 5px solid #000000;
border-top: 5px solid #000000 !important;
}
.postbox2,
.fd,
.fh {
background-color: #000000;
}
.fh td, .fd td {
background: none repeat scroll 0 0 #000000 !important;
padding-left: 4px;
}

.sufu {
background-color: #FFFFFF;
border: 1px solid black;
color: black;
font-size: 11px;
height: 19px;
padding-left: 4px;
padding-top: 5px;
width: 126px;
border-radius: 10px;
}

#se {
background: none repeat scroll 0 0 #000000;
border-left: 1px none black;
border-radius: 0 0 10px 10px;
border-right: 1px none black;
display: none;
margin-top: -9px;
opacity: 0.7;
text-align: left;
width: 435px;
}
#se_content {
background: none repeat scroll 0 0 #000000;
border: 1px none #000000;
border-radius: 0 0 10px 10px;
margin-top: 50px;
padding-bottom: 20px;
}
.quick_item_selected {
background: none repeat scroll 0 0 #000000;
}
.quick_item_header {
background: none repeat scroll 0 0 #000000;
border-bottom: 1px none black;
border-top: 1px none black;
font-size: 11px;
margin-bottom: 5px;
margin-top: 8px;
padding: 7px;
}
.quick_tags {
background: none repeat scroll 0 0 #000000;
padding-left: 6px;
padding-right: 6px;
text-align: center;
width: 423px;
}
#se_content {background:#000000;background-image:none;}
.quick_item_header quick_item_selected {background:#000000;background-image:none;}


#header {
background: transparent !important;
}

.tabnav {
border: 1px solid transparent;
position: relative;
white-space: nowrap;
width: 888px;
background: none;
z-index: 30000;
}

.tabnav a {
background-color: transparent !important;
border-bottom: 2px dodded transparent;
border-top: 2px solid transparent;
color: #FFFFF;
display: block;
float: left;
font-size: 11px;
margin-right: 0;
outline-style: none;
padding: 5px 0;
text-align: center;
text-decoration: none;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}

.tabnav a:hover {
box-shadow: 1px 1px 10px #000000, 5px 0px 20px #000000, 0px 0px 40px #FC0000;
-webkit-box-shadow: 1px 1px 10px #000000, 5px 0px 20px #000000, 0px 0px 40px #FC0000;


transition: 1s;
-moz-transition: 1s;
-webkit-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
border-bottom: 1px none #00CCFF;
color: #FC0000;
}


.tabnav:hover {
box-shadow: 1px 1px 10px #000000, 5px 0px 20px #000000, 0px 0px 50px #000000;
-webkit-box-shadow: 1px 1px 10px #000000, 5px 0px 20px #000000, 0px 0px 50px
#000000;
-moz-box-shadow: 1px 1px 10px #000000, 5px 0px 20px #000000, 0px 0px 50px


transition: 2s;
-moz-transition: 2s;
-webkit-transition: 2s;
-o-transition: 2s;
-ms-transition: 2s;
border-bottom: 1px dodded transparent;
color: #FC0000;

}

.main {
clear: both;
height: 100%;
margin-top: 70px;
padding-left: 9px;
padding-right: 10px;
padding-top: 16px;
width: 730px;
}

.infoleiste {
left: auto;
position: absolute;
top: 200px !important;
width: 150px;
z-index: 999;
right:0px;
}

.userfunction a,
.remove_on_search center a,
.remove_on_search,
.footer a,
center a,
.artikelmain_wrap a,
#blogs-functions a,
small a,
span a,
#se_content a,
a.at {
color: #FA0000 !important;
}
#chat_list a, #fl a u, #fl ua {
color: #fff !important;
}
table, tbody, #overview_content {
border-radius: 10px !important;
}
td a, a, .fh a {
-webkit-transition-property: color;
-webkit-transition-duration: 1s;
-moz-transition-property: color, text-shadow;
-moz-transition-duration: 0.5s;
}
a:hover {
-webkit-transition-property: color;
-webkit-transition-duration: 1s;
-moz-transition-property: color, text-shadow;
-moz-transition-duration: 0.5s;
}

#moreMenu {
background-color: rgba(00,00,00,0.85) !important;
box-shadow: 2px 2px 10px #000 !important;
-webkit-border-bottom-left-radius: 5px !important;
-webkit-border-bottom-right-radius: 5px !important;
-moz-border-radius: 0 0 5px 5px !important;
}
#moreMenu a {
background: transparent !important;
}

.paginator {
opacity: 0.8;
-webkit-border-top-left-radius: 5px !important;
-webkit-border-top-right-radius: 5px !important;
-moz-border-radius: 5px 5px 0 0 !important;
}
table {
opacity: 0.95;
}
.userfunction a:hover,
.remove_on_search center a:hover,
.remove_on_search:hover,
.footer a:hover,
center a:hover,
.artikelmain_wrap a:hover,
#blogs-functions a:hover,
small a:hover,
span a:hover,
#se_content a:hover,
a.at:hover {
color: #FFFFFF !important;
text-shadow: 0 0 10px #fff !important;
}
#chat_messages {
background: rgba(00,00,00,0.7);
}
td {
border: 3px none #290F0F;
padding: 0px;
}
#se_content, #se {
z-index: 9999 !important;
opacity: 1.0 !important;
}
.post {
opacity: 0.8;
}

Style von einem Ehemaligen body{
background-image:url("http://www.abload.de/img/back2zd84.jpg");
background-color: #000000;
background-attachment:fixed;
}
.mcell_inhalt, .mcell_inhalt2, .mcell_inhalt3 {
-webkit-border-bottom-left-radius: 10px !important;
-webkit-border-bottom-right-radius: 10px !important;
-moz-border-radius: 0 0 10px 10px !important;
background: rgba(00,00,00,0.5)!important;
-webkit-box-shadow: 2px 2px 15px #000;
-moz-box-shadow: 2px 2px 15px #000;
}
.mcell, .mcell_status, .mcell2, .mcell3 {
-webkit-border-top-left-radius: 10px !important;
-webkit-border-top-right-radius: 10px !important;
-moz-border-radius: 10px 10px 0 0 !important;
opacity: 0.8;
}
#threads {
border: 1px solid #00ccff;
border-radius: 20px;
padding: 10px;
}


.postbox1 {
background-color: #000000 !important;
border-bottom: 1px dotted #00CCFF;
border-top: 1px dotted #00CCFF !important;
}
.postbox2,
.fd,
.fh {
background-color: #000000;
}
.fm td, .fh td, .fd td {
background: none repeat scroll 0 0 #000000 !important;
padding-left: 4px;
}

.sufu {
background-color: #FFFFFF;
border: 1px solid black;
color: black;
font-size: 11px;
height: 19px;
padding-left: 4px;
padding-top: 5px;
width: 126px;
border-radius: 10px;
}

#se {
background: none repeat scroll 0 0 #000000;
border-left: 1px solid black;
border-radius: 0 0 10px 10px;
border-right: 1px solid black;
display: none;
margin-top: -9px;
opacity: 0.7;
text-align: left;
width: 435px;
}
#se_content {
background: none repeat scroll 0 0 #000000;
border: 1px solid #000000;
border-radius: 0 0 10px 10px;
margin-top: 50px;
padding-bottom: 20px;
}
.quick_item_selected {
background: none repeat scroll 0 0 #000000;
}
.quick_item_header {
background: none repeat scroll 0 0 #000000;
border-bottom: 1px solid black;
border-top: 1px solid black;
font-size: 11px;
margin-bottom: 5px;
margin-top: 8px;
padding: 7px;
}
.quick_tags {
background: none repeat scroll 0 0 #000000;
padding-left: 6px;
padding-right: 6px;
text-align: center;
width: 423px;
}
#se_content {background:#000000;background-image:none;}
.quick_item_header quick_item_selected {background:#000000;background-image:none;}


.header {
background-color: transparent !important;
background-image: none !important;
clear: left;
font-size: 12px;
height: 65px;
position: relative;
width: 900px;
}
.tabnav {
border: 1px solid #000000;
position: relative;
white-space: nowrap;
width: 888px;
background: none;
z-index: 30000;
}

.tabnav a {
background-color: #000000 !important;
border-bottom: 1px dotted #00ccff;
border-top: 1px dotted #00ccff;
color: #ffffff;
display: block;
float: left;
font-size: 11px;
margin-right: 0;
outline-style: none;
padding: 5px 0;
text-align: center;
text-decoration: none;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}

.tabnav a:hover {
box-shadow: 1px 1px 30px #9900cc, 0px 0px 20px #00ccff, 0px 0px 10px #00ff00;
-moz-box-shadow: 1px 1px 30px #9900cc, 0px 0px 20px #00ccff, 0px 0px 10px #00ff00;
-webkit-box-shadow: 1px 1px 30px #9900cc, 0px 0px 20px #00ccff, 0px 0px 10px #00ff00;
-o-box-shadow: 1px 1px 30px #9900cc, 0px 0px 20px #00ccff, 0px 0px 10px #00ff00;
-ms-box-shadow: 1px 1px 30px #9900cc, 0px 0px 20px #00ccff, 0px 0px 10px #00ff00;

transition: 1s;
-moz-transition: 1s;
-webkit-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
border-bottom: 1px solid #00CCFF;
color: #000000;
}

.main {
clear: both;
height: 100%;
margin-top: 70px;
padding-left: 9px;
padding-right: 10px;
padding-top: 16px;
width: 730px;
}

.infoleiste {
left: auto;
position: absolute;
top: 200px !important;
width: 150px;
z-index: 999;
right:100px;
}

.userfunction a,
.remove_on_search center a,
.remove_on_search,
.footer a,
center a,
.artikelmain_wrap a,
#blogs-functions a,
small a,
span a,
#se_content a,
a.at {
color: #58B1EA !important;
}
#chat_list a, #fl a u, #fl ua {
color: #fff !important;
}
table, tbody, #overview_content {
border-radius: 10px !important;
}
td a, a, .fh a {
-webkit-transition-property: color;
-webkit-transition-duration: 1s;
-moz-transition-property: color, text-shadow;
-moz-transition-duration: 0.5s;
}
a:hover {
-webkit-transition-property: color;
-webkit-transition-duration: 1s;
-moz-transition-property: color, text-shadow;
-moz-transition-duration: 0.5s;
}

#moreMenu {
background-color: rgba(00,00,00,0.85) !important;
box-shadow: 2px 2px 10px #000 !important;
-webkit-border-bottom-left-radius: 5px !important;
-webkit-border-bottom-right-radius: 5px !important;
-moz-border-radius: 0 0 5px 5px !important;
}
#moreMenu a {
background: transparent !important;
}

.paginator {
opacity: 0.8;
-webkit-border-top-left-radius: 5px !important;
-webkit-border-top-right-radius: 5px !important;
-moz-border-radius: 5px 5px 0 0 !important;
}
table {
opacity: 0.95;
}
.userfunction a:hover,
.remove_on_search center a:hover,
.remove_on_search:hover,
.footer a:hover,
center a:hover,
.artikelmain_wrap a:hover,
#blogs-functions a:hover,
small a:hover,
span a:hover,
#se_content a:hover,
a.at:hover {
color: #ACDEF9 !important;
text-shadow: 0 0 10px #fff !important;
}
#chat_messages {
background: rgba(00,00,00,0.7);
}
td {
border: 1px solid #404040;
padding: 5px;
}
#se_content, #se {
z-index: 9999 !important;
opacity: 1.0 !important;
}
.post {
opacity: 0.8;
}
}

Style von Yike @namespace html url(http://www.w3.org/1999/xhtml);
@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* Browser Background */
browser[type="content-primary"] {background-color: #141414 !important;}

@-moz-document url-prefix(http://), url-prefix(https://), url-prefix(ftp://), url-prefix(file://) {


/*No background images. try to exclude icons, other misc items. */

*:not(:empty):not([onclick*="open"]):not(SPAN):not([class*="stars"]):not([id*="stars"]):not([id="rating"]):not([class="rating"]):not([class*="SPRITE"]):not([id*="SPRITE"]):not([id*="lbImage"])

{ background-image: none !important }

/* Basic Bodies */
HTML, BODY { background: none #141414 !important }

/* Make descendents of the body element transparent. Formerly "DIV + SPAN" rules. */
BODY * {background-color: transparent !important}

/* Give id's BG hopefully */
DIV[id] {background-color: inherit !important}

/* Filter non-icons */
SPAN:not(:empty):not([class*="icon"]):not([id*="icon"]):not([class*="star"]):not([id*="star"]):not([id*="rating"]):not([class*="rating"]):not([class*="Sprite"]):not([class*="sprite"]) {

background: none transparent !important;
border-color: #000 !important}

/* Try to contrast containers */
html:root > BODY > * > * > * > *:not(INPUT):not([onclick]) > DIV:not(:empty):not([id])

{background: none #1c1c1c !important}


/* :::::::: Text Presentation :::::::: */

SUMMARY, DETAILS {background-color: inherit !important}

ABBR, PROGRESS, TIME, LABEL,
.date {color: #CDEFC2 !important}

MARK,
CODE, PRE,
BLOCKQUOTE,
[class*="quote"],
TD[style*="inset"][class="alt2"] { background-color: #00090F !important }


/* :::::::: Headings + Header :::::::: */

/* Header gradient rules */

HEADER, #header {background: -moz-linear-gradient(#333,#141414) transparent !important;}
#header h1 {background-color: transparent !important;}

H1, H2 {

background: none #28313E !important;
border-radius: 5px !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;}


H3, H4 {

background: none #2A3731 !important;
border-radius: 5px !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;}

H5, H6 {background: none #372A2A !important}


/* :::::::: Lists :::::::: */

DT {background-color: #2B3135 !important}
DL, DD {background-color: #232323 !important}
LI, UL {background-color: inherit !important}

LI A:not([class*="icon"]):not([id*="icon"]):not([onclick]),
DT A:not([class*="icon"]):not([id*="icon"]):not([onclick])

{background-image: none !important; text-indent: 0 !important}

/* :::::::: list Item highlight :::::::: */

LI[class*="item"] A:hover,
LI[class*="item"]:hover,

[class*="menuitem"]:hover /* Not list item, but still useful*/

{background-color: #2E2B2F !important}

/* :::::::: Tables, cells :::::::: */

TABLE {background-color: #232323 !important; border-color: #333 !important}
TABLE TABLE {background: #191919 !important;}

TH, CAPTION {background-color: #353535 !important}

/* :::::::: Input :::::::: */

/*Basic*/

INPUT *, TEXTAREA * {color: #DDD !important;} /* anonymous divs */

HTML BODY INPUT:not([type="image"]), button,
HTML BODY TEXTAREA {

background: none #353535 !important;
-moz-appearance: none !important;
-webkit-appearance: none !important;
color: #DDD !important;
border: solid 1px #777 !important;
border-radius: 0 !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
opacity: 1 !important;}

/* Style reset. */

HTML BODY INPUT[type="checkbox"] {-moz-appearance: checkbox !important; -webkit-appearance: checkbox !important;}
HTML BODY INPUT[type="radio"] {-moz-appearance: radio !important; -webkit-appearance: radio !important;}

/* :::::::: Custom styling :::::::: */

HTML:root INPUT[type="button"],
HTML:root INPUT[type="submit"],
HTML:root INPUT[type="reset"],
HTML:root BUTTON {

color: #EEE !important;
background-color: #222437 !important;

-moz-box-shadow: inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.1), inset 0 10px 20px rgba(255,255,255,0.15), inset 0 -15px 30px rgba(0,0,0,0.2) !important;
-webkit-box-shadow: inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.1), inset 0 10px 20px rgba(255,255,255,0.15), inset 0 -15px 30px rgba(0,0,0,0.2) !important;}

HTML:root INPUT[type="button"]:hover,
HTML:root INPUT[type="submit"]:hover,
HTML:root INPUT[type="reset"]:hover,
HTML:root BUTTON:hover {

color: #FFF !important;
background-color: #31344F !important;
border-color: #5F687F !important;

-moz-box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important;
-webkit-box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important;}

HTML:root INPUT[type="image"] {opacity: .85 !important}
HTML:root INPUT[type="image"]:hover {opacity: .95 !important}

/* Drop-down menu */

SELECT, OPTION, optgroup{

background: none #383838 !important;
border-color:#555 !important;
color:#f1f1f1 !important;
-moz-appearance: none !important;}

/* :::::::: Misc :::::::: */

ADDRESS {background: none #333 !important}
HR {background: none #444 !important}
.current {color: #FFF !important;} /*currently viewed page*/

/* Remove Rounded Corners, Borders, Spacer, Padding images */

IMG[src*="spacer"]:empty,
[id*="round"]:empty,
[id*="bottom"]:empty, [class*="bottom"]:empty, [class*="Bottom"]:empty,
[id*="top"]:empty, [class*="top"]:empty, [class*="Top"]:empty,
[class*="spacer"]:empty

{background-image: none !important;}

/* Menus and Navigation */

NAV,
MENU,

/*Common naming conventions - in case previous declarations fail to give solid BG*/

HTML BODY [class*="open"],
HTML BODY [id*="Dropdown"],
HTML BODY [id*="dropdown"],
HTML BODY [class*="Dropdown"],
HTML BODY [class*="dropdown"],
HTML BODY [id*="menu"]:not(SELECT),
HTML BODY [class*="menu"]:NOT(SELECT),
HTML BODY [class*="tooltip"],
HTML BODY [class*="popup"],
HTML BODY [id*="popup"],

/* Notes, details, etc. Maybe useful */

HTML BODY [class*="note"],
HTML BODY [class*="detail"],
HTML BODY [class*="description"]

{background-color: #232323 !important}

/* Also common */
[class*="content"], [class*="container"] {background-color: #1c1c1c !important}

/* Headers, Logos */

[id*="masthead"] a,[id*="header"] a,
[id*="logo"] a, [class*="logo"] a

{text-indent: 0 !important;}

/* Instead of increasing specificity rating by using :not, set rules separately */

HTML:root BODY [class*="layer"],
HTML:root BODY #lightbox-nav,
HTML:root BODY #imageContainer {background-color: transparent !important}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* Universal - sets color of text, border */

* {
color: #CCC !important;
border-color: #444 !important;
outline-color: #444 !important;
text-shadow: none !important;}

html *:after,
html *:before

{color: #CCC !important;
border-color: #666 !important;
background: none transparent !important}


/* Link */

a:link,
a:link *:not(IMG){

color: #B1CBF7 !important;
background-color: transparent !important;
border-color: #666 !important;}

a:visited,
a:visited * {color: #CDB4E7 !important;}

a:hover,
a:hover *:not(IMG){

color: #FFE900 !important;
background-color: #363037 !important;
border-color: #999 !important}

html [href*="#"]:hover {color: #FFE900 !important; background-color: transparent !important;}


/* Event Handlers/Attributes */

[onclick],
[ondblclick],
[onmousedown]

{color: #DFD5BC !important;
text-indent: 0 !important}

[onclick]:hover,
[ondblclick]:hover,
[onmousedown]:hover

{color: #FEFF97 !important;}

/* Make images transparent */

IMG { opacity: .75 !important;}
IMG:hover { opacity: 1 !important; background-color: #888 !important; }
svg {background: none #666 !important;}

/* Highlight */
::-moz-selection {background-color: #626F61 !important; color: #F6F7B9 !important;}

/* :::::::: Specific Fixes :::::::: */

/* google search link fix */
.g .r {background-color: transparent !important;}

/* google result hover highlight*/
div.vsc:hover > .vspi, div.vso > .vspi {background: none transparent !important; border: none !important;}

}

/* :::::::: About... :::::::: */

@-moz-document url(about:newtab) {

window {background: #141414 !important;}

#newtab-scrollbox {
background-color: transparent !important;
background-image:
url("chrome://browser/skin/newtab/noise.png"),
-moz-linear-gradient(transparent,transparent) !important }

.newtab-title {background-color: rgba(0,0,0,.75) !important; color: #eee !important;}

}

@-moz-document url(about:blank) {

html, html * {
background: none #141414 !important;
color: #CCC !important;}

}

@-moz-document url-prefix("about:neterror") {

html, body {background-color: #353535 !important; color: #CCC !important}
#errorPageContainer {background-color: #222 !important; border-color: #666 !important}
#errorPageContainer button {opacity: .8 !important}

/*resurrect pages FF extension*/
#resurrect {background-color: #333 !important; border-color: #000 !important}

}



das einzige was etwas "stört" is, wenn man Profile besucht muss man den eigenen Style ausschalten (wenn man das Profil in Original sehen will so wie der User es gestylet hat)
is aber schnell mit nem Mausklick gemacht ... (mich störts nich)

wer lust hat und eigene Styles schreibt/vorhandene verändert,
bitte Fotos/den Code posten :)


Code bitte so posten: [code*] dein Code [/code] ( ohne -> * )


melden
Anzeige

Allmy-Design ändern mit Stylish, Tipps Vorlagen und Austausch

28.12.2012 um 16:40
ich kapier so was nicht


melden
tic
Diskussionsleiter
ehemaliges Mitglied

Lesezeichen setzen

Allmy-Design ändern mit Stylish, Tipps Vorlagen und Austausch

28.12.2012 um 16:40
is ganz einfach @Tussinelda :)

najah, wenn ein Style deinem Geschmack anpassen willst dauert etwas ...


melden

Allmy-Design ändern mit Stylish, Tipps Vorlagen und Austausch

28.12.2012 um 16:47
Sieht total unübersichtlich aus und erinnert an ein 0815 Forum, diese Anordnung.

Ich bleibe beim Original.


melden
tic
Diskussionsleiter
ehemaliges Mitglied

Lesezeichen setzen

Allmy-Design ändern mit Stylish, Tipps Vorlagen und Austausch

28.12.2012 um 16:51
was @insideman ?
"diese Anordnung" is genau so wie beim Original und der Sinn is ja eigentlich das man selber sein Allmy stylt oder einen von den dreien hier außem Thread kopiert und nach seinen Vorstellungen ändert, gibt auch noch nen weißes Allmy ..


melden
tic
Diskussionsleiter
ehemaliges Mitglied

Lesezeichen setzen

Allmy-Design ändern mit Stylish, Tipps Vorlagen und Austausch

28.12.2012 um 16:57
beim zweiten Style (Style von einem Ehemaligen) muss man eventuell die FL etwas nach rechts verschieben ..


melden

Allmy-Design ändern mit Stylish, Tipps Vorlagen und Austausch

28.12.2012 um 17:07
Nee. :(


melden
tic
Diskussionsleiter
ehemaliges Mitglied

Lesezeichen setzen

Allmy-Design ändern mit Stylish, Tipps Vorlagen und Austausch

28.12.2012 um 17:08
schon alle 3 Styles gesehen @löm? wohl nur meinen ;) und das der nich jedem gefällt is klar ...


melden

Allmy-Design ändern mit Stylish, Tipps Vorlagen und Austausch

28.12.2012 um 17:09
Ja, leider alle 3 :D.


melden

Allmy-Design ändern mit Stylish, Tipps Vorlagen und Austausch

28.12.2012 um 17:09
@löm

sieh dir gefälligst die anderen Styles an !!!!


melden
tic
Diskussionsleiter
ehemaliges Mitglied

Lesezeichen setzen

Allmy-Design ändern mit Stylish, Tipps Vorlagen und Austausch

28.12.2012 um 17:10
na dann pass doch einen deinem Geschmack an @löm


melden

Allmy-Design ändern mit Stylish, Tipps Vorlagen und Austausch

28.12.2012 um 17:11
So, wie es ist ;).


melden
tic
Diskussionsleiter
ehemaliges Mitglied

Lesezeichen setzen

Allmy-Design ändern mit Stylish, Tipps Vorlagen und Austausch

28.12.2012 um 17:17
na warum schreibt ihr dann hier? (klar is nen Forum .. bla bla .. )

bei einem kann ichs mir denken ... ;) .. (man nehme eine Tür streiche sie in ner anderen Farbe und schon kommt einer der sagt "das is aber unübersichtlich, die Klinke ist ganz woanders" obwohl nur die Farbe anders ist ;) )


melden

Allmy-Design ändern mit Stylish, Tipps Vorlagen und Austausch

28.12.2012 um 17:19
löm ist gar nicht so cool wie ich dachte, sonst hätte sie sich schon ein stylisches allmy ganz nach ihrem geschmack gestylt


melden
tic
Diskussionsleiter
ehemaliges Mitglied

Lesezeichen setzen

Allmy-Design ändern mit Stylish, Tipps Vorlagen und Austausch

28.12.2012 um 17:20
ein zwei mal spamen is ja ok, danach ist es provozieren! @insideman


melden
tic
Diskussionsleiter
ehemaliges Mitglied

Lesezeichen setzen

Allmy-Design ändern mit Stylish, Tipps Vorlagen und Austausch

28.12.2012 um 17:21
dumme Sprüche klopfen is das aller Coolste ..


melden

Allmy-Design ändern mit Stylish, Tipps Vorlagen und Austausch

28.12.2012 um 17:32
@tic
Sozusagen das Linux Tool für dne Browser? :D


melden
tic
Diskussionsleiter
ehemaliges Mitglied

Lesezeichen setzen

Allmy-Design ändern mit Stylish, Tipps Vorlagen und Austausch

28.12.2012 um 17:34
wenn dus so sehen willst @ruTz :D


melden

Allmy-Design ändern mit Stylish, Tipps Vorlagen und Austausch

28.12.2012 um 17:35
:D


melden
Anzeige

Allmy-Design ändern mit Stylish, Tipps Vorlagen und Austausch

28.12.2012 um 17:48
Sehr cool. Ich hab auch Stylish, aber ich hab keine Ahnung wie man sowas schreibt Oo


melden
159 Mitglieder anwesend
Konto erstellen
Allmystery Newsletter
Alle zwei Wochen
die beliebtesten
Diskussionen per E-Mail.

Themenverwandt
Anzeigen ausblenden