[6.6] Complete CSS of Public Template Files

Name: Complete CSS of Public Template Files

Description: This allows you to use css for all the public template files.

Link: Click Here

Example CSS: 2 examples are included with the zip

Demo: check here

Requirement: UBB™ 6.6

Notes: These are of beta quality, a few buglets remain.

should I do a Kompact version or will do you it for ubbdev anyway?

great job allen, we'll use it in colorforums v6.6

we need a kompact template for css if we want to use compact headers

but I'll change everything in the .cgi files, so please tell me which regexes do you use to make compact headers not to use any .cgi file...

btw, what's infopop.css? is it the default ubb scheme?

Quote

quote:
Originally posted by LK:
[QB] but I'll change everything in the .cgi files, so please tell me which regexes do you use to make compact headers not to use any .cgi file...[QB]

I don't get your question LK ...

infopop.css is the default css for threads

Those we are currently using might need to be updated slightly for use with these

Once I have this installed, I may post some css stylesheets I have premade from Colorforums so some other people could use them.

Check out that title

Thanks Al

Note: except for the categoryheader class, all threads css files will work with this, so feel free to borrow from our extensive collection at www.ubbdev.com - add your categoryheader class in like you see in the example files here and yer ready to go

Allen, do you want me to report any buglets I find?

yes please... if you look at the test forum, any place you see red in the top 2 forums is where I haven't finished

ok, I have fixes for 2 of those already

Code

# In public_forum_summary
find:

<a href="$ULTIMATEBB?category=$catarray->[2]"><b>$catarray->[1]</b></a>

replace with:

<a href="$ULTIMATEBB?category=$catarray->[2]"><font class="categoryheader"><b>$catarray->[1]</b></font></a>

find:

<b>$vars_wordlets{forum_column}</b>

replace with:

<font class="small"><b>$vars_wordlets{forum_column}</b></font>

# In ubb_lib_posting.cgi

find:

				$post_total_line = qq( <a href="$vars_config{CGIURL}/ultimatebb.cgi?ubb=recent_user_posts;u=$this_user_number" style="color: $vars_style{TextColor}; text-decoration: none;">$vars_wordlets{author_posts} <b>$user_profile[7]</b></a> );

replace with:

				$post_total_line = qq( <a href="$vars_config{CGIURL}/ultimatebb.cgi?ubb=recent_user_posts;u=$this_user_number"><font class="topiclink">$vars_wordlets{author_posts} <b>$user_profile[7]</b></font></a> );

find:

			$linkname = qq!<a href="$vars_config{CGIURL}/ultimatebb.cgi?ubb=get_profile;u=$this_user_number" style="color: $vars_style{TextColor}; text-decoration: none;" target="_blank"><b>$show_public_name</b></a>!;

replace with:

			$linkname = qq!<a href="$vars_config{CGIURL}/ultimatebb.cgi?ubb=get_profile;u=$this_user_number" target="_blank"><font class="topiclink"><b>$show_public_name</b></font></a>!;

my fixes so far

I'm about to work on fixing the post preview (the one that can be inline)

EDIT:
Also

Code

# In public_pntf_summary.pl

find:

<td class="%%SPANCOLOR%%" colspan="$colspan" align="left">
<a href="$vars_config{CGIURL}/ultimatebb.cgi?ubb=pntf$qstring">
<font class="small" color="%%SPANTCOLOR%%"><b>

replace with:

<td class="tdheader" colspan="$colspan" align="left">
<a href="$vars_config{CGIURL}/ultimatebb.cgi?ubb=pntf$qstring">
<font class="small tdheader"><b>

https://www.ubbdev.com/ubb/upload/00020028/fixesforthecsstemplates.txt

the list was getting kind of long, especially with the sub build_topic_review so I made a txt file

The original post about public_forum_summary.pl: the text colors cascade down from the table tags above it... if it weren't true the category strips would be all red with red links

To be able to adjust it differently from the link colrs of the rest of the site really needs to have something like:

a.categoryheader {
color: blah
backgroundcolor: bleh
}

Thanks, I'll look through your fixes and add what I've broke and missed

it takes it from the table, yes... but since the font tag would be outside the links, it would take the a:hover etc properties instead of the categoryheader text

don't confuse me with the facts

Allen, one more bug you didn't notice cause no one posted there... your CSSing broke the active topics page

I'm gonna look for the fix now

Code

in public_daily_topics.pl

find:

		$thisaltcolor = ($thisaltcolor eq lighttable ? darktable} : lighttable );

replace with:

		$thisaltcolor = ($thisaltcolor eq lighttable ? darktable : lighttable );

that fixed it for me

::sits back:: my little all's growing up ::sniff::...

If I wasn't at work I'd snag the files required and edit a 6.6 install and help! Probably do that tonight...

Quote

quote:
Originally posted by Gizzy:
::sits back:: my little all's growing up ::sniff::...

If I wasn't at work I'd snag the files required and edit a 6.6 install and help! Probably do that tonight...

This is my favorite part of hacking... making it look good. Once LK's calendar goes final, I'll post a css port of it.

I have to agree, making the UBB look totally unique has always been my main goal.

Agreed, why bother looking like everyone else? I mean if you go and look at UGN you can clearly see that we hate the standard look, yet we love it at the same time...

Hey Allen, a quick fix for times that requires little hacking...

In public_common.pl
FIND:

Code

span.timestamp-1 {
	color: $vars_style{TimeColor};
}

TWICE

Delet them.

In Frost.css add:

Code

span.timestamp-1 {
	color: blue;
}

now change that color to whatever you want the colors to be

There is also a problem in public_directory.pl

FIND:

Code

	my $appn = $vars_display{'DirectorySortEnable'} eq "YES" ? qq~
<td nowrap="nowrap"><b>

$selarray[0]<a href="$vars_config{CGIURL}/ultimatebb.cgi?ubb=directory$sr;p=$in{p};sorder=0"
class="text-decoration: underline">#</a>
|
$selarray[1]<a href="$vars_config{CGIURL}/ultimatebb.cgi?ubb=directory$sr;p=$in{p};sorder=1"
class="text-decoration: underline">$vars_wordlets{displayed_name}</a>
|
$selarray[10]<a href="$vars_config{CGIURL}/ultimatebb.cgi?ubb=directory$sr;p=$in{p};sorder=10"
class="text-decoration: underline">$vars_wordlets{member_status}</a>

</b></td>
<td nowrap="nowrap"><b>
$selarray[2]<a href="$vars_config{CGIURL}/ultimatebb.cgi?ubb=directory$sr;p=$in{p};sorder=2"
class="text-decoration: underline">$vars_wordlets{author_posts_nocolon}</a>
</b></td>
~ : qq~
<td nowrap="nowrap"><b>
#, $vars_wordlets{displayed_name}, $vars_wordlets{member_status}
</b></td>
<td nowrap="nowrap"><b>
$vars_wordlets{author_posts_nocolon}
</b></td>
~;
	foreach my $num (@flds) {

		$appn .= $vars_display{'DirectorySortEnable'} eq "YES" ? qq~
<td nowrap="nowrap"><b>
$selarray[$num]<a href="$vars_config{CGIURL}/ultimatebb.cgi?ubb=directory$sr;p=$in{p};sorder=$num"
class="text-decoration: underline">$statements{$num}</a>
</b></td>
~ : qq~
<td nowrap="nowrap"><b>
$statements{$num}
</b></td>

replace with:

Code

	my $appn = $vars_display{'DirectorySortEnable'} eq "YES" ? qq~
<td nowrap="nowrap"><b>
$selarray[0]<a href="$vars_config{CGIURL}/ultimatebb.cgi?ubb=directory$sr;p=$in{p};sorder=0"><font class="tdheader">#</font></a>
|
$selarray[1]<a href="$vars_config{CGIURL}/ultimatebb.cgi?ubb=directory$sr;p=$in{p};sorder=1"><font class="tdheader">$vars_wordlets{displayed_name}</font></a>
|
$selarray[10]<a href="$vars_config{CGIURL}/ultimatebb.cgi?ubb=directory$sr;p=$in{p};sorder=10"><font class="tdheader">$vars_wordlets{member_status}</font></a>
</b></td>
<td nowrap="nowrap"><b>
$selarray[2]<a href="$vars_config{CGIURL}/ultimatebb.cgi?ubb=directory$sr;p=$in{p};sorder=2"><font class="tdheader">$vars_wordlets{author_posts_nocolon}</font></a>
</b></td>
~ : qq~
<td nowrap="nowrap"><b>
#, $vars_wordlets{displayed_name}, $vars_wordlets{member_status}
</b></td>
<td nowrap="nowrap"><b>
$vars_wordlets{author_posts_nocolon}
</b></td>
~;
	foreach my $num (@flds) {

		$appn .= $vars_display{'DirectorySortEnable'} eq "YES" ? qq~
<td nowrap="nowrap"><b>
$selarray[$num]<a href="$vars_config{CGIURL}/ultimatebb.cgi?ubb=directory$sr;p=$in{p};sorder=$num"><font class="tdheader">$statements{$num}</font></a>
</b></td>
~ : qq~
<td nowrap="nowrap"><b>
$statements{$num}
</b></td>

in that big section yer replacing, what's the major difference?

getting rid of the

Code

class="text-decoration: underline"

and adding

Code

<font class="tdheader">

within the links

Thanks, zip files updated with the fixes posted concerning the template files

Hey Allen, any word on if these templates will work with 6.6.1?

6.6.1 would be called 6.6.0.1 under the old numbering scheme. Just bugfixes - shouldn't be any problems.

they work with 6.6.1

Allen, one more bug.

On the search page, the footer (powered by, etc) it big

yeah, same in the forum page... very odd

I can't figure out the cause, but I figured out a fix. In your css files, in the copyright and small classes, use a definite font-size, not just "smaller". (didn't it used to be only copyright?)

Not sure, just wanted to say your site is really looking sweet

thanks, I've been tweaking every since I visited threadsdev

They have a lot of nice tips for css

Allen, https://www.ubbdev.com/ubbcgi/ultimatebb.cgi?ubb=get_topic&f=26&t=002938#000001

Buggy public_register_form.pl

here's the fix
find:

Code

	if($swap == 2) { $swap = 1; } else { $swap = 2; }

	my $switch = "AltColumnColor" . $swap;

return <<THISFIELD;

<!-- Start $title -->
<tr class="$vars_style{$switch}">

replace with:

Code

	if($swap eq 'dark') { $swap = 'light'; } else { $swap = 'dark'; }

	my $switch = $swap . "table";

return <<THISFIELD;

<!-- Start $title -->
<tr class="$switch">

bumping so Allen sees this

danke