Previous Thread
Next Thread
Print Thread
Hop To
#233595 01/10/2010 7: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?

Joined: Jun 2006
Posts: 9,242
Former Developer
Offline
Former Developer
Joined: Jun 2006
Posts: 9,242
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
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>

Joined: Apr 2007
Posts: 3,940
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,940
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
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.

Joined: Apr 2007
Posts: 3,940
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,940
no prolemo dude smile

Joined: Jun 2006
Posts: 15,974
Likes: 38
UBB.threads Developer
Online Tapedshut
UBB.threads Developer
Joined: Jun 2006
Posts: 15,974
Likes: 38
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
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,940
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: 15,974
Likes: 38
UBB.threads Developer
Online Tapedshut
UBB.threads Developer
Joined: Jun 2006
Posts: 15,974
Likes: 38
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
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,940
entire cell is clickable either way (that's why the double divs).. but diff strokes for different folks smile

Joined: Jun 2006
Posts: 15,974
Likes: 38
UBB.threads Developer
Online Tapedshut
UBB.threads Developer
Joined: Jun 2006
Posts: 15,974
Likes: 38
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
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,940
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: 739
Likes: 1
Old Hand
Offline
Old Hand
Joined: May 2008
Posts: 739
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: 739
Likes: 1
Old Hand
Offline
Old Hand
Joined: May 2008
Posts: 739
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
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,940
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: 15,974
Likes: 38
UBB.threads Developer
Online Tapedshut
UBB.threads Developer
Joined: Jun 2006
Posts: 15,974
Likes: 38
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
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

Joined: Apr 2007
Posts: 3,940
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,940
yep... <table bgcolor="#ffffff" says it is white...

change that ffffff to your fave color smile

Joined: Jul 2007
Posts: 91
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.


Link Copied to Clipboard
ShoutChat Box
Comment Guidelines: Do post respectful and insightful comments. Don't flame, hate, spam.
Recent Topics
Individual Post Count Adjustments?
by FREAK - 09/25/2020 11:17 PM
Like unlike bug?
by Morgan - 09/24/2020 5:03 PM
looking to renew :)
by Mors - 09/23/2020 7:52 PM
test
by Mors - 09/23/2020 7:51 PM
What triggers page view numbers
by Morgan - 09/21/2020 10:31 AM
Who's Online Now
5 members (Ruben, Morgan, JAISP, Gizmo, 1 invisible), 59 guests, and 46 robots.
Key: Admin, Global Mod, Mod
Random Gallery Image
Latest Gallery Images
gallery test
gallery test
by Mors, September 23
Los Angeles
Los Angeles
by isaac, August 6
3D Creations
3D Creations
by JAISP, December 30
Artistic structures
Artistic structures
by isaac, August 29
Powered by UBB.threads™ PHP Forum Software 7.7.5
(Snapshot build 20200925)