Jump to content

Design A CTW Stylesheet Competition

James
James
in CTW News, Comments & Suggestions

Featured Replies

Posted
  • CTW Admin

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 Founder | ClubTheWorld.uk | Twitter | Instagram
image.png
Clubbing the world together ...

  • Quote
    • CTW Promotors
    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]!!

  • Quote
    • 2 weeks later...
    • Author
    • CTW Admin

    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 Founder | ClubTheWorld.uk | Twitter | Instagram
    image.png
    Clubbing the world together ...

  • Quote
    • Author
    • CTW Admin

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

     

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

    James@ClubTheWorld.uk
    CTW Founder | ClubTheWorld.uk | Twitter | Instagram
    image.png
    Clubbing the world together ...

  • Quote
    • CTW Members
    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....

  • Quote

    • 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...
    Go to topic listing
    image.png
    Clubbing the world together ...