[ABD] codeblack for phpBB 3.0

Any abandoned 3.0.x Styles will be moved to this forum.
Twent
Registered User
Posts: 28
Joined: Sun Jan 13, 2008 11:06 am

[ABD] codeblack for phpBB 3.0

Post by Twent » Wed Feb 27, 2008 1:26 pm

Style: codeblack
Version: 1.0
Author: Trent
Demo: View Here
Download: Download Here

Arnika
Registered User
Posts: 21
Joined: Fri Mar 30, 2007 12:41 pm
Location: Budapest, Hungary
Contact:

Re: [Release] codeblack for phpBB 3.0

Post by Arnika » Wed Feb 27, 2008 2:30 pm

nice style ;)

mdvaldosta
Registered User
Posts: 353
Joined: Sat Mar 26, 2005 12:26 am
Contact:

Re: [Release] codeblack for phpBB 3.0

Post by mdvaldosta » Wed Feb 27, 2008 2:33 pm

Sex-eh. Diggin the dark styles of late.

usery
Registered User
Posts: 7
Joined: Thu Jan 31, 2008 10:50 pm

Re: [Release] codeblack for phpBB 3.0

Post by usery » Wed Feb 27, 2008 9:48 pm

how can we make it with fixed width

Twent
Registered User
Posts: 28
Joined: Sun Jan 13, 2008 11:06 am

Re: [Release] codeblack for phpBB 3.0

Post by Twent » Thu Feb 28, 2008 4:33 am

Thanks for the comments, glad you guys like it.
To change the width, open up the stylesheet and find

Code: Select all

width: 800px;
And change to what you want or remove to expand the width to the full page.
(The background will need to be removed for this as it looks strange)

TNine
Registered User
Posts: 38
Joined: Sat Mar 24, 2007 1:46 am

Re: [Release] codeblack for phpBB 3.0

Post by TNine » Fri Feb 29, 2008 3:29 am

Do you know how I change all the blue writing to white ?

Twent
Registered User
Posts: 28
Joined: Sun Jan 13, 2008 11:06 am

Re: [Release] codeblack for phpBB 3.0

Post by Twent » Fri Feb 29, 2008 7:17 am

In the stylesheet,
Find:

Code: Select all

color: #4f6ca6;
Replace all with :

Code: Select all

color: #ffffff;

User avatar
nzcc221
Registered User
Posts: 22
Joined: Fri Feb 16, 2007 3:22 pm

Re: [Release] codeblack for phpBB 3.0

Post by nzcc221 » Fri Feb 29, 2008 10:23 pm

hi all,

I'm hoping someone can help. Can I say that I love the style, and are going to use it on my forum, when I get it up and running.

Can someone please tell me where in the style sheet i need to make the the following work???

http://www.phpbb.com/community/viewtopi ... olumn+left

I trying to add 2 sidebars to the left and right, but for when I follow the instructions it appears just above the Copyright info at the bottom.

Here is the Stylesheet that I am using

Code: Select all

/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
	Style name:		subsilver2
	Based on style:	subSilver (the default phpBB 2 style)
	Original author:	subBlue ( http://www.subBlue.com/ )
	Modified by:		psoTFX and the phpBB team ( http://www.phpbb.com )
	
	This is an alternative style for phpBB3 for those wishing to stay with
	the familiar subSilver style of phpBB version 2.x
	
	Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
}

#page-body {
float:left;
margin:4px 0pt;
width:81%;
}
/* Text-for the sidebar */
#page-sidebar {
float:right;
margin-top:4px;
width:14%;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #8391a7;
	background-color: #1c1c1c;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background: black url('./images/bg.gif') repeat-y scroll top;
	float:left;/* Text- only additional ine, so body floats left */
}

#wrapheader {
	min-height: 120px;
	height: auto !important;
	height: 120px;
}

#wrapcentre {
	margin-left: auto;
	margin-right: 1px;
}

#wrapfooter {
	text-align: center;
	clear: both;
}

#wrapnav {
	width: 100%;
	margin: 0;
	background-color: #1c1c1c;
	border-width: 1px;
	border-style: solid;
	border-color: #282828;
}

#logodesc {
	background: #090909;
}

#menubar {
	margin: auto;
	height: 25px;
	background-image: url('./images/cellpic1.gif');
}

#datebar {
	margin: 10px 25px 0 25px;
}

#findbar {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.forumrules {
	background-color: #F9CC79;
	border-width: 1px;
	border-style: solid;
	border-color: #BB9860;
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.forumrules h3 {
	color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/*  Text
 --------------------- */
h1 {
	color: white;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 120%;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
}

h4 {
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
}

h5 {
	color: c8d8e5;
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
}

p {
	font-size: 1.1em;
}

p.moderators {
	margin: 0;
	float: left;
	color: white;
	font-weight: bold;
}

.rtl p.moderators {
	float: right;
}

p.linkmcp {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.linkmcp {
	float: left;
}

p.breadcrumbs {
	margin: 0;
	float: left;
	color: white;
	font-weight: bold;
	white-space: normal;
	font-size: 1em;
}

.rtl p.breadcrumbs {
	float: right;
}

p.datetime {
	margin: 0;
	float: right;
	white-space: nowrap;
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}

p.searchbar {
	padding: 2px 0;
	white-space: nowrap;
} 

p.searchbarreg {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.searchbarreg {
	float: left;
}

p.forumdesc {
	padding-bottom: 4px;
}

p.topicauthor {
	margin: 1px 0;
}

p.topicdetails {
	margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
	margin: 1px 0;
	color: red;
	font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
	color: green;
	font-weight:bold;
}

.postapprove img, .postreported img {
	vertical-align: bottom;
}

.postauthor {
	color: #ffffff;
}

.postdetails {
	color: #ffffff;
}

.postbody {
	font-size: 1.3em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}

.posthilit {
	background-color: yellow;
}

.nav {
	margin: 0;
	color: white;
	font-weight: bold;
	
}

.pagination {
	padding: 4px;
	color: white;
	font-size: 1em;
	font-weight: bold;
}

.cattitle {

}

.gen {
	margin: 1px 1px;
	font-size: 1.2em;
}

.genmed {
	margin: 1px 1px;
	font-size: 1.1em;
}

.gensmall {
	margin: 1px 1px;
	font-size: 1em;
}

.copyright {
	color: #444;
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.titles {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
}

.error {
	color: red;
}


/* Tables
 ------------ */
th {
	color: #4f6ca6;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #131313;
	white-space: nowrap;
	padding: 7px 5px;
}

td {
	padding: 0px;
}
td.profile {
	padding: 4px;
}

.tablebg {
	background-color: #282828;
}

.catdiv {
	height: 25px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url('./images/cellpic1.gif');
}
.rtl .catdiv {
	height: 25px;
	background-image: url('./images/cellpic1.gif');
}

.cat {
	height: 25px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #C7D0D7;
	background-image: url('./images/cellpic1.gif');
	text-indent: 4px;
}

.cat2 {
	height: 25px;
	margin: 0;
	padding: 0;
	border: 0;
	color: #4f6ca6;
	background-color: #C7D0D7;
	background-image: url('./images/cellpic1.gif');
	text-indent: 4px;
}

.row1 {
	background-color: #1c1c1c;
	padding: 4px;
}

.row2 {
	background-color: #131313;
	padding: 4px;
}

.row3 {
	background-color: #232323;
	padding: 4px;
}

.spacer {
	background-color: #1c1c1c;
}

hr {
	height: 1px;
	border-width: 0;
	background-color: #D1D7DC;
	color: #D1D7DC;
}

.legend {
	text-align:center;
	margin: 0 auto;
}

/* Links
 ------------ */
a:link {
	color: #4f6ca6;
	text-decoration: none;
}

a:active,
a:visited {
	color: #4f6ca6;
	text-decoration: none;
}

a:hover {
	color: #8eb9db;
	text-decoration: underline;
}

a.forumlink {
	color: #4f6ca6;
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

a.topictitle {
	margin: 1px 0;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}

a.topictitle:visited {
	color: #4f6ca6;
	text-decoration: none;
}

th a,
th a:visited {
	color: #c8d8e5 !important;
	text-decoration: none;
}

th a:hover {
	text-decoration: underline;
}


/* Form Elements
 ------------ */
form {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	color: #626262;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
	border: 1px solid #282828;
	background-color: #1c1c1c;
}

textarea {
	background-color: #1c1c1c;
	color: #626262;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.3em; 
	line-height: 1.4em;
	font-weight: normal;
	border: 1px solid #282828;
	padding: 2px;
}

select {
	color: #626262;
	background-color: #1c1c1c;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	border: 1px solid #282828;
	padding: 1px;
}

option {
	padding: 0 1em 0 0;
}

option.disabled-option {
	color: graytext;
}

.rtl option {
	padding: 0 0 0 1em;
}

input.radio {
	border: none;
	background-color: transparent;
}

.post {
	background-color: 131313;
	border-style: solid;
	border-width: 1px;
}

.btnbbcode {
	color: #626262;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	background-color: #131313;
	border: 1px solid #666666;
}

.btnmain {
	font-weight: bold;
	background-color: #1c1c1c;
	border: 1px solid #282828;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnlite {
	font-weight: normal;
	background-color: #1c1c1c;
	border: 1px solid #282828;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnfile {
	font-weight: normal;
	background-color: #1c1c1c;
	border: 1px solid #282828;
	padding: 1px 5px;
	font-size: 1.1em;
}

.helpline {
	background-color: #1c1c1c;
	border-style: none;
}


/* BBCode
 ------------ */
.quotetitle, .attachtitle {
	margin: 10px 5px 0 5px;
	padding: 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #282828;
	color: #626262;
	background-color: #282828;
	font-size: 0.85em;
	font-weight: bold;
}

.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent, .attachcontent {
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #282828;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #FAFAFA;
	color: #4B5C77;
}

.attachcontent {
	font-size: 0.85em;
}

.codetitle {
	margin: 10px 5px 0 5px;
	padding: 2px 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #282828;
	color: #626262;
	background-color: #282828;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}

.codecontent {
	direction: ltr;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #282828;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #006600;
	font-size: 0.85em;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #FAFAFA;
}

.syntaxbg {
	color: #1c1c1c;
}

.syntaxcomment {
	color: #FF8000;
}

.syntaxdefault {
	color: #0000BB;
}

.syntaxhtml {
	color: #000000;
}

.syntaxkeyword {
	color: #007700;
}

.syntaxstring {
	color: #DD0000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
	background-color: #000000;
}

.pm_replied_colour {
	background-color: #282828;
}

.pm_friend_colour {
	background-color: #007700;
}

.pm_foe_colour {
	background-color: #DD0000;
}


/* Misc
 ------------ */
img {
	border: none;
}

.sep {
	color: black;
	background-color: #ffffff;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
	white-space: nowrap;
}

.username-coloured {
	font-weight: bold;
}
I am assumming that it is something in the stylesheet that is different to that Prosilver, but I'm not that great at CSS.

Im hoping someone can help so that I can get these sidebars working.


Thx in advance

NZ

Guammer
Registered User
Posts: 2
Joined: Sat Mar 01, 2008 11:01 pm

Re: [Release] codeblack for phpBB 3.0

Post by Guammer » Sat Mar 01, 2008 11:03 pm

I'm having a hard time getting my logo to fit. The stock logo is 120px mine is 303px. I have everything else on the site setup perfect but I can't seem to get my logo to fit into it without squishing it. How can I do this?

kbradyesq
Registered User
Posts: 1
Joined: Sun Mar 02, 2008 4:19 pm
Location: South Carolina
Contact:

Re: [Release] codeblack for phpBB 3.0

Post by kbradyesq » Sun Mar 02, 2008 4:40 pm

Great style! I need to know 2 things:

1. Can I change the style so that I can have collapsing catagories? If so, how?

2. Can I change the width to a percentage of the page? If so, how?

Thanks in advace.

Amphor
Registered User
Posts: 88
Joined: Mon Dec 25, 2006 6:18 pm

Re: [Release] codeblack for phpBB 3.0

Post by Amphor » Sun Mar 02, 2008 6:19 pm

Guammer wrote:I'm having a hard time getting my logo to fit. The stock logo is 120px mine is 303px. I have everything else on the site setup perfect but I can't seem to get my logo to fit into it without squishing it. How can I do this?
Have you done this:
ACP-> Styles->imagesets->codeblack, press "edit"-> default is "main logo", click "select", choose you image and update dimensions accordingly

At least, i got my 200px logo working that way

Tank_Girl
Registered User
Posts: 10
Joined: Wed May 02, 2007 2:04 am

Re: [Release] codeblack for phpBB 3.0

Post by Tank_Girl » Fri Mar 07, 2008 1:37 am

I'm going absolutely nuts trying to figure out HOW to put 2 simple URL links in the nav menu.
I want a link before the login/logout link for my homepage, and one after search/usercontrolpanel.
Thats it that all. I can't believe I haven't found anything helpful in this already.
I've tried adding links in the codeblack/template/overall_header.html to no avial.
The links.

Code: Select all

<a href="../">&bull Main</a>
<a href="../roster/">&bull Roster</a>
Any clues?

whpprsnpprr
Registered User
Posts: 25
Joined: Fri Mar 21, 2008 4:30 am

Re: [Release] codeblack for phpBB 3.0

Post by whpprsnpprr » Tue Apr 08, 2008 7:08 pm

Thanks for this style it's great! I'm trying to change a few things though. I widened the page out

www.allabouttherock.net/phpBB3 and as you can see those column type things are still visible throughout parts of the page. How do I remove that image?
Plus how do I make the usernames appear larger in the posting sections above their avatars without changing the size of everything else?
Thank you so much :)

RedShine
Registered User
Posts: 18
Joined: Mon Mar 31, 2008 2:25 pm

Re: [Release] codeblack for phpBB 3.0

Post by RedShine » Tue Apr 15, 2008 1:26 pm

How can i change de background of the quotes? The quotes background color is white, how can i change it to grey?

User avatar
prototech
Former Team Member
Posts: 5406
Joined: Mon Mar 19, 2007 2:04 pm
Location: Southern California

Re: [Release] codeblack for phpBB 3.0

Post by prototech » Tue Apr 15, 2008 10:08 pm

RedShine wrote:How can i change de background of the quotes? The quotes background color is white, how can i change it to grey?
Edit the following in stylesheet.css:

Code: Select all

.quotecontent, .attachcontent {
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #282828;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #FAFAFA;
	color: #4B5C77;
}
Need help with MOD/style installations or other phpBB problems? Contact me for a quote.

Locked

Return to “[3.0.x] Abandoned Styles”