Black Rain

[Existant]

if you noticed, I use your theme Black Rain

www.gtac-club.com/forum

I use resolution 1280x1024.  Where in the index.template would I place the code to have the banner I have be centered.  As well as the menu buttons.

I have tried centering them with what ever code I know, but nothing wants to work.

[Chattingforum]

For your first time, good job. Make more if u want, because u can be a top designer.

[mehtadone]

Overall a very nice theme, it even worked with the Ad Management mod without searching.
You might want to post how to add new buttons for everyone.
This is what I will be spending my afternoon doing.

How did you get it Ad Management to work?

I cannot seem to accomplish it? Did you edit the index.template file?

Also, how do I add a html link to my own logo I have added?

[Crip]

To add all button links on the Theme menu for example My Messages button:

Code Select Expand


// Go to PM center... [pm]
if ($context['user']['is_logged'] && $context['allow_pm'])
echo '<li><a href="', $scripturl, '?action=pm"><span>' , $txt['pm_short'] , ' ', $context['user']['unread_messages'] > 0 ? '[<strong>'. $context['user']['unread_messages'] . '</strong>]' : '' , '</span></a></li>';


Just be sure to put the [<li> * </li>] * [<span> * </span>] in the correct place as the example above is showing. .. hope is bit helps.

[HRM]

My First Theme! Woot!
...

Thanks goes out to:

..and others for letting me TP_convert all there own Great SMF Themes.

First theme? WOW! Its a beautiful one. I want to use it but where i find the conversions for use with TP?

Thank in advance.

Ed.

[HRM]

Yet found it!
http://www.tinyportal.net/index.php?topic=7956.0
Just its the rc3 version but still works!

example @: http://www.muziek4um.nl/index.php?PHPSESSID=14a164fd4c78e29f5c48f45e0a479012&

Just need to make appear some mods like the media center.

[k0rfain]

since his demo isnt working heres one

www.k0rfain.info

[Crip]

Theme Updated 1.1.1  TP 0.9.7+

[Crip]

since his demo isnt working heres one

www.k0rfain.info

thanks,
i will fix these demo links soon.

[Boxer2]

It seems to me that this theme doesnt have boardindex.template.php and i want to make custom icons for boards how to do this???
Any suggestions

[permutedpress]

I just updated to the latest version of Black Rain and I'm having an issue with how it appears in IE7 and I'm not sure whether it's an IE7 issue or something with the forum.

It lookcs great in Firefox 2, but in IE7 it's too wide for the browser window and therefore ends up having scrollbars.  My zoom in IE7 is 100% so it isn't that.  I'm not sure what else to check.  Any help is appreciated.

EDIT: I'm pretty sure it's not an IE7 issue.  I've had several complaints from forum users having the same trouble.  Anyone else run into this?

Thanks!
Jacob

[chep]

Nice theme. Minor details could use a touch up:

Some of the backgrounds in the css render in blue.

Code Select Expand

.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td You can see it is obvious when a page is rendered a little slow. It looks really odd. I replaced it with #696969

This theme seems to be non xhtml compliant both times I installed it. Just a minor note since it is rendering fine in Opera., IE and Firefox. I mean why have the links at the bottom if they are not compliant ;-) I fixed the problem on my board.

Also the css is not compliant as well.

x-repeat (should be repeat-x)
and one of the width declarations was missing a semi colon.



Here is my new css file if you want to compare the differences.

Code Select Expand

/*
* ========================================
* SMF -- Black Rain
* ========================================
*/
#wrap {
margin: 0 auto 0 auto;
text-align: left;
width: 1000px;
border: 1px solid #000000;
background-color: #222222;
padding: 0px 30px 30px 30px;
}
.catend {
  background-image: url(end.gif);
  background-repeat: repeat-x;
  height: 14px;
}
/* No image should have a border when linked */
a img{ border: 0; }
/* Normal, standard links. */
a:link, a:visited
{
   color: #ea7500;
   text-decoration: none;
}
a:hover
{
   color: #FFF;
   text-decoration: none;
}
/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
   color: #ea7500;
   font-weight: bold;
   font-size: 13px;
}
a.nav:hover
{
   color: #FFF;
    border-bottom: 1px dashed #ea7500;
}
/* Tables should show empty cells. */
table
{
   empty-cells: show;
}
/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
   color: #FFFFFF;
   font-size: small;
   font-family: verdana, sans-serif;
}
/* The main body of the entire forum. */
body
{  
   background: url(images/fade.jpg) repeat-x;
    background-color: #333;
   margin: 0px;
   padding: 0px;
}
/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
   background: #333333;
   border: 1px solid #000000;
   color: white;
   font-family: verdana, helvetica, sans-serif;
   font-size: 10px;
}
input, button
{
   font-size: 90%;
}
textarea
{
   font-size: 100%;
   color: #FFFFFF;
   font-family: verdana, sans-serif;
}
/* All input elements that are checkboxes or radio buttons. */
input.check
{
}
/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
   background: #3d3d3d;
   border: 1px solid #000000;
   color: white;
   font-family: verdana, helvetica, sans-serif;
   font-size: 10px;
   margin: 5px;
   padding: 2px;
}
/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
        height: 1px;
        border: 0;
        color: #666666;
        background-color: #666666;
}
/* A quote, perhaps from another post. */
.quote
{
        background-color: #505050;
        color: #d0d0ff;
        border: 1px solid #808080;
        border-left: 5px solid #a0a0a0;
        margin: 0px;
        padding: 5px;
        font-size: x-small;
}
/* A code block - maybe even PHP ;). */
.code
{
        color: #f0f0f0;
        background-color: #303038;
        border: 1px solid #808080;
        border-left: 5px solid #a0a0a0;
        margin: 0px;
        padding: 5px;
        font-size: x-small;
        font-family: "courier new", helvetica, "times new roman", serif;
        width: 99%;
        white-space: nowrap;
        overflow: auto;
}
/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
        color: #e0e0e0;
        text-decoration: none;
        font-style: normal;
        font-weight: bold;
        font-size: x-small;
}
/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
   cursor: help;
}
/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
   color: #FF0000;
}
/* The main post box - this makes it as wide as possible. */
.editor
{
   width: 96%;
}
/* Highlighted text - such as search results. */
.highlight
{
   background-color: #FFF000;
   font-weight: bold;
   color: #000;
}
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
   color: #f3ecdd;
   background-color: #3a3e42;
   font-family: "Trebuchet MS",verdana, sans-serif;
}
.windowbg2
{
   color: #d4d8dc;
   background-color: #3b4248;
   font-family: "Trebuchet MS",verdana, sans-serif;
}
.windowbg3
{
   color: white;
   background-color: #3d3d3d;
}
/* the today container in calendar */
.calendar_today
{
   background-color: #333;
    color: #ea7500;
    font-weight: bold;
}
/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
   font-weight: bold;
   font-style: normal;
   color: #ffffff;
   background-color: #696969;
   background-image: url(images/catbg.gif);
   background-repeat: repeat-x;
   padding-left: 10px;
   padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
   font-weight: bold;
   color: #FFF;
   font-style: normal;
}
.titlebg a:hover
{
   color: #FFF;
   text-decoration: underline;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
   color: #FFF;
   font-style: normal;
   text-decoration: underline;
}
.titlebg2 a:hover
{
   text-decoration: underline;
}
/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
   font-weight: bold;
   background-color: transparent;
   background-image: url(images/catbg.jpg);
   background-repeat: repeat-x;
   color: #FFF;
   height: 17px;
   padding-left: 10px;
   padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
   background-image: url(images/catbg.jpg);
   background-color: #A1BFD9;
   color: #FFF;
   padding-left: 10px;
   padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
   background-repeat: repeat-x;
}
.catbg, .catbg2
{
   font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
   font-size: 95%;
   color: #FFF;
   text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
   color: #FFF;
   text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
   color: #e0e0ff;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
   background-color: #696464;
   padding: 0px;
}
/* This is used on tables that should just have a border around them. */
.tborder
{
   padding: 1px;
   border: 1px solid #696969;
   border: 1px solid #696464;
}
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
   font-size: x-small;
   font-family: verdana, sans-serif;
}
.middletext
{
   font-size: 90%;
}
.normaltext
{
   font-size: small;
}
.largetext
{
   font-size: large;
}
/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
   width: 100%;
   overflow: auto;
   line-height: 1.3em;
}
/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
   width: 100%;
   overflow: auto;
   padding-bottom: 3px;
   line-height: 1.3em;
}
/* Sometimes there will be an error when you post */
.error{
color: #FF0000;
}
/* ~~~~~~~~~ BLACKRAIN MAIN MENU ~~~~~~~~~ */
#tabs6 {
text-align: center;
position: static;
top: -8px;
left: -40px;
width: 99%;
font-size:93%;
margin: auto;
line-height:normal;
height: 44px;
}
#tabs6 ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs6 li {
display:inline;
margin:0;
padding:0;
}
#tabs6 a {
float:left;
background:url(images/tableft6.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs6 a span {
float:left;
display:block;
background:url(images/tabright6.gif) no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs6 a span {float:none;}

/* End IE5-Mac hack */
#tabs6 a:hover span {
color:#ea7500;
}
#tabs6 a:hover {
background-position:0% -42px;
}
#tabs6 a:hover span {
background-position:100% -42px;
}
/* The AJAX notifier */
#ajax_in_progress
{
   background: #333;
   color: #FFF;
   text-align: center;
   font-weight: bold;
   font-size: 18pt;
   padding: 3px;
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
}

[Depeche Mode]

It lookcs great in Firefox 2, but in IE7 it's too wide for the browser window and therefore ends up having scrollbars.  My zoom in IE7 is 100% so it isn't that.  I'm not sure what else to check.  Any help is appreciated.

EDIT: I'm pretty sure it's not an IE7 issue.  I've had several complaints from forum users having the same trouble.  Anyone else run into this?

Thanks!
Jacob

That's a big trouble of mine too, CRIP, please help

[permutedpress]

That's a big trouble of mine too, CRIP, please help

I just replaced my css file with the one chep posted and that seems to have fixed the problem.  Thanks, chep!

[Depeche Mode]

That's a big trouble of mine too, CRIP, please help

I just replaced my css file with the one chep posted and that seems to have fixed the problem.  Thanks, chep!

It did not for me

Still same problem - horizontal scrollbars

[chep]

It's unclear to me but it sounds like the board is too wide for your browser. This theme has a fixed width. It can render odd depending on someone's screen resolution.

You can try to edit this part where it says width 1000px:

Code Select Expand


#wrap {
margin: 0 auto 0 auto;
text-align: left;
width: 1000px;
border: 1px solid #000000;
background-color: #222222;
padding: 0px 30px 30px 30px;
}


I usually prefer using % percentages instead of fixed pixels. You could try :

Code Select Expand

width: 85%;

or if you still like fixed width:

Code Select Expand

width: 780px;


I tested it briefly and works quite well even on 800x600 resolution...

[HRM]

Hello All,

Long time no see and hope everybody is doing well.

I'm having a question or little problem about the beautiful BlackRain theme. Although Im using it happily already for a long time I experience a problem now as I actually I didn't really notice before but several visitors mentioned and now I start to notice it too.

The margin between the title of a quote and the real quote is a bit too large. I also did some editting at the quote part of the css file but doesn't help. See the screen shot please.

If this has been discussed please let me know. as at this moment I'm too lazy and tired to even go look for it but I will use the search option if necessary another day. So there's no hurry.

Screenshot:



The code I have now:

Code Select Expand

/* A quote, perhaps from another post. */
.quote
{
        background-color: #505050;
        color: #d0d0ff;
        border: 1px solid #808080;
        border-left: 1px solid #a0a0a0;
        margin: 0px;
        padding: 0px;
        font-size: x-small;
        white-space: nowrap;
        overflow: auto;
}

Link to a message where you can clearly see it.
http://www.muziek4um.nl/index.php?topic=3587.msg11202#msg11202


By the way: I'm not using the latest version of neither the SMF or Tiny portal module nor the Theme as they all work fine in general.

Thanks in advance.

Ed.

[HRM]

By the way, the issue mentioned is only in Internet Explorer, latest version en IE 6.0 latest edition.

Firefox is no problem.

Already figured out guys!

It was in the Quote header part:

Added: width: 99%; to it and now works fine in IE as well!

Code is now:

Code Select Expand


/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
        color: #e0e0e0;
        text-decoration: none;
        margin: 0px;
        padding: 1px;
width: 99%; <-----------That one. ;)
        font-style: normal;
        font-weight: bold;
        font-size: x-small;
        white-space: wrap;
        overflow: auto;
}


[A L 3 X]

buttons dont work :s

[HRM]

Buttons?
Which one?