Problems with BlackBox and Flagrantly

[GUNNER]

First of all, i would like to thank Crip for is themes and job.

I've recently upgrade my forum to SMF 2.0 and i started to use Blackbox and Flagrantly themes, but i have some problems with it.

FLAGRANLY
As you can see in this printscreen, the search bar cross over the avatar.


BLACKBOX
As you can see in this printscreen, the news cross over the avatar.

Another thing in BlackBox ... asadmin i have a lot of buttons in the menu bar, so the buttons go to a second line. How can i put all the buttons in the same line or create a menu bar in the second line?

Sorry if those are not theme problems, but in the SMF default theme this things doesn't happen.

Tks

[Crip]

Your Avatar in Header should not exceed 65x65 PX.. or lees even

[GUNNER]

Can i change it for all the users?
What about the menu in Blackbox?

Tks

[Crip]

Can i change it for all the users?
What about the menu in Blackbox?

Tks

Yes, all users .. Attachments / Avatars..

BB menu needs smaller font-size : maybe 0.9em; .. and padding/margins..

[GUNNER]

I already change de avatar size to 80x80 and the header it's ok now ... but, the avatars at the posts looks too small now ... can't i just remove the avatar from the header?

BB menu needs smaller font-size : maybe 0.9em; .. and padding/margins..

Sorry, i didn't understand, can you explain where do i have to change those settings?

Tks 

[Crip]

Yes ,
you can remove Header avatar , problem solved..

BB Menu
-----------
css/index.css

Code Select Expand


#navi {
position: relative;
height: 45px;
z-index: 1000;
padding: 0;
margin: 0;
}
#navi ul {
margin: 0;
padding: 0;
}
#navi li {
float: left;
margin: 0;
padding: 0 0 0 1px; <<===========>>>>>>>>>><//Changed\\>
position: relative;
list-style: none;
}
#navi li a {
display: block;
line-height: 45px;
padding: 0 12px; <<===========>>>>>>>>>><//Changed\\>
color: #f3f3f3;
text-shadow: 0 1px 0 #1d1d1d;
font-size: 0.9em; <<===========>>>>>>>>>><//Changed\\>
}
#navi li a.active {
background: url(../images/img/button1a.gif) repeat-x;
color: #bbb;
font-weight: bold;
text-shadow: 0 1px 0 #1d1d1d;
}
#navi li a:hover, #navi li:hover a, #navi li.sfhover a {
background: url(../images/img/button1a.gif) repeat-x;
color: #ddd;
text-decoration: none;
text-shadow: 0 1px 0 #1d1d1d;
}
#navi li:hover li a, #navi li ul li a:hover {
color: #ddd;
background: #2c2c2c;
text-shadow: 0 1px 0 #1d1d1d;
}
#navi li li {
width: 200px;
height: auto;
padding: 0;
}
#navi li li a, #navi li li a:hover, #navi li li a, #navi a.active li a, #navi li:hover li a, #navi li.sfhover li a {
background: none;
height: 30px;
line-height: 30px;
margin: 0;
font-weight: normal;
text-transform: none;
font-size: 0.9em; <<===========>>>>>>>>>><//Changed\\>
color: #777;
text-shadow: 0 1px 0 #1d1d1d;
}
#navi li ul {
background: #1a1c1d;
position: absolute;
width: 200px;
left: -999em;
margin-left: -1px;
}
#navi li ul ul {
margin: -27px 0 0 195px;
}
#navi ul li li:hover, #navi ul li li.hover {
position: static;
}
#navi li:hover ul ul, #navi li:hover ul ul ul, #navi li.sfhover ul ul, #navi li.sfhover ul ul ul {
left: -999em;
}
#navi li:hover ul, #navi li.sfhover ul {
left: 3px;
}
#navi li li:hover ul, #navi li li li:hover ul, #navi li li.sfhover ul, #navi li li li.sfhover ul {
left: 0;
}


Apply the marked Changes..

[GUNNER]

Everything is ok now.

Tks a lot ... you're the man

(Just one more question ... can i change the background or is that against the copyrights?)

[ZarPrime]

GUNNER,

Yes, you can change the background for your own use as long as the Crip theme copyright remains at the bottom of each page.

ZarPrime

[GUNNER]

That's not a problem ... i'm proud to have Crip's copyright at the forum 

But, i was watching this topic: http://www.jpr62.com/theme/index.php?topic=1120.0

... trying to figure out how to change BlackBox background (change de dark grey color for a wallpaper image) ... but i can't find which image files i have to change at BB theme.

Can you give me a help on this, pls?

Tks.

[Crip]

GUNNER,
you can add a back ground image:

Code Select Expand


body {
   background: url(../images/YOUR BACKGROUND.png) repeat;
}