Right so I'm currently using the header_bg as the main logo.
Look at the picture I've made the logo.png pink and that is obviously clickable to the index.php.
I would like to move the pink box the logo to the middle of the header which will be over the badge then delete the logo so it makes the badge on the header look like its clickable.
If you understand me.
Thanks.
hi,
>> admin cp
Templates & Style
Templates
then select the templ. that you use and edit there the
Header Templates > header > edit this
in line 4 change <div class="logo"> to <div class="logo"
align="center">
save it and have fun..
gr
fred
Don't seem to be working.
Line 4 is <h1 class="logo"><a href="{$mybb->settings['bburl']}/index.php">{$mybb->settings['bbname']}</a></h1>
What you are wanting to do isn't possible. I am assuming the badge is part of the background in the header?
What you could do print screen (on your keyboard), then paste (ctrl + v) into Paint. From there, crop the badge, and save it. Upload it to your image folder for the theme with the title "logo.png" and re-name the current logo.png into whatever you want (for example; "oldlogo.png")
Then, place this code where the old code is.
<center><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></center>
Sorry, a bit rusty but should work. If not, happy to help.
No chance cropping it the resolution is way to small.
Please provide a URL so we can see what we're playing with.
(2012-03-18, 06:08 PM)Alan Shepperson Wrote: [ -> ]<h1 class="logo" align="center"><a href="{$mybb->settings['bburl']}/index.php">{$mybb->settings['bbname']}</a></h1>
If that doesn't work then please provide a URL so we can see what we're playing with.
He wants the center of his header (the badge thing, as shown in attachment) to function as his logo, however it's all one big image. The URL is also in the attachment.
@Jamie - maybe I'm not thinking straight, but are you sure your thinking is correct? I am just saying to crop out everything around the badge, and then masking it over your current image in the header, so it's clickable.
I need help with this too can anybody help?
(2012-03-18, 06:10 PM)jamie1990 Wrote: [ -> ]http://www.fmtactician.net/forum
Yea, basically would like to move the pink box which is the logo.png to the middle so it makes out the badge is clickable.
Take the left: float off the logo class
#header {
background: url("http://www.fmtactician.net/forum/images/glowing/header_bg.png") no-repeat transparent;
margin-top: -100px;
position: relative;
}
.logo {
margin: 0px 380px 2px;
padding-left: 10px;
}
#search {
background: url("http://www.fmtactician.net/forum/images/glowing/search_bg.png") no-repeat transparent;
float: right;
height: 30px;
margin: -200px 5px 0px 0px;
padding-left: 10px;
width: 219px;
}