Jump to content

Design A CTW Stylesheet Competition

James

By James
in CTW News, Comments & Suggestions

 Share

Recommended Posts

  • CTW Admin
James Veteran

James

Posted
  • CTW Admin
Posted

Anyone who knows how to code stylesheets, have a go at creating one or several new CTW stylesheets (you can select the current ones in your profile display settings).

 

In the past Ray has done one (the Pink), although this needs updating a little as the new blue is slightly more blended and has gradient bars.

 

I will try and think up some lovely prize for the winner smile.gif

 

Here's the code for the standard 'ClubTheWorld Blue' stylesheet ...

 

a:link  { 
 color: #0000A0;
 background: none;
}
a:visited { 
 color: #0000A0;
 background: none;
}
a:active {
 color: #0000A0;
 background: none;
}
a:hover {
color: #ffffff;
background: none;
text-decoration: none;
}
p,table,td,tr {   
 font-size: 10pt;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
form {
 display: inline;
 margin-bottom: 0;
}
BODY {
 color: #000000;
 background: #5AC7FF;
 background-image:url(http://www.clubtheworld.uk/images/club_backer.gif);
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt;
}
.tablesurround {
background: #144AAC;
color: #ffffff;
}
.tableborders {
background: #000000;
color: #FFFFFF;
}
.tdheader {
 font-size: 10pt;
 font-weight: bold;
 color: #FFFFFF;
 background: #BCD0ED url('images/coolheader.gif');
}
.menubar{
background: #BCD0ED url('images/coolheader.gif');
color: #000000;
font-weight: bold
 font-size: 8pt;
}
.navigation{
border:1px solid #666699; background:#BCD0ED url('images/coolnav.gif'); color: #E4EAF2;
font-size: 10pt;
padding: 1px;
margin: 1px;
font-weight: bold
}
.new {
 font-size: 9pt;
 color: red;
 background: none;
}
.catandforum {
 font-size: 10pt;
}
.posttime {
font-size: 10pt;
background: #A2D1FC;
color: #000000;
}
.threadtotal {
font-size: 10pt;
background: #CEE6FC;
color: #000000;
}
.posttotal {
 font-size: 10pt;
 background: #CEE6FC;
 color: #000000;
}
.modline {
 font-size: 8pt;
 font-style: oblique;
}
.small {
 font-weight: normal;
 font-size: 8pt;
}
.standouttext {
 color: red;
 background: none;
}
.pollcolor {
background: #ff0000;
color: #000000;
border: 1px solid #000000;
}
.welcome {
 background: #BCD0ED url('images/coolheader.gif');
 color: #ffffff
}
.forumtitle {
 font-size: 10pt;
 font-weight: bold;
}
.forumdescript {
 font-size: 8pt;
}
.lighttable {
 background: #CEE6FC;
 color: #000000;
}
.darktable {
 background: #A2D1FC;
 color: #000000;
}
.newlighttable {
background: #2B6EAD;
font-weight: bold;
color: #FFFFFF;
}
.newdarktable {
background: #20517E;
font-weight: bold;
color: #FFFFFF;
}
.newpostsincat {
background: #FFCC00;
color: #000000;
}
.cleartable {
background: #f7f7f7;
color: #000000;
}
.alternatetable {
background: #666699;
color: #000000;
}
.newsubjecttable {
background: #E3FFFF;
font-weight: bold;
color: #000000;
}
.subjecttable {
 background: #A2D1FC;
 color: #000000;
}
.footertable {
background: #ffffff;
color: #000000;
}                          
.formboxes{
 background-color: #ffffff;
 color: #000000;
 font-size: 10pt;
}
.buttons {
border-left:2px solid #BCD0ED; border-right:2px solid #3366FF; border-top:2px solid #BCD0ED; border-bottom:2px solid #3366FF; background:#3366FF url('images/coolheader.gif'); color: #FFFFFF;
font-size: 9pt;
font-family: Verdana, Tahoma, Arial;
font-weight: bold
}
blockquote {

  font-size: 9pt; border: 1px solid #3366FF;

  background: #BCD0ED;

  margin: 0px 20px; padding: 0px 10px

}
blockquote .small {

background: #3366FF;

margin-left:-10px;

padding: 1px 2px;

color: #FFFFFF;

}
blockquote hr {

  visibility:hidden;

  height: 1px

}
.onbody{
 color: #000000;
 background: none;
}
.onbody a:link {
 color: #0000A0;
 background: none;
}
.onbody a:visited {
 color: #000000;
 background: none;
}
.onbody a:active {
 color: #0000A0;
 background: none;
}
.post:first-letter {
font-weight: bold;
}
pre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
display: block;
white-space: pre;
}

.newlighttable a:link  { 
 color: #FFFFFF;
 background: none;
}
.newlighttable a:visited { 
 color: #FFFFFF;
 background: none;
}
.newlighttable a:active {
 color: #FFFFFF;
 background: none;
}
.newlighttable a:hover {
color: #FFFFFF;
background: none;
text-decoration: none;
}

.newdarktable a:link  { 
 color: #FFFFFF;
 background: none;
}
.newdarktable a:visited { 
 color: #FFFFFF;
 background: none;
}
.newdarktable a:active {
 color: #FFFFFF;
 background: none;
}
.newdarktable a:hover {
color: #FFFFFF;
background: none;
text-decoration: none;
}
.devswoosh {
background-image: url('../images/cssgraphics/coolblue/devswoosh.gif');
background-repeat: no-repeat;
background-position: right top
}
.devlogo {
background-image: url('../images/cssgraphics/coolblue/logo.gif');
background-repeat: no-repeat;
background-position: left top
}

 

James@ClubTheWorld.uk
CTW Admin | ClubTheWorld.uk | Twitter | Instagram
ctw_post_signature_small.gif
Clubbing the world, together ...

Link to comment
Share on other sites
  • CTW Members
jon_m Newbie

jon_m

Posted
  • CTW Members
Posted
James said:

Anyone who knows how to code stylesheets, have a go at creating one or several new CTW stylesheets (you can select the current ones in your profile display settings).

 

In the past Ray has done one (the Pink), although this needs updating a little as the new blue is slightly more blended and has gradient bars.

 

I will try and think up some lovely prize for the winner smile.gif

 

Here's the code for the standard 'ClubTheWorld Blue' stylesheet ...

 

a:link  { 
 color: #0000A0;
 background: none;
}
a:visited { 
 color: #0000A0;
 background: none;
}
a:active {
 color: #0000A0;
 background: none;
}
a:hover {
color: #ffffff;
background: none;
text-decoration: none;
}
p,table,td,tr {   
 font-size: 10pt;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
form {
 display: inline;
 margin-bottom: 0;
}
BODY {
 color: #000000;
 background: #5AC7FF;
 background-image:url(http://www.clubtheworld.uk/images/club_backer.gif);
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt;
}
.tablesurround {
background: #144AAC;
color: #ffffff;
}
.tableborders {
background: #000000;
color: #FFFFFF;
}
.tdheader {
 font-size: 10pt;
 font-weight: bold;
 color: #FFFFFF;
 background: #BCD0ED url('images/coolheader.gif');
}
.menubar{
background: #BCD0ED url('images/coolheader.gif');
color: #000000;
font-weight: bold
 font-size: 8pt;
}
.navigation{
border:1px solid #666699; background:#BCD0ED url('images/coolnav.gif'); color: #E4EAF2;
font-size: 10pt;
padding: 1px;
margin: 1px;
font-weight: bold
}
.new {
 font-size: 9pt;
 color: red;
 background: none;
}
.catandforum {
 font-size: 10pt;
}
.posttime {
font-size: 10pt;
background: #A2D1FC;
color: #000000;
}
.threadtotal {
font-size: 10pt;
background: #CEE6FC;
color: #000000;
}
.posttotal {
 font-size: 10pt;
 background: #CEE6FC;
 color: #000000;
}
.modline {
 font-size: 8pt;
 font-style: oblique;
}
.small {
 font-weight: normal;
 font-size: 8pt;
}
.standouttext {
 color: red;
 background: none;
}
.pollcolor {
background: #ff0000;
color: #000000;
border: 1px solid #000000;
}
.welcome {
 background: #BCD0ED url('images/coolheader.gif');
 color: #ffffff
}
.forumtitle {
 font-size: 10pt;
 font-weight: bold;
}
.forumdescript {
 font-size: 8pt;
}
.lighttable {
 background: #CEE6FC;
 color: #000000;
}
.darktable {
 background: #A2D1FC;
 color: #000000;
}
.newlighttable {
background: #2B6EAD;
font-weight: bold;
color: #FFFFFF;
}
.newdarktable {
background: #20517E;
font-weight: bold;
color: #FFFFFF;
}
.newpostsincat {
background: #FFCC00;
color: #000000;
}
.cleartable {
background: #f7f7f7;
color: #000000;
}
.alternatetable {
background: #666699;
color: #000000;
}
.newsubjecttable {
background: #E3FFFF;
font-weight: bold;
color: #000000;
}
.subjecttable {
 background: #A2D1FC;
 color: #000000;
}
.footertable {
background: #ffffff;
color: #000000;
}                          
.formboxes{
 background-color: #ffffff;
 color: #000000;
 font-size: 10pt;
}
.buttons {
border-left:2px solid #BCD0ED; border-right:2px solid #3366FF; border-top:2px solid #BCD0ED; border-bottom:2px solid #3366FF; background:#3366FF url('images/coolheader.gif'); color: #FFFFFF;
font-size: 9pt;
font-family: Verdana, Tahoma, Arial;
font-weight: bold
}
blockquote {

  font-size: 9pt; border: 1px solid #3366FF;

  background: #BCD0ED;

  margin: 0px 20px; padding: 0px 10px

}
blockquote .small {

background: #3366FF;

margin-left:-10px;

padding: 1px 2px;

color: #FFFFFF;

}
blockquote hr {

  visibility:hidden;

  height: 1px

}
.onbody{
 color: #000000;
 background: none;
}
.onbody a:link {
 color: #0000A0;
 background: none;
}
.onbody a:visited {
 color: #000000;
 background: none;
}
.onbody a:active {
 color: #0000A0;
 background: none;
}
.post:first-letter {
font-weight: bold;
}
pre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
display: block;
white-space: pre;
}

.newlighttable a:link  { 
 color: #FFFFFF;
 background: none;
}
.newlighttable a:visited { 
 color: #FFFFFF;
 background: none;
}
.newlighttable a:active {
 color: #FFFFFF;
 background: none;
}
.newlighttable a:hover {
color: #FFFFFF;
background: none;
text-decoration: none;
}

.newdarktable a:link  { 
 color: #FFFFFF;
 background: none;
}
.newdarktable a:visited { 
 color: #FFFFFF;
 background: none;
}
.newdarktable a:active {
 color: #FFFFFF;
 background: none;
}
.newdarktable a:hover {
color: #FFFFFF;
background: none;
text-decoration: none;
}
.devswoosh {
background-image: url('../images/cssgraphics/coolblue/devswoosh.gif');
background-repeat: no-repeat;
background-position: right top
}
.devlogo {
background-image: url('../images/cssgraphics/coolblue/logo.gif');
background-repeat: no-repeat;
background-position: left top
}

 

confused.gif TO [censored]!!

Link to comment
Share on other sites
  • 2 weeks later...
  • CTW Admin
James Veteran

James

Posted
  • Author
  • CTW Admin
Posted

I've just added a couple more stylesheets ...

 

ClubTheWorld CoolBlue

ClubTheWorld Dark

 

courtesy of threadsdev.com

 

I personally really like the coolblue one and have this as my default now

James@ClubTheWorld.uk
CTW Admin | ClubTheWorld.uk | Twitter | Instagram
ctw_post_signature_small.gif
Clubbing the world, together ...

Link to comment
Share on other sites
  • CTW Admin
James Veteran

James

Posted
  • Author
  • CTW Admin
Posted

haha - absolute quality ed - LMAO!!!!!!!

 

I'll set up a dodgy stylesheet to match ! haha

James@ClubTheWorld.uk
CTW Admin | ClubTheWorld.uk | Twitter | Instagram
ctw_post_signature_small.gif
Clubbing the world, together ...

Link to comment
Share on other sites
  • CTW Members
Evilhedfuk Veteran

Evilhedfuk

Posted
  • CTW Members
Posted
Mr_Happy said:

i like the way u've matched red with green bigsmile.gif

 

Yes, I was surprised how well the colours went together.

 

James, pls make this stylesheet....

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • Create New...