|
Joined: Oct 2006
Posts: 66
journeyman
|
journeyman
Joined: Oct 2006
Posts: 66 |
How do I add a logo image at the top?
|
|
|
|
Joined: Jun 2006
Posts: 9,242 Likes: 1
Former Developer
|
Former Developer
Joined: Jun 2006
Posts: 9,242 Likes: 1 |
Control Panel -> Display Options -> General -> HTML Includes Tab. You'll add the HTML for it in the default Header.
|
|
|
|
Joined: Jan 2010
Posts: 9
stranger
|
stranger
Joined: Jan 2010
Posts: 9 |
This is the code I got the other day from someone here. In Control Panel, click on General, then click the HTML Includes tab.
In the header box, paste this... I put notes in here for you to swap out with your logo info.
<table width="100%" class="t_inner" cellpadding="0" cellspacing="0"> <html> <head> </head> <body> <tr> <td colspan="3" class="lefttdheader"> <span style="float:right">Community Forum</span> <span style="float:left">The Forum Name</span> </td> </tr> <tr> <td class="alt-2" align="left"> <img src="yourlogo.jpg" alt="Your Forum Logo Name" border="0" /> </td> </tr> </table> </body> </html>
|
|
|
|
Joined: Apr 2007
Posts: 3,940 Likes: 1
Former Developer
|
Former Developer
Joined: Apr 2007
Posts: 3,940 Likes: 1 |
noooo... the html, head, body tags will kill it.. <table width="100%" class="t_inner" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" class="lefttdheader">
<span style="float:right">Community Forum</span>
<span style="float:left">The Forum Name</span>
</td>
</tr>
<tr>
<td class="alt-2" align="left">
<img src="yourlogo.jpg" alt="Your Forum Logo Name" border="0" />
</td>
</tr>
</table> would be a start
|
|
|
|
Joined: Jan 2010
Posts: 9
stranger
|
stranger
Joined: Jan 2010
Posts: 9 |
That's what I have in mine, and it's a beauty... thanks, sd... going to pull them out and watch the (hopefully nonexistant) fireworks.
|
|
|
|
Joined: Apr 2007
Posts: 3,940 Likes: 1
Former Developer
|
Former Developer
Joined: Apr 2007
Posts: 3,940 Likes: 1 |
no prolemo dude
|
|
|
|
Joined: Jun 2006
Posts: 16,299 Likes: 116
|
Joined: Jun 2006
Posts: 16,299 Likes: 116 |
I think on mine I use: Then in my styles I add to the extra css: #header {
height: 200px;
background: url('http://www.mysite.tld/images/image.gif');
background-repeat: no-repeat;
}
I like this method as you can rely on the style to choose the proper header image for different color schemes.
|
|
|
|
Joined: Apr 2007
Posts: 3,940 Likes: 1
Former Developer
|
Former Developer
Joined: Apr 2007
Posts: 3,940 Likes: 1 |
i go further and make the logo clickable <div class="whateva">
<a href="http://mydomain.com/ubbthreads/ubbthreads.php?ubb=cfrm">
<div class="header">
</div>
</a>
</div>
|
|
|
|
Joined: Jun 2006
Posts: 16,299 Likes: 116
|
Joined: Jun 2006
Posts: 16,299 Likes: 116 |
I think I have: <div id="header" onclick="parent.location='http://www.undergroundnews.com/forum/ubbthreads.php/ubb/cfrm'" title="UGN Security Forums"></div> So the entire cell is clickable
|
|
|
|
Joined: Apr 2007
Posts: 3,940 Likes: 1
Former Developer
|
Former Developer
Joined: Apr 2007
Posts: 3,940 Likes: 1 |
entire cell is clickable either way (that's why the double divs).. but diff strokes for different folks
|
|
|
|
Joined: Jun 2006
Posts: 16,299 Likes: 116
|
Joined: Jun 2006
Posts: 16,299 Likes: 116 |
You edited yours from when I was posting mine
|
|
|
|
Joined: Apr 2007
Posts: 3,940 Likes: 1
Former Developer
|
Former Developer
Joined: Apr 2007
Posts: 3,940 Likes: 1 |
you're seeing things then.. only edit was to make it so there were line breaks in the code, so peeps wouldn't have that scrolly dealio with the Code tags.. (unless of course, if they greasemonkeyed it away )
|
|
|
|
Joined: May 2008
Posts: 753 Likes: 1
Old Hand
|
Old Hand
Joined: May 2008
Posts: 753 Likes: 1 |
ok, I have used HTML in my header all along, but wold like to convert it to CSS so i can match it to dark themes, etc, I can understand what you guys are posting for creating a CSS image, but I have tables, etc.. forming my entire header. how would I convert the following to CSS ? depending on how complicated this is, I would be willing to compensate accordingly (assuming I can afford it, lol!) you can look at my site to see how it looks. http://www.vannin.com
<center>
<table bgcolor="#ffffff" cellspacing="0" cellpadding="0" border="0" WIDTH="90%">
<tr><td valign="middle" colspan="5">
<table align="center" cellspacing="0" cellpadding="0" border="0" WIDTH="100%">
<td width="15" height="15"><img src="http://www.vannin.com/main/themes/3D-Fantasy/images/up-left2.gif" alt="" border="0"></td>
<td><img src="http://www.vannin.com/main/themes/3D-Fantasy/images/up2.gif" width="100%" height="15"></td>
<td><img src="http://www.vannin.com/main/themes/3D-Fantasy/images/up-right2.gif" width="15" height="15" alt="" border="0"></td></tr>
<tr>
<td background="http://www.vannin.com/main/themes/3D-Fantasy/images/left2.gif" width="15"> </td>
<td bgcolor="ffffff" width="100%"><center>
<table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td align="left" width="160">
<img src="http://www.vannin.com/images/Boxdin2s.gif"></td><td> </td><td valign="middle"><center>
<img src="http://www.vannin.com/main/themes/3D-Fantasy/images/logo.gif" border="0"><br><FONT face="Arial" size="1" color="#000000">
We host with and recommend <a href="http://www.your-site.com/cgi-bin/refer.cgi?YS-REF-ID=1185" target="_new">Your-Site.Com</a> - This site works best with <a href="http://www.mozilla.com/en-US/">FireFox</a>
<td ALIGN="center" VALIGN="middle" WIDTH="160">
<!-- DATE -->
<script language="JavaScript">
document.write("<FONT FACE=Arial SIZE=4><B>"+isnMonths[today.getMonth()]+" "+today.getDate()+", 2010"+"</B></FONT>");
</script>
<br><br><center>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----
">
</form></center>
</td><td></td></tr></table>
</center>
</td>
<td background="http://www.vannin.com/main/themes/3D-Fantasy/images/right2.gif"> </td></tr>
<tr><td width="15" height="15"><img src="http://www.vannin.com/main/themes/3D-Fantasy/images/down-left2.gif" alt="" border="0"></td>
<td><img src="http://www.vannin.com/main/themes/3D-Fantasy/images/down2.gif" width="100%" height="15"></td>
<td><img src="http://www.vannin.com/main/themes/3D-Fantasy/images/down-right2.gif" width="15" height="15" alt="" border="0">
</td></tr></table>
</td></tr></table>
</center> </center><br>
"No matter where you go, there you are." "If you can't do something smart, Do something right" "There are three kinds of people in the world, those who can count, and those who can't"
|
|
|
|
Joined: May 2008
Posts: 753 Likes: 1
Old Hand
|
Old Hand
Joined: May 2008
Posts: 753 Likes: 1 |
I found a thing to convert it to CSS, but I am still in need of assistance formatting it. you can see what it ends up like here, http://www.vannin.com/header/you can look at the CSS sheet. http://www.vannin.com/header/header.cssI want it to stay centered on the page, and I want it it to adjust with the browser window it is also cutting off the text under my logo... I have never messed with CSS stuff, suppose it is time I start.
Last edited by Bad Frog; 01/13/2010 11:23 AM. Reason: added link to CSS
"No matter where you go, there you are." "If you can't do something smart, Do something right" "There are three kinds of people in the world, those who can count, and those who can't"
|
|
|
|
Joined: Apr 2007
Posts: 3,940 Likes: 1
Former Developer
|
Former Developer
Joined: Apr 2007
Posts: 3,940 Likes: 1 |
the main thing is to css using either existing css classes like t_outer, t_innner, alt-1, alt-2, tdheader (so they fit with whatever style) or add new css classes in the 'Extra CSS' section... shouldn't be too hard to do, but if you need help i can look @ it later on
|
|
|
|
Joined: Jun 2006
Posts: 16,299 Likes: 116
|
Joined: Jun 2006
Posts: 16,299 Likes: 116 |
Bad Frog, send me a PT and I'll respond later on with a nice tidy code insert lol
|
|
|
|
Joined: Jul 2007
Posts: 91
journeyman
|
journeyman
Joined: Jul 2007
Posts: 91 |
Since I used the code in the HTML box from this thread I will ask my question here.
Can I center a banner and have a background color?
Widescreen users are seeing white over on the righthand side.
Val
|
|
|
|
Joined: Apr 2007
Posts: 3,940 Likes: 1
Former Developer
|
Former Developer
Joined: Apr 2007
Posts: 3,940 Likes: 1 |
yep... <table bgcolor="#ffffff" says it is white... change that ffffff to your fave color
|
|
|
|
Joined: Jul 2007
Posts: 91
journeyman
|
journeyman
Joined: Jul 2007
Posts: 91 |
Thanks Dude, when I was trying to break the forum today and Rick was fixing my mess he saw this post and fixed it up for me.
Gotta say how pleased I am with UBB and you guys.
|
|
|
Bots
by Outdoorking - 04/13/2024 5:08 PM
|
|
|
|
|
|
1 members (Nightcrawler),
737
guests, and
131
robots. |
Key:
Admin,
Global Mod,
Mod
|
|
|
|