Förslag på nytt tema

2010-01-25, 16:57 #13

Tekniker

Reg: Feb 2007

Inlägg: 146

Citat:

Ursprungligen postat av d.mustaine

Fint, det gick snabbt.
Här en liten buggfix för IE8, borde funka för IE7 också.
Menyraden under loggan renderade inte riktigt som den skulle.
Temat borde funka i IE8 Firefox3.6 Safari 4 Chrome iaf.
Skuggorna fattas dock i IE.
Här är en ny https://static.flashback.info/css/style-3.css:

Fixat!

Citera

2010-01-25, 17:27 #14

Medlem

Reg: Maj 2005

Inlägg: 4 428

Åh, pinsamt noobig nu, men hur fan får man in det i Firefox

Jag förstår mig inte på sån där HTML-kod och allt vad det heter, hur klickar man igång det?
Jag har både Stylish och Greasemonkey, men vet inte riktigt hur man använder det.

Citera

2010-01-25, 17:32 #15

Medlem

Reg: Feb 2007

Inlägg: 646

Citat:

Ursprungligen postat av _abou

Åh, pinsamt noobig nu, men hur fan får man in det i Firefox

Jag förstår mig inte på sån där HTML-kod och allt vad det heter, hur klickar man igång det?
Jag har både Stylish och Greasemonkey, men vet inte riktigt hur man använder det.

Det finns nu som ett tema, så det är bara att byta längst upp till höger på sidan

Citera

2010-01-25, 17:33 #16

Medlem

Reg: Nov 2007

Inlägg: 723

Citat:

Ursprungligen postat av _abou

Åh, pinsamt noobig nu, men hur fan får man in det i Firefox

Jag förstår mig inte på sån där HTML-kod och allt vad det heter, hur klickar man igång det?
Jag har både Stylish och Greasemonkey, men vet inte riktigt hur man använder det.

Du behöver inte bry dig om det nu, då crew har implementerat temat på sidan. Bara att välja "skuggad" längst uppe till höger i verktygsfältet, så är det klart.

Citera

2010-01-25, 17:38 #17

Medlem

Reg: Jan 2009

Inlägg: 79

Citat:

Ursprungligen postat av zzpac

Fixat!

1. Bra.
2. Byta namn på tråden till Nytt tema: Skuggad?
3. "Dela med dig" vill inte vara vit + typo för sidnumreringen som inte heller vill vara vit.

Kod:

BODY {
	OVERFLOW-X: hidden !important;
}
DIV#top-menu {
	PADDING-TOP: 2px !important;
 -moz-box-shadow: 0 3px 6px rgba(12, 2, 1, 0.67) !important;
 -webkit-box-shadow: 0 3px 6px rgba(12, 2, 1, 0.67) !important;
}
DIV#top-banner IMG {
	BORDER-BOTTOM: #666666 1px solid !important;
 BORDER-LEFT: #666666 1px solid !important;
 MARGIN-TOP: 5px !important;
 BORDER-TOP: #666666 1px solid !important;
 BORDER-RIGHT: #666666 1px solid !important;
}
DIV#site-container {
	PADDING-RIGHT: 260px !important;
}
DIV#site-right {
	PADDING-BOTTOM: 0px !important;
 PADDING-LEFT: 0px !important;
 PADDING-RIGHT: 0px !important;
 PADDING-TOP: 0px !important;
}
DIV#site-right > DIV.break {
	DISPLAY: none !important;
}
DIV#site-right .box-right {
	BORDER-BOTTOM: #ccc 1px solid !important;
 BORDER-LEFT: #ccc 1px solid !important;
 BORDER-TOP: #ccc 1px solid !important;
 BORDER-RIGHT: #ccc 1px solid !important;
}
DIV#site-right > DIV.box-right:first-child FORM[name='sok'] BR {
	CLEAR: both !important;
}
DIV#site-right > DIV.box-right:first-child TD {
	PADDING-LEFT: 18px !important;
}
DIV#site-right > DIV.box-right:first-child {
	MARGIN-TOP: 0px !important;
}
DIV#site-right > DIV.box-right {
	MARGIN-TOP: 10px !important;
 PADDING-LEFT: 10px !important;
 WIDTH: 239px !important;
 PADDING-RIGHT: 10px !important;
 MARGIN-BOTTOM: 10px !important;
}
DIV#site-right > A > IMG {
	WIDTH: 260px !important;
}
DIV.site-column#site-right {
	PADDING-RIGHT: 0px !important;
}
DIV#posts > DIV.fb_adsys_wrapper_TextAds {
	BORDER-BOTTOM: 0px !important;
 BORDER-LEFT: 0px !important;
 MARGIN-BOTTOM: 0px !important;
 BORDER-RIGHT: 0px !important;
}
DIV#top > DIV#top-right {
	BORDER-BOTTOM: #e0e0e0 1px solid !important;
 BORDER-LEFT: 0px !important;
 BACKGROUND-COLOR: #ffffff !important;
 BORDER-TOP: #e0e0e0 1px solid !important;
 BORDER-RIGHT: #e0e0e0 1px solid !important;
}
DIV#top > A > DIV#top-logo {
	BORDER-LEFT: #e0e0e0 1px solid !important;
 MARGIN-TOP: 12px !important;
 HEIGHT: 58px !important;
}
DIV#top {
	BACKGROUND: url(https://static.flashback.info/images/logo-top2.jpg) no-repeat -1px 0px !important;
}
DIV#posts > DIV {
	PADDING-BOTTOM: 0px !important;
 PADDING-LEFT: 0px !important;
 PADDING-RIGHT: 0px !important;
 PADDING-TOP: 0px !important;
}
DIV#posts {
	BORDER-BOTTOM: #e0e0e0 1px solid !important;
 BORDER-LEFT: #e0e0e0 1px solid !important;
 BORDER-TOP: 0px !important;
 BORDER-RIGHT: #e0e0e0 1px solid !important;
}
DIV#site {
	BORDER-BOTTOM: #b8c0c7 1px solid !important;
 BORDER-LEFT: #b8c0c7 1px solid !important;
 MARGIN-TOP: 0px !important;
 MARGIN-BOTTOM: 14px !important;
 BORDER-TOP: #b8c0c7 1px solid !important;
 BORDER-RIGHT: #b8c0c7 1px solid !important;
 -moz-box-shadow: 0 0px 12px rgba(12, 2, 1, 0.67) !important;
 -webkit-box-shadow: 0 0px 12px rgba(12, 2, 1, 0.67) !important;
}
DIV#site {
	BACKGROUND-COLOR: #eff0f1 !important;
}
DIV#site-right {
	BACKGROUND-COLOR: #eff0f1 !important;
}
DIV#site-right {
	PADDING-TOP: 0px !important;
}
TD.thead {
	BACKGROUND-COLOR: #e8e8e8 !important;
}
TD.tcat {
	BACKGROUND-COLOR: #e8e8e8 !important;
}
TD.navcontrolbar {
	BACKGROUND-COLOR: #e8e8e8 !important;
}

TD.sharethis {
	BACKGROUND-COLOR: #e8e8e8 !important;
}

TD.vbmenu_control {
	BACKGROUND-COLOR: #e8e8e8 !important;
}

UL#top-tabs {
	BORDER-BOTTOM: #e0e0e0 1px solid !important;
 BORDER-LEFT: #e0e0e0 1px solid !important;
 PADDING-BOTTOM: 0px !important;
 MARGIN: 0px 0px 15px !important;
 PADDING-LEFT: 0px !important;
 PADDING-RIGHT: 0px !important;
 BACKGROUND: #ffffff !important;
 BORDER-TOP: #e0e0e0 1px solid !important;
 BORDER-RIGHT: 0px !important;
 PADDING-TOP: 0px !important;
}
UL#top-tabs > LI {
 BORDER-BOTTOM: 0px !important;
 BORDER-LEFT: 0px !important;
 PADDING-BOTTOM: 0px !important;
 MARGIN: 0px !important;
 PADDING-LEFT: 0px !important;
 PADDING-RIGHT: 0px !important;
 BACKGROUND: none transparent scroll repeat 0% 0% !important;
 BORDER-TOP: 0px !important;
 BORDER-RIGHT: 0px !important;
 PADDING-TOP: 0px !important;
}
UL#top-tabs > LI > A {
	PADDING-BOTTOM: 8px !important;
 MARGIN: 0px !important;
 PADDING-LEFT: 8px !important;
 PADDING-RIGHT: 8px !important;
 COLOR: #000000 !important;
 BORDER-RIGHT: #e0e0e0 1px solid !important;
 BORDER-BOTTOM: 0 !important;
 BORDER-BOTTOM: 1px solid rgba(255,255,255, 0.0) !important;
 BORDER-TOP: 0 !important;
 BORDER-TOP: 1px solid rgba(255,255,255, 0.0) !important;
 BORDER-LEFT: 0 !important;
 BORDER-LEFT: 1px solid rgba(255,255,255, 0.0) !important;
 PADDING-TOP: 8px !important;
}
UL#top-tabs > LI > A:hover {
 border: 0 !important;
 BORDER-BOTTOM: 1px solid rgba(34,34,34, 1.0) !important;
 BORDER-LEFT: 1px solid rgba(34,34,34, 1.0) !important;
 PADDING-BOTTOM: 8px !important;
 MARGIN: 0px !important;
 PADDING-LEFT: 8px !important;
 PADDING-RIGHT: 8px !important;
 BACKGROUND: #222222 !important;
 COLOR: #dddddd !important;
 BORDER-TOP: 1px solid rgba(34,34,34, 1.0) !important;
 BORDER-RIGHT: 1px solid rgba(34,34,34, 1.0) !important;
 PADDING-TOP: 8px !important;
 -moz-box-shadow: 0 3px 6px rgba(12, 2, 1, 0.67) !important;
 -webkit-box-shadow: 0 3px 6px rgba(12, 2, 1, 0.67) !important;
 border-right: 1px solid #222222 !important;
}
UL#top-tabs > LI.current-page > A:hover {
 PADDING-BOTTOM: 8px !important;
 MARGIN: 0px !important;
 PADDING-LEFT: 8px !important;
 PADDING-RIGHT: 8px !important;
 BACKGROUND: #ffffff !important;
 COLOR: #660000 !important;
 border: 1px solid rgba(224,224,224, 0.0) !important;
 BORDER-RIGHT: #e0e0e0 1px solid !important;
 PADDING-TOP: 8px !important;
 -moz-box-shadow: none !important;
 -webkit-box-shadow: none !important;
}
UL#top-tabs > LI.current-page {
	BORDER-BOTTOM: 0px !important;
 BORDER-LEFT: 0px !important;
 PADDING-BOTTOM: 0px !important;
 MARGIN: 0px !important;
 PADDING-LEFT: 0px !important;
 PADDING-RIGHT: 0px !important;
 BORDER-TOP: 0px !important;
 BORDER-RIGHT: 0px !important;
 PADDING-TOP: 0px !important;
}
UL#top-tabs > LI.current-page > A {
	PADDING-BOTTOM: 8px !important;
 MARGIN: 0px !important;
 PADDING-LEFT: 8px !important;
 PADDING-RIGHT: 8px !important;
 BACKGROUND: #ffffff !important;
 COLOR: #660000 !important;
 PADDING-TOP: 8px !important;
}
UL#top-tabs > LI.right {
	BORDER-BOTTOM: 0px !important;
 BORDER-LEFT: 0px !important;
 PADDING-LEFT: 1em !important;
 MARGIN-LEFT: 30px !important;
 BORDER-TOP: 0px !important;
 BORDER-RIGHT: 0px !important;
}

UL#top-tabs > LI.right > A#user-login-box-trigger {
 BACKGROUND-IMAGE: url(https://static.flashback.info/images/red_star.png) !important;
 PADDING-LEFT: 22px !important;
 BACKGROUND-POSITION: 2px 5px !important;
 BORDER-RIGHT: #e0e0e0 1px solid !important;
 background-size: 16px !important;
}

UL#top-tabs > LI.right > A#user-login-box-trigger:hover {
 background-color: #222222 !important;
 BACKGROUND-IMAGE: url(https://static.flashback.info/images/red_star.png) !important;
 border: 0px !important;
 BORDER-BOTTOM: rgba(34,34,34,1.0) 1px solid !important;
 BORDER-LEFT: rgba(34,34,34,1.0) 1px solid !important;
 PADDING-LEFT: 22px !important;
 BACKGROUND-REPEAT: no-repeat !important;
 BACKGROUND-POSITION: 2px 5px !important;
 BORDER-TOP: rgba(34,34,34,1.0) 1px solid !important;
 BORDER-RIGHT: rgba(34,34,34,1.0) 1px solid !important;
/* border-right: 1px solid #e0e0e0 !important; */
 background-size: 16px !important;
}

4. Vill helst skicka patchar istf. hela filer, tar ni emot sådana?

Citera

2010-01-25, 18:55 #18

Medlem

Reg: Maj 2005

Inlägg: 4 428

Citat:

Ursprungligen postat av FredrikMi

Det finns nu som ett tema, så det är bara att byta längst upp till höger på sidan

Ah, tack.
Fan vad bra det blev nu

Citera

2010-01-27, 00:55 #19

Tekniker

Reg: Feb 2007

Inlägg: 146

Uppdaterat!

Citat:

Ursprungligen postat av d.mustaine

4. Vill helst skicka patchar istf. hela filer, tar ni emot sådana?

Ja.

Citera

Förslag på nytt tema

Skapa ett konto eller logga in för att kommentera

Skapa ett konto

Logga in