Quantcast

Maximum PC
It is currently Thu May 23, 2013 7:59 pm

View unanswered posts | View active topics


Board index » In/Out » Forum & Website Feedback

All times are UTC - 8 hours




Post new topic Reply to topic  Page 2 of 4
  [ 68 posts ]  Go to page Previous  1, 2, 3, 4  Next
  Previous topic | Next topic 
Author Message
nebbuchanezzar
 Post subject:
PostPosted: Thu Jun 26, 2008 10:29 pm 
Team Member Top 100
Team Member Top 100
User avatar

Joined: Fri Aug 12, 2005 3:14 am
Posts: 2134
so, i cant get my style to post up...in the place where it gives you the option to upload, it has "visit this styles site"...i started with a theme from

The original subSilver Theme for phpBB version 2+
Created by subBlue design
http://www.subBlue.com

and then tweaked it to my liking...it isnt MPC colors, but i like it...and it only works well on the forums, not main page...

here is the code:

Code:
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix(http://www.maximumpc.com/forums/index.php),
               domain(maximumpc.com) {
/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com
*/


/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
   background-color: #484848 ! important;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #2AAAA8 ! important; }
a:hover      { text-decoration: underline ! important; color : #2AAAA8 ! important; }
hr   { height: 0px ! important; border: solid #2AAAA8 0px ! important; border-top-width: 1px ! important;}


/* This is the border line & background colour round the entire page */
.bodyline   { background-color: #000000 ! important; border: 1px #000000 solid ! important; }

/* This is the outline round the main forum tables */
.forumline   { background-color: #000000 ! important; border: 2px #000000 solid ! important; }


/* Main table cell colours and backgrounds */
td.row1   { background-color: #4F4F6F ! important; }
td.row2   { background-color: #1E1E3E ! important; }
td.row3   { background-color: #2F2F4F ! important; }


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
      background-color: #006699 ! important;
      background-repeat: repeat-y ! important;
}

/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: #FFFFFF ! important; font-size: 11px ! important;
   background-color: #113274 ! important; height: 25px ! important;
   
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-color:#006699 ! important; border: #000000 ! important; border-style: solid ! important; height: 28px ! important;
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
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: #000000 ! important; border-style: solid ! important; height: 28px ! important; }
td.row3Right,td.spaceRow {
   background-color: #113274 ! important; border: #000000 ! 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; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2   {
          font-size: 18px ! important; font-family: "Verdana",Verdana, Arial, Helvetica, sans-serif ! important;
         text-decoration: none ! important; line-height : 120% ! important; color : #5D7790 ! important;
}


/* General text */
.gen { font-size : 12px ! important; }
.genmed { font-size : 11px ! important; }
.gensmall { font-size : 10px ! important; }
.gen,.genmed,.gensmall { color : #FFFFFF ! important; }
a.gen,a.genmed,a.gensmall { color: #2AAAA8 ! important; text-decoration: none ! important; }
a.gen:visited,a.genmed:visited,a.gensmall:visited { color: #2AAAA8 ! important; text-decoration: none ! important; }
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: #2AAAA8 ! important; text-decoration: underline ! important; }


/* The register, login, search etc links at the top of the page */
.mainmenu      { font-size : 11px ! important; color : #2AAAA8 }
a.mainmenu      { text-decoration: none ! important; color : #2AAAA8 ! important;  }
a.mainmenu:hover{ text-decoration: underline ! important; color : #2AAAA8 ! important; }


/* Forum category titles */
.cattitle      { font-weight: bold ! important; font-size: 12px  ! important; letter-spacing: 1px ! important; color : #00FF00}
a.cattitle      { text-decoration: none ! important; color : #FFFFFF ! important; }
a.cattitle:visited    { text-decoration: none ! important; color : #FFFFFF ! important; }
a.cattitle:hover   { text-decoration: underline ! important; color : #FFFFFF ! important; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink      { font-weight: bold ! important; font-size: 12px ! important; color : #2AAAA8 ! important; }
a.forumlink    { text-decoration: none ! important; color : #2AAAA8 ! important; }
a.forumlink:visited    { text-decoration: none ! important; color : #2AAAA8 ! important; }
a.forumlink:hover{ text-decoration: underline ! important; color : #2AAAA8 ! important; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav         { font-weight: bold ! important; font-size: 11px ! important; color : #2AAAA8 ! important;}
a.nav         { text-decoration: none ! important; color : #2AAAA8 ! important; }
a.nav:hover      { text-decoration: underline ! important; color : #2AAAA8 ! important;}


/* titles for the topics: could specify viewed link colour too */
.topictitle         { font-weight: bold ! important; font-size: 11px ! important; color : #FFFF00 ! important; }
a.topictitle:link   { text-decoration: none ! important; color : #2AAAA8 ! important; }
a.topictitle:visited { text-decoration: none ! important; color : #2AAAA8 ! important; }
a.topictitle:hover   { text-decoration: underline ! important; color : #2AAAA8 ! important; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name         { font-size : 11px ! important; color : #FFFFFF ! important;}

/* Location, number of posts, post date etc */
.postdetails      { font-size : 10px ! important; color : #FFFFFF ! important; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px ! important; color : #FFFFFF}
a.postlink:link   { text-decoration: none ! important; color : #006699 }
a.postlink:visited { text-decoration: none ! important; color : #006699 ! important; }
a.postlink:hover { text-decoration: underline ! important; color : #006699}

.error { font-size : 16px ! important; color : #42E5E2 ! important; background-color: #006699 ! important; border: #D1D7DC ! important; border-style: solid ! important;
   border-left-width: 1px ! important; border-top-width: 1px ! important; border-right-width: 1px ! important; border-bottom-width: 1px
}

/* Quote & Code blocks */
.code {
   font-family: Courier, 'Courier New', sans-serif ! important; font-size: 11px ! important; color: #000000 ! important;
   background-color: #AABBCC ! important; border: #0000FF ! important; border-style: solid ! important;
   border-left-width: 1px ! important; border-top-width: 1px ! important; border-right-width: 1px ! important; border-bottom-width: 1px
}

.quote {
   font-family: Verdana, Arial, Helvetica, sans-serif ! important; font-size: 11px ! important; color: #000000 ! important; line-height: 125% ! important;
   background-color: #AABBCC ! important; border: #0000FF ! important; border-style: solid ! important;
   border-left-width: 1px ! important; border-top-width: 1px ! important; border-right-width: 1px ! important; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright      { font-size: 10px ! important; font-family: Verdana, Arial, Helvetica, sans-serif ! important; color: #FFFFFF ! important; letter-spacing: -1px ! important;}
a.copyright      { color: #2AAAA8 ! important; text-decoration: none ! important;}

a.copyright:hover { color: #2AAAA8 ! important; text-decoration: underline ! important;}


/* Form elements */
input,textarea, select {
   color : #000000 ! important;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif ! important;
   border-color : #000000 ! important;
}

/* The text input fields background colour */
input.post, textarea.post, select {
   background-color : #FFFFFF ! important;
}

input { text-indent : 2px ! important; }

/* The buttons used for bbCode styling in message post */
input.button {
   background-color : #EFEFEF ! important;
   color : #000000 ! important;
   font-size: 11px ! important; font-family: Verdana, Arial, Helvetica, sans-serif ! important;
}

/* The main submit button option */
input.mainoption {
   background-color : #FAFAFA ! important;
   font-weight : bold ! important;
}

/* None-bold submit button */
input.liteoption {
   background-color : #FAFAFA ! important;
   font-weight : normal ! important;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know  ! important;)
*/
.helpline { background-color: #DEE3E7 ! important; border-style: none ! important; }

}


i know this post is long, if mods dont like it, i give full permission to do what you want to manage this post, including deletion...
Top
  Profile  
 
Jipstyle
 Post subject:
PostPosted: Fri Jun 27, 2008 5:51 am 
Java Junkie
Java Junkie
User avatar

Joined: Mon Jun 14, 2004 10:23 am
Posts: 24152
Location: Granite Heaven
SomeGuy wrote:
Here's my attempt at one. Its mostly red and grey.

http://userstyles.org/styles/8389
I know its not perfect but I will keep working on it. Oh and please make suggestions, I'll try to fix what I can.

As for the top links, I ended up just removing that line from the style and it uses the default white and grey colors.

Remove these lines (assuming you are starting from some of the other styles previously posted):
Code:
a:link,a:active,a:visited { color : #0000FF ! important; } //color for all hyperlinks outside of posts

a:hover      { text-decoration: underline ! important; color : #FF0000 ! important; } //color of hyperlinks outside posts when hovering over with cursor


Great work, Someguy. :) I'm using yours now.
Top
  Profile  
 
SomeGuy
 Post subject:
PostPosted: Fri Jun 27, 2008 6:15 am 
Bitchin' Fast 3D Z8000
Bitchin' Fast 3D Z8000
User avatar

Joined: Wed Jun 16, 2004 5:24 pm
Posts: 4329
Location: Aggieland, TX
I know it would only work for me, I didn't try to say it would work for you :)

The "Home, News, Reviews..." set of links still appears orange when you hover over it, so I would still like to change that if possible.
Top
  Profile  
 
SomeGuy
 Post subject:
PostPosted: Fri Jun 27, 2008 6:20 am 
Bitchin' Fast 3D Z8000
Bitchin' Fast 3D Z8000
User avatar

Joined: Wed Jun 16, 2004 5:24 pm
Posts: 4329
Location: Aggieland, TX
Nebbu, to post a style, you have to go here then click "upload a style you've created".
Then login with an OpenID or userstyles login, or create one. Then when you get to the page that asks the info you put your descriptions in, and paste your entire style into the section labeled CSS.

I posted your style nebbu
Top
  Profile  
 
SomeGuy
 Post subject:
PostPosted: Fri Jun 27, 2008 6:27 am 
Bitchin' Fast 3D Z8000
Bitchin' Fast 3D Z8000
User avatar

Joined: Wed Jun 16, 2004 5:24 pm
Posts: 4329
Location: Aggieland, TX
Jip, maybe you can edit your original post to include all the new styles? That way when anybody views this thread they can easily find the styles?
Top
  Profile  
 
Jipstyle
 Post subject:
PostPosted: Fri Jun 27, 2008 7:01 am 
Java Junkie
Java Junkie
User avatar

Joined: Mon Jun 14, 2004 10:23 am
Posts: 24152
Location: Granite Heaven
SomeGuy wrote:
Jip, maybe you can edit your original post to include all the new styles? That way when anybody views this thread they can easily find the styles?


Great idea .. it is done. I also added the link to the hex color codes that Don provided in the HOW-TO hack section to make it easier for people to produce new styles. :)
Top
  Profile  
 
SomeGuy
 Post subject:
PostPosted: Fri Jun 27, 2008 7:10 am 
Bitchin' Fast 3D Z8000
Bitchin' Fast 3D Z8000
User avatar

Joined: Wed Jun 16, 2004 5:24 pm
Posts: 4329
Location: Aggieland, TX
Also, you can manage installed styles quickly with the stylish button on the bottom right-hand corner of FF. Just left click the little notepad looking icon and you can turn different styles on and off instantly.
Top
  Profile  
 
Jipstyle
 Post subject:
PostPosted: Fri Jun 27, 2008 7:15 am 
Java Junkie
Java Junkie
User avatar

Joined: Mon Jun 14, 2004 10:23 am
Posts: 24152
Location: Granite Heaven
SomeGuy wrote:
Also, you can manage installed styles quickly with the stylish button on the bottom right-hand corner of FF. Just left click the little notepad looking icon and you can turn different styles on and off instantly.


Holy crap! :D Easier than my last girlfriend!
Top
  Profile  
 
SomeGuy
 Post subject:
PostPosted: Fri Jun 27, 2008 7:23 am 
Bitchin' Fast 3D Z8000
Bitchin' Fast 3D Z8000
User avatar

Joined: Wed Jun 16, 2004 5:24 pm
Posts: 4329
Location: Aggieland, TX
:lol:
Top
  Profile  
 
Don
 Post subject:
PostPosted: Fri Jun 27, 2008 9:24 am 
Team Member Top 500
Team Member Top 500
User avatar

Joined: Sun Nov 28, 2004 2:34 pm
Posts: 1745
Location: Almost there, once in a while. Folding as Arborist_Treeman
This is a page for IE users to do styles.

More IE help

one more with lots of extras
Top
  Profile  
 
SomeGuy
 Post subject:
PostPosted: Fri Jun 27, 2008 9:48 am 
Bitchin' Fast 3D Z8000
Bitchin' Fast 3D Z8000
User avatar

Joined: Wed Jun 16, 2004 5:24 pm
Posts: 4329
Location: Aggieland, TX
Based on some of those articles, and if I am understanding them correctly, you can't apply styles for specific web sites like you can with firefox/stylish. Any style sheet you load into IE will apply to all web pages.

I could be wrong on that...

IE7 Pro might let you do it.
Top
  Profile  
 
Don
 Post subject:
PostPosted: Fri Jun 27, 2008 10:15 am 
Team Member Top 500
Team Member Top 500
User avatar

Joined: Sun Nov 28, 2004 2:34 pm
Posts: 1745
Location: Almost there, once in a while. Folding as Arborist_Treeman
SomeGuy wrote:
Based on some of those articles, and if I am understanding them correctly, you can't apply styles for specific web sites like you can with firefox/stylish. Any style sheet you load into IE will apply to all web pages.

I could be wrong on that...

IE7 Pro might let you do it.


I started looking last night for an IE solution as there are complaints in the folding forum. This is the best I found so far.
Top
  Profile  
 
SomeGuy
 Post subject:
PostPosted: Fri Jun 27, 2008 10:17 am 
Bitchin' Fast 3D Z8000
Bitchin' Fast 3D Z8000
User avatar

Joined: Wed Jun 16, 2004 5:24 pm
Posts: 4329
Location: Aggieland, TX
From your third link, this part looks promising:
Quote:
Beyond add-on it acts like a platform on which user can run there own scripts (like GreaseMonkey), styles (like UserStyles) and plugins (like firefox extensions)
Top
  Profile  
 
Don
 Post subject:
PostPosted: Fri Jun 27, 2008 10:35 am 
Team Member Top 500
Team Member Top 500
User avatar

Joined: Sun Nov 28, 2004 2:34 pm
Posts: 1745
Location: Almost there, once in a while. Folding as Arborist_Treeman
User Styles

Make a User Style Bookmarklet

These may help.
Top
  Profile  
 
willsmith
 Post subject:
PostPosted: Fri Jun 27, 2008 10:55 am 
Maximum PC Editor
Maximum PC Editor
User avatar

Joined: Tue May 25, 2004 1:13 pm
Posts: 2308
Alternately, it may be simpler to just fix your monitor calibration. If your monitor is even close to properly calibrated, the orange isn't particularly bright.
Top
  Profile  
 
Don
 Post subject:
PostPosted: Fri Jun 27, 2008 12:46 pm 
Team Member Top 500
Team Member Top 500
User avatar

Joined: Sun Nov 28, 2004 2:34 pm
Posts: 1745
Location: Almost there, once in a while. Folding as Arborist_Treeman
But Will, you gave a new toy to a bunch of geeks and we are going to get everything we can out of it. Besides it is a good way to learn about codes and such and see what they do. :D We can also use this all over the interwebs.
Top
  Profile  
 
linuxcrazy
 Post subject:
PostPosted: Fri Jun 27, 2008 2:13 pm 
Team Member
Team Member

Joined: Wed Dec 07, 2005 3:50 pm
Posts: 2281
I would like to add that Stylish can get mixed up. If you have installed multiple styles make sure that only one is selected in Stylish's options (in the "Manage Styles" window). I had a lot of them checked and the results were far from pleasant.
Top
  Profile  
 
Jipstyle
 Post subject:
PostPosted: Fri Jun 27, 2008 2:54 pm 
Java Junkie
Java Junkie
User avatar

Joined: Mon Jun 14, 2004 10:23 am
Posts: 24152
Location: Granite Heaven
That's a good point.

Using the icon in the bottom right corner of your browser makes this particular 'bug' annoying ... it only allows you to make one change and then you have to go back to the icon. Annoying, but if you don't know that you have to uncheck competing styles, you'll end up with many of them conflicting as you've mentioned.

Though, since you can modify many different sites and apps with this extension, it makes sense to allow more than one script. If you had to define many different scripts in a single form, that'd get ugly and very cumbersome.

User beware!
Top
  Profile  
 
willsmith
 Post subject:
PostPosted: Fri Jun 27, 2008 5:04 pm 
Maximum PC Editor
Maximum PC Editor
User avatar

Joined: Tue May 25, 2004 1:13 pm
Posts: 2308
Don wrote:
But Will, you gave a new toy to a bunch of geeks and we are going to get everything we can out of it. Besides it is a good way to learn about codes and such and see what they do. :D We can also use this all over the interwebs.


That's definitely true. Mucking around with Stylish and reverse engineering stylesheets is a great way to figure out how stylesheets work.

You guys should install Firebug. It lets you change the CSS and display changes on the fly. That will make developing the new stylesheets really easy.
Top
  Profile  
 
maxx
 Post subject:
PostPosted: Fri Jun 27, 2008 9:32 pm 
M-Powered
M-Powered
User avatar

Joined: Mon Jun 14, 2004 8:36 am
Posts: 2503
Location: Nürburgring
Bunch of Firefox fanbois... Someone tell me how to change this vomit color scheme in Opera, the real alternative browser to IE.
Top
  Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  Page 2 of 4
  [ 68 posts ]  Go to page Previous  1, 2, 3, 4  Next

Board index » In/Out » Forum & Website Feedback

All times are UTC - 8 hours


Who is online

Users browsing this forum: No registered users and 1 guest

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group