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

Re: Adding logo image at the top [Re: Sagar] #233597 01/10/2010 6:34 PM
Joined: Jun 2006
Posts: 9,243
Rick Offline
Former Developer
Offline
Former Developer
Joined: Jun 2006
Posts: 9,243
Control Panel -> Display Options -> General -> HTML Includes Tab. You'll add the HTML for it in the default Header.

Re: Adding logo image at the top [Re: Rick] #233724 01/12/2010 8:48 PM
Joined: Jan 2010
Posts: 9
BlueCrystalMan Offline
stranger
Offline
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>

Re: Adding logo image at the top [Re: BlueCrystalMan] #233725 01/12/2010 9:00 PM
Joined: Apr 2007
Posts: 3,938
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,938
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

Re: Adding logo image at the top [Re: SD] #233726 01/12/2010 9:17 PM
Joined: Jan 2010
Posts: 9
BlueCrystalMan Offline
stranger
Offline
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.

Re: Adding logo image at the top [Re: BlueCrystalMan] #233728 01/12/2010 9:30 PM
Joined: Apr 2007
Posts: 3,938
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,938
no prolemo dude smile

Re: Adding logo image at the top [Re: SD] #233732 01/12/2010 10:22 PM
Joined: Jun 2006
Posts: 15,852
Gizmo Offline
UBB.threads Developer
Offline
UBB.threads Developer
Joined: Jun 2006
Posts: 15,852
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.
Need to Upgrade?
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!
Re: Adding logo image at the top [Re: Gizmo] #233734 01/12/2010 10:34 PM
Joined: Apr 2007
Posts: 3,938
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,938
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>


Re: Adding logo image at the top [Re: SD] #233735 01/12/2010 10:35 PM
Joined: Jun 2006
Posts: 15,852
Gizmo Offline
UBB.threads Developer
Offline
UBB.threads Developer
Joined: Jun 2006
Posts: 15,852
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.
Need to Upgrade?
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!
Re: Adding logo image at the top [Re: Gizmo] #233736 01/12/2010 10:39 PM
Joined: Apr 2007
Posts: 3,938
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,938
entire cell is clickable either way (that's why the double divs).. but diff strokes for different folks smile

Re: Adding logo image at the top [Re: SD] #233737 01/12/2010 11:01 PM
Joined: Jun 2006
Posts: 15,852
Gizmo Offline
UBB.threads Developer
Offline
UBB.threads Developer
Joined: Jun 2006
Posts: 15,852
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.
Need to Upgrade?
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!
Re: Adding logo image at the top [Re: Gizmo] #233738 01/12/2010 11:13 PM
Joined: Apr 2007
Posts: 3,938
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,938
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

Re: Adding logo image at the top [Re: SD] #233746 01/13/2010 9:30 AM
Joined: May 2008
Posts: 735
Bad Frog Offline
old hand
Offline
old hand
Joined: May 2008
Posts: 735
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"
Re: Adding logo image at the top [Re: Bad Frog] #233748 01/13/2010 10:05 AM
Joined: May 2008
Posts: 735
Bad Frog Offline
old hand
Offline
old hand
Joined: May 2008
Posts: 735
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 10: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"
Re: Adding logo image at the top [Re: Bad Frog] #233750 01/13/2010 12:13 PM
Joined: Apr 2007
Posts: 3,938
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,938
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

Re: Adding logo image at the top [Re: SD] #233751 01/13/2010 12:51 PM
Joined: Jun 2006
Posts: 15,852
Gizmo Offline
UBB.threads Developer
Offline
UBB.threads Developer
Joined: Jun 2006
Posts: 15,852
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.
Need to Upgrade?
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!
Re: Adding logo image at the top [Re: Gizmo] #234615 02/10/2010 1:29 PM
Joined: Jul 2007
Posts: 91
Wisc.Tiger Offline
journeyman
Offline
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

Re: Adding logo image at the top [Re: Wisc.Tiger] #234625 02/10/2010 4:00 PM
Joined: Apr 2007
Posts: 3,938
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,938
yep... <table bgcolor="#ffffff" says it is white...

change that ffffff to your fave color smile

Re: Adding logo image at the top [Re: SD] #234636 02/10/2010 5:33 PM
Joined: Jul 2007
Posts: 91
Wisc.Tiger Offline
journeyman
Offline
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.


Forum Search
ShoutChat Box
Comment Guidelines: Do post respectful and insightful comments. Don't flame, hate, spam.
Recent Topics
Mobile app?
by Baldeagle - 12/06/2019 9:32 PM
How do you change Text Line spacing?
by jorb - 11/23/2019 12:14 AM
What happened to FAQ or Forum Help
by Ruben - 11/20/2019 11:58 AM
Search feature encountering an Error message
by jorb - 11/20/2019 12:06 AM
Followed List v7.7.2 Question
by Ruben - 11/12/2019 12:22 PM
Who's Online Now
1 registered members (JAISP), 60 guests, and 425 spiders.
Key: Admin, Global Mod, Mod
Random Gallery Image
Latest Gallery Images
Artistic structures
Artistic structures
by isaac, August 29
Stones
Stones
by isaac, August 19
Amusing Terain Scenics
Amusing Terain Scenics
by isaac, August 19
Sky places
Sky places
by isaac, August 19
Powered by UBB.threads™ PHP Forum Software 7.7.4
(Snapshot build 20191023)