MyBB Community Forums

Posted this already dew days ago but accidentally clicked wrong Support (Plugins) and got no helping reply..

1. How to change logo position (theme called tema, site)? Can't find it anywhere in CSS, just found these and first changes the logo background, second entire page excluding background.

.logo {
	background: #232323 url(images/tema/header.jpg) top left repeat-x;
	border: 0px solid #000;
	border-bottom: 0;
	height: 123px;
}

#container {
	background: #232323;
	border: 1px solid #999;
	margin: auto auto;
	padding: 20px;
	text-align: left;
	
	color: #999;
	width: 74%;
}

In div there is only this

<div class="logo"><center><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" 

and I don't know what to do with it. Do I need to create new class for this img or something? If yes, what should I set in it?

2. How to do a background which will scroll together with scrollbar, just one not repeating? I saw some commercials are done that way but don't know if it's possible with background.

3. I'd like to do a dynamic content in portal page changed by a menu with several buttons. What's the best way to achieve it? Iframe?

1)
a) You might want to start by making the logo a bit smaller.
b) Increase the (.logo class) height: 123px; to a bigger number
c) To "move the logo" you could use the CSS position Property or, play around with margins and/ or padding for the .logo class

Don't really want to do b), also I wanted to make it smaller after moving it higher first. Anyways I got almost solution by adding this:

.logo img{
	margin-top: 1px;
        height: 145px;
}

But if you look at my page it still could be higher, how to do it?

Also anyone about the dynamic content and background?

(2012-02-11, 03:47 PM)Destroy666 Wrote: [ -> ]...
But if you look at my page it still could be higher, how to do it?...

You could try
position:absolute;
top:4px;
....or similar, added to the ' .logo img ' class.

position: absolute;
top: 15px;

Worked good, thanks.

BUMP, still need soluton to problem number 3 described in first post.

And got another question - how can I change font color for example in codeblock title?

.codeblock .title {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	margin: 4px 0;
}

Tried adding 'color: black;' or 'text-color: black;' but they don't work.