Previous Thread
Next Thread
Print Thread
Hop To
#233595 01/10/2010 7:15 PM
Joined: Oct 2006
Posts: 66
S
journeyman
journeyman
S Offline
Joined: Oct 2006
Posts: 66
How do I add a logo image at the top?

Joined: Jun 2006
Posts: 9,242
Likes: 1
R
Former Developer
Former Developer
R Offline
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
B
stranger
stranger
B Offline
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
SD Offline
Former Developer
Former Developer
Joined: Apr 2007
Posts: 3,940
Likes: 1
noooo...

the html, head, body tags will kill it..

HTML
<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 wink

Joined: Jan 2010
Posts: 9
B
stranger
stranger
B Offline
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
SD Offline
Former Developer
Former Developer
Joined: Apr 2007
Posts: 3,940
Likes: 1
no prolemo dude smile

Joined: Jun 2006
Posts: 16,289
Likes: 115
UBB.threads Developer
UBB.threads Developer
Joined: Jun 2006
Posts: 16,289
Likes: 115
I think on mine I use:
Code
<div id="header"></div>

Then in my styles I add to the extra css:
Code
#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.


I am a Web Development Contractor, I do not work for UBBCentral. I have provided free User to User Support since the beginning of these support forums.
Do you need Forum Install or Upgrade Services?
Forums: A Gardeners Forum, Scouters World
UBB.threads: UBBWiki, UBB Styles, UBB.Sitemaps
Longtime Supporter & Resident Post-A-Holic
VNC Web Services: Code Modifications, Upgrades, Styling, Coding Services, Disaster Recovery, and more!
Joined: Apr 2007
Posts: 3,940
Likes: 1
SD Offline
Former Developer
Former Developer
Joined: Apr 2007
Posts: 3,940
Likes: 1
i go further and make the logo clickable

HTML
<div class="whateva">
<a href="http://mydomain.com/ubbthreads/ubbthreads.php?ubb=cfrm">
<div class="header">
</div>
</a>
</div>

Joined: Jun 2006
Posts: 16,289
Likes: 115
UBB.threads Developer
UBB.threads Developer
Joined: Jun 2006
Posts: 16,289
Likes: 115
I think I have:
Code
<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


I am a Web Development Contractor, I do not work for UBBCentral. I have provided free User to User Support since the beginning of these support forums.
Do you need Forum Install or Upgrade Services?
Forums: A Gardeners Forum, Scouters World
UBB.threads: UBBWiki, UBB Styles, UBB.Sitemaps
Longtime Supporter & Resident Post-A-Holic
VNC Web Services: Code Modifications, Upgrades, Styling, Coding Services, Disaster Recovery, and more!
Joined: Apr 2007
Posts: 3,940
Likes: 1
SD Offline
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 smile

Joined: Jun 2006
Posts: 16,289
Likes: 115
UBB.threads Developer
UBB.threads Developer
Joined: Jun 2006
Posts: 16,289
Likes: 115
You edited yours from when I was posting mine tongue


I am a Web Development Contractor, I do not work for UBBCentral. I have provided free User to User Support since the beginning of these support forums.
Do you need Forum Install or Upgrade Services?
Forums: A Gardeners Forum, Scouters World
UBB.threads: UBBWiki, UBB Styles, UBB.Sitemaps
Longtime Supporter & Resident Post-A-Holic
VNC Web Services: Code Modifications, Upgrades, Styling, Coding Services, Disaster Recovery, and more!
Joined: Apr 2007
Posts: 3,940
Likes: 1
SD Offline
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 laugh ) tongue

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

Code
<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">&nbsp;</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>&#160;</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">&nbsp;</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.css

I 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
SD Offline
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 laugh

Joined: Jun 2006
Posts: 16,289
Likes: 115
UBB.threads Developer
UBB.threads Developer
Joined: Jun 2006
Posts: 16,289
Likes: 115
Bad Frog, send me a PT and I'll respond later on with a nice tidy code insert lol


I am a Web Development Contractor, I do not work for UBBCentral. I have provided free User to User Support since the beginning of these support forums.
Do you need Forum Install or Upgrade Services?
Forums: A Gardeners Forum, Scouters World
UBB.threads: UBBWiki, UBB Styles, UBB.Sitemaps
Longtime Supporter & Resident Post-A-Holic
VNC Web Services: Code Modifications, Upgrades, Styling, Coding Services, Disaster Recovery, and more!
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
SD Offline
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 smile

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.


Link Copied to Clipboard
ShoutChat
Comment Guidelines: Do post respectful and insightful comments. Don't flame, hate, spam.
Recent Topics
Looking for a forum
by azr - 03/15/2024 11:26 PM
Editing Links in Post
by Outdoorking - 03/15/2024 9:31 AM
Question on barkrowler and the like
by Mors - 02/29/2024 6:51 PM
Member Permissions Help
by domspeak - 02/27/2024 6:31 PM
Forum Privacy Policy
by ECNet - 02/26/2024 11:58 AM
Who's Online Now
1 members (domspeak), 337 guests, and 176 robots.
Key: Admin, Global Mod, Mod
Random Gallery Image
Latest Gallery Images
Los Angeles
Los Angeles
by isaac, August 6
3D Creations
3D Creations
by JAISP, December 30
Artistic structures
Artistic structures
by isaac, August 29
Stones
Stones
by isaac, August 19
Powered by UBB.threads™ PHP Forum Software 8.0.0
(Preview build 20230217)