Forum Style Alterations

Post » Fri May 27, 2011 2:47 pm

Ok you HAVE to show us that one. :stare:

http://i43.photobucket.com/albums/e367/princess_stomper/Misc/NoSquintPink.jpg
User avatar
Rachyroo
 
Posts: 3415
Joined: Tue Jun 20, 2006 11:23 pm

Post » Fri May 27, 2011 1:17 pm

Did adding that to your stylesheet not solve the problem?

I don't know where I need to place it without getting a lot of declaration errors.
User avatar
Jani Eayon
 
Posts: 3435
Joined: Sun Mar 25, 2007 12:19 pm

Post » Fri May 27, 2011 10:49 am

I don't know where I need to place it without getting a lot of declaration errors.


This should do it:

table #forum_table a:hover{  color: #000 !important;}.about_contact{    color: #FFF;}}

User avatar
Chica Cheve
 
Posts: 3411
Joined: Sun Aug 27, 2006 10:42 pm

Post » Fri May 27, 2011 9:48 am

This should do it:

It didn't work. No declaration errors, though. :shrug:
User avatar
chinadoll
 
Posts: 3401
Joined: Tue Aug 22, 2006 5:09 am

Post » Fri May 27, 2011 7:44 pm

All the ones I tried had the same table-half-as-big-as-before issue. So far for Opera users mine is the only one I got to work decently

it is really bare-bones, but here it is:

@charset "utf-8";/*	Name: 993409879	blue test */* {	color: black !important;		background: #42C0FB !important;}button, input[type="file"], input[type="submit"], input[type="button"], input[type="reset"] {	color: black !important;		background: silver !important;}a[href] {text-decoration: underline !important;}a[href]:hover {	color: white !important;		background-color: #003F87 !important;}a[href] img {border: thin solid black !important;}@media screen, projection, handheld, tv {	input, textarea, select {		color: black !important;			background: #F0F8FF !important;	}}/** * Sticks login bar to the top of the page so it doesn't scroll */#header-container{    margin: 25px auto 0px !important;}#bar{    position: static !important;    height: 50px !important;}

User avatar
Sophie Payne
 
Posts: 3377
Joined: Thu Dec 07, 2006 6:49 am

Post » Fri May 27, 2011 7:09 am

http://i43.photobucket.com/albums/e367/princess_stomper/Misc/NoSquintPink.jpg

:bonk: That hurts my eyes. You silly women and your pink :P
User avatar
lucile davignon
 
Posts: 3375
Joined: Thu Mar 22, 2007 10:40 pm

Post » Fri May 27, 2011 10:01 pm

It didn't work. No declaration errors, though. :shrug:

You could always try appending !important to the end (but before the semi-colon). The only other color entries I see are specifically for links. Barring that, you could try increasing specificity:

div.about_info dl dt,div.about_info dl dd{    color: #FFF;}

User avatar
Mel E
 
Posts: 3354
Joined: Mon Apr 09, 2007 11:23 pm

Post » Fri May 27, 2011 3:17 pm

Opera users: The Problem with it in Opera is related to this:

    #left, #right {        width: 0px !important;    }


Removal of those lines will make it act as it was intended to in Opera.

Hope that helps out some Opera fans :)

Edit: If a Firefox/Chrome user would show me what the forum homepage looks like with these user CSS active, I would greatly appreciate it :)
User avatar
Melly Angelic
 
Posts: 3461
Joined: Wed Aug 15, 2007 7:58 am

Post » Fri May 27, 2011 8:36 pm

Edit: If a Firefox/Chrome user would show me what the forum homepage looks like with these user CSS active, I would greatly appreciate it :)

http://i41.photobucket.com/albums/e266/Celauran/DefronCSS.jpg
http://i41.photobucket.com/albums/e266/Celauran/DefronCSSHome.jpg
User avatar
electro_fantics
 
Posts: 3448
Joined: Fri Mar 30, 2007 11:50 pm

Post » Fri May 27, 2011 2:31 pm

Here's a another try at duplicating the old green theme, based on Falchya's sheet.

Code:
Spoiler
#container {  width: 95% !important;}#left, #right {  width: 0 !important;}#top, #bottom {  width: 95% !important;  -o-background-size: 100% 26px !important;  -webkit-background-size: 100% 26px !important;  -khtml-background-siz: 100% 26px !important;  -moz-background-size: 100% 26px !important;}#header-container {  width: 95% !important;}#content {  color: #d0ccba !important;}body, #middle, #top, #bottom, #left, #right {  color: #d0ccba !important;  background: #193a1d !important;}.rowpin .topic_title {  font-weight: bold !important;}.prettyprint {  background: #adaaa7 !important;  font-family: Consolas, "Lucida Console", Courier, monospace !important;  font-size: 14px !important;  margin: 0px !important;}.bbc_spoiler_wrapper {  padding: 0px !important;}.quote, .citation {  background: #1e240c !important;  color: #c8c8a6 !important;}#bar {  position: static;  height: 40px;  background: #002000 !important;  padding-bottom: 0;}#bar * {  text-shadow: none !important;}.input_rte {  background: #ffe !important;  color: black !important;}#footer-legal, #footer-logos {  display: none;}.signature {  margin-left: 0;  margin-right: 0;}.author_info {  border: none;}.post_block {  background: #002C00 !important;}.post_block:nth-child(4n) {  background: #193A1D !important;}#topic_summary .post_block {  background: #002C00 !important;}#topic_summary .post_block:nth-child(even) {  background: #193A1D !important;}#top, #bottom {  border-right: 1px #000F00 solid !important;  border-left: 1px #000F00 solid !important;}#left {  border-right: 1px #000F00 solid !important;}#container {  position: relative !important;  left: -1px !important;}#right {  border-left: 1px #000F00 solid !important;}#editor_fast-reply {  border: none !important;}#header {  background: #193A1D !important;}#header-container {  width: 95%;  margin: 0 auto 0;  border-left: 1px #000F00 solid !important;  border-right: 1px #000F00 solid !important;}body {  overflow-x: hidden;}.rowpin, .row2 {  background: #002C00 !important;}.row1 {  background: #193A1D !important;}.block_wrap {  margin: 0px;}


Screens:
http://static.max99x.com/misc/bgsf-forum.jpg http://static.max99x.com/misc/bgsf-topic.jpg http://static.max99x.com/misc/bgsf-posting.jpg

Fantastic! Now, how do I do that to Chrome?
User avatar
Franko AlVarado
 
Posts: 3473
Joined: Sun Nov 18, 2007 7:49 pm

Post » Fri May 27, 2011 11:41 am

Fantastic! Now, how do I do that to Chrome?

There are instructions in the first post (Yacoby's) on how to get Stylish for Chrome. Shouldn't take more than a minute.
User avatar
Rachel Hall
 
Posts: 3396
Joined: Thu Jun 22, 2006 3:41 pm

Post » Fri May 27, 2011 9:33 am

Fantastic! Now, how do I do that to Chrome?

Install the Stylish extension if you haven't already. Click on the spanner, then Extensions, click the Options button beside Stylish, Add New Style, copy pasta the whole mess into the text box, tick Enabled, Applies to: URLs on the domain: www.gamesas.com, click Save.
User avatar
Genevieve
 
Posts: 3424
Joined: Sun Aug 13, 2006 4:22 pm

Post » Fri May 27, 2011 10:06 pm

You could always try appending !important to the end (but before the semi-colon). The only other color entries I see are specifically for links. Barring that, you could try increasing specificity:

div.about_info dl dt,div.about_info dl dd{    color: #FFF;}


Putting this in-between table #forum_table a:hover and .about_contact works! Thanks!
User avatar
Laura Hicks
 
Posts: 3395
Joined: Wed Jun 06, 2007 9:21 am

Post » Fri May 27, 2011 5:09 pm

http://i41.photobucket.com/albums/e266/Celauran/DefronCSS.jpg
http://i41.photobucket.com/albums/e266/Celauran/DefronCSSHome.jpg

Whoops, I meant with one of the other themes. As the alignment due to the table change is really bad on the home page (and profile page) for me in Opera, and text isn't where it is supposed to be on the bars. I was wondering if anyone else had that issue in Firefox/Chrome

Sorry, I should have been more specific

http://i19.photobucket.com/albums/b195/DEFRON/Desktop/profilepagetancssopera.jpg

http://i19.photobucket.com/albums/b195/DEFRON/Desktop/homepagetancssopera.jpg

As you can see, the text on the bars is misaligned. Just wondering if it is Opera-specific or not
User avatar
Sophh
 
Posts: 3381
Joined: Tue Aug 08, 2006 11:58 pm

Post » Fri May 27, 2011 1:41 pm

Install the Stylish extension if you haven't already. Click on the spanner, then Extensions, click the Options button beside Stylish, Add New Style, copy pasta the whole mess into the text box, tick Enabled, Applies to: URLs on the domain: www.gamesas.com, click Save.

Ah, I see. It was the URLs on Domain bit that messed me up. I had it set to URLS Starting WIth.
User avatar
Philip Lyon
 
Posts: 3297
Joined: Tue Aug 14, 2007 6:08 am

Post » Fri May 27, 2011 8:12 pm

As you can see, the text on the bars is misaligned. Just wondering if it is Opera-specific or not

It's middle aligned as per the CSS. The issue is that it's a fixed-width image and the elements beneath it exceed that width. You could try mucking with the positioning of the image and adding repeat-x. I don't browse full screen, so I haven't had a need.
User avatar
Gemma Archer
 
Posts: 3492
Joined: Sun Jul 16, 2006 12:02 am

Post » Fri May 27, 2011 8:35 pm

The filter bar (where you can select which topics are shown) is back, but it spans two lines, here's how to fix it.
/* places the checkbox and go button on the filter bar on the same line as the dropdown boxes */div#forum_filter fieldset br { display: none !important; }

User avatar
christelle047
 
Posts: 3407
Joined: Mon Apr 09, 2007 12:50 pm

Post » Fri May 27, 2011 9:51 pm

I didn't have any problems getting it to work in Firefox - thank you! - but I wondered if there was a script to add the tan background from the Elder Scrolls boards to CD in Firefox? Also, would it work for the whole of this section or only the landing page?
User avatar
Lil Miss
 
Posts: 3373
Joined: Thu Nov 23, 2006 12:57 pm

Post » Fri May 27, 2011 8:12 pm

I didn't have any problems getting it to work in Firefox - thank you! - but I wondered if there was a script to add the tan background from the Elder Scrolls boards to CD in Firefox? Also, would it work for the whole of this section or only the landing page?

http://www.gamesas.com/index.php?/topic/1081516-forum-style-alterations/page__view__findpost__p__15753573

Though you still have the horrendous CPU-munching transpareny in threads. I wanna disable that PNG
User avatar
Jinx Sykes
 
Posts: 3501
Joined: Sat Jan 20, 2007 11:12 pm

Post » Fri May 27, 2011 4:29 pm

For the person who asked earlier, this is a screenshot of Yacoby's scripts. NB: I'm using NoSquint's choose-your-colours option, hence white background:

http://i43.photobucket.com/albums/e367/princess_stomper/Misc/NewSkin.jpg

(Yes, I know I had pink earlier, but it didn't go with the pink of my Firefox skin ;)
User avatar
Da Missz
 
Posts: 3438
Joined: Fri Mar 30, 2007 4:42 pm

Post » Fri May 27, 2011 8:43 pm

I think I'm finally OK with the way mine looks. http://i41.photobucket.com/albums/e266/Celauran/Acceptable.jpg.
User avatar
James Potter
 
Posts: 3418
Joined: Sat Jul 07, 2007 11:40 am

Post » Fri May 27, 2011 10:22 am

I just noticed that this isn't being applied at all to the messenger section and also only every-other profile comments gets it

http://i19.photobucket.com/albums/b195/DEFRON/Desktop/messengertancssopera.jpg

http://i19.photobucket.com/albums/b195/DEFRON/Desktop/commentmessagetancssopera.jpg

Any ideas? (dunno if this is Opera-specific or not either)
User avatar
Ash
 
Posts: 3392
Joined: Tue Jun 13, 2006 8:59 am

Post » Fri May 27, 2011 3:07 pm

I just noticed that this isn't being applied at all to the messenger section and also only every-other profile comments gets it

http://i19.photobucket.com/albums/b195/DEFRON/Desktop/messengertancssopera.jpg

http://i19.photobucket.com/albums/b195/DEFRON/Desktop/commentmessagetancssopera.jpg

Any ideas? (dunno if this is Opera-specific or not either)

Seems to work fine with Chrome, which suggests is is an Opera problem.
User avatar
hannaH
 
Posts: 3513
Joined: Tue Aug 15, 2006 4:50 am

Post » Fri May 27, 2011 9:20 am

Seems to work fine with Chrome, which suggests is is an Opera problem.

Yeah, ok. Thanks
User avatar
Philip Lyon
 
Posts: 3297
Joined: Tue Aug 14, 2007 6:08 am

Post » Fri May 27, 2011 6:51 pm

s'better

thanks
User avatar
Eire Charlotta
 
Posts: 3394
Joined: Thu Nov 09, 2006 6:00 pm

PreviousNext

Return to Othor Games