Log in

View Full Version : Forum Home Enhancements - UKBL ~This Day In History ~ Changes Daily


UKBusinessLive
12-26-2008, 10:00 PM
UKBL ~This Day In History ~ Changes Daily

This Day in History, Add this to your Forum for some really cool content that changes Daily

Just a Little hack here which you can add to your Forums, Give you a bit of content which changes daily, Should keep your members amused.

You can use this code in a variety of places, If you want it at the top of your forum you can add it to your header like below...

https://vborg.vbsupport.ru/external/2008/12/10.png

or if you want to be a bit creative you can make a new category and add the code to the discription field, this is great if you want to break up your forum like this...

https://vborg.vbsupport.ru/external/2008/12/11.png

Content changes daily and your members can read up more about the Day in History directly at the http://www.thefreedictionary.com/ site.

So lets do it......

If you want to add the code to your header, or footer, simply go to your ACP > Style Manager > Your Style

and add this to either the Header or Footer

<DIV ALIGN=CENTER>
<!--This Day in History by TheFreeDictionary.com-->
<div style="width:750px;position:relative;background-color:;padding:4px">
<div style="font:bold 15pt '';color:#000000">This Day in History</div>
<style>
#TodaysHistory {width:100%;border:none;background-color:}
#TodaysHistory H3 {margin-top:0px;font:bold 12pt '';color:#000000}
#TodaysHistory TD {font:normal 10pt '';color:#000000}
#TodaysHistory A {color:#0000FF}
</style>
<script language="javascript"
src="http://img.tfd.com/daily/history-top.js?0"></script>
<div style="font:normal 8pt '';color:#000000">
</div></div>
<!--end of This Day in History-->



If you want to add it within your forum, as a category type of insertion, just go to your ACP >Forums & Moderators > Add New Forum

In the title add : This Day In History

In the discription add the code below..

<DIV ALIGN=CENTER>
<!--This Day in History by TheFreeDictionary.com-->
<div style="width:750px;position:relative;background-color:#FFFFFF">
<div style="font:bold 15pt '';color:#000000"></div>
<style>
#TodaysHistory {width:100%;border:none;background-color:}
#TodaysHistory H3 {margin-top:0px;font:bold 12pt '';color:#000000}
#TodaysHistory TD {font:normal 10pt '';color:#000000}
#TodaysHistory A {color:#0000FF}
</style>
<script language="javascript"
src="http://img.tfd.com/daily/history-top.js?0"></script>
<div style="font:normal 8pt '';color:#000000">
</div></div>
<!--end of This Day in History-->



Remember under Posting options select "NO" to "Act as Forum" This will keep it as a standalone category style.

*****************UPDATE**********************

If you wanted to add this as an insertion after each 1st post you could use the code below (See picture ;) ) This will show it after each 1st post in threads

https://vborg.vbsupport.ru/external/2008/12/8.png

Just go to your ACP> Style Manager> Your Style> Edit Templates> Forum Display Template> Postbit Template > (then your chosen Positbit ~ either plain postbit or legecy)

Add this code to the very end of your postbit template

<if condition="!$GLOBALS['FIRSTPOSTID']">

$spacer_open
<div style="padding:0px 0px $stylevar[cellpadding]px 0px">

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="thead" align="left">This Day in History</td>
</tr>
<tr>
<td class="alt1" align="center">
<!--This Day in History by TheFreeDictionary.com-->
<div style="width:750px;position:relative;background-color:;padding:4px">
<div style="font:bold 15pt '';color:#000000">This Day in History</div>
<style>
#TodaysHistory {width:100%;border:none;background-color:}
#TodaysHistory H3 {margin-top:0px;font:bold 12pt '';color:#000000}
#TodaysHistory TD {font:normal 10pt '';color:#000000}
#TodaysHistory A {color:#0000FF}
</style>
<script language="javascript"
src="http://img.tfd.com/daily/history-top.js?0"></script>
<div style="font:normal 8pt '';color:#000000">
</div>
<!--end of This Day in History-->

</if>
</td>
</tr>
</table>

</div>
$spacer_close

</if>



if you come up with alternative uses, feel free to share them here ;)

Thats it

Enjoy :D

UKBusinessLive
12-27-2008, 05:46 PM
:D Reserved :D

Forum Lover
12-27-2008, 07:59 PM
Cool.. was there a way to put Quotation of the Day and Today's Birthday too? :)

UKBusinessLive
12-27-2008, 08:03 PM
Cool.. was there a way to put Quotation of the Day and Today's Birthday too? :)

yes there is, Its basically the same idea, have a play with it

adhmwagde
12-27-2008, 08:29 PM
great work :)

UKBusinessLive
12-28-2008, 06:13 PM
Just updated with additional code to make it as 2nd post of each thread

https://vborg.vbsupport.ru/external/2008/12/8.png

Might be useful to use it as a sponsored advert, by adding a text ad to the bottom of the code ??

Enjoy :D

SgtTechHead
12-29-2008, 11:28 PM
Nice work! I used it to create a template module for use on vBadvanced CMPS.

UKBusinessLive
12-30-2008, 08:22 AM
Nice work! I used it to create a template module for use on vBadvanced CMPS.

brilliant idea, how about a link ?? ;)

SgtTechHead
12-30-2008, 01:28 PM
brilliant idea, how about a link ?? ;)

http://www.sgttech.us/home

You'll find it towards the bottom of the page ;)

I edited the css tags to match my style.

UKBusinessLive
12-30-2008, 05:59 PM
that is so cool, brilliant :D

Medtech
01-01-2009, 06:53 PM
Marked as *installed*

Nice mod, had to use it in footer, tried the forum and it wouldn't show.

UKBusinessLive
01-02-2009, 01:50 AM
Marked as *installed*

Nice mod, had to use it in footer, tried the forum and it wouldn't show.

Glad it worked for you, Why didn't it show up in the forum????

TandyServices
01-02-2009, 09:34 AM
Great work.. Linked it to my Historic Calendar.. Thanks

UKBusinessLive
01-03-2009, 08:34 PM
Great work.. Linked it to my Historic Calendar.. Thanks

Great Idea, Glad it worked for you :D

steve1966
01-08-2009, 07:03 PM
use this code or everything will be centered

<div align="center"><!--This Day in History by TheFreeDictionary.com-->
<div style="width:750px;position:relative;background-color:;padding:4px">
<div style="font:bold 15pt '';color:#000000">This Day in History</div>
<style>
#TodaysHistory {width:100%;border:none;background-color:}
#TodaysHistory H3 {margin-top:0px;font:bold 12pt '';color:#000000}
#TodaysHistory TD {font:normal 10pt '';color:#000000}
#TodaysHistory A {color:#0000FF}
</style>
<script language="javascript"
src="http://img.tfd.com/daily/history-top.js?0"></script>
<div style="font:normal 8pt '';color:#000000">
</div></div>
<!--end of This Day in History--></div>

UKBusinessLive
01-09-2009, 12:00 AM
Thanks for that Steve :D

C138 Kaysone
01-09-2009, 09:55 PM
now this is dandy!!!! love this! makes my site filled with history

UKBusinessLive
01-09-2009, 10:39 PM
Glad you liked it :D

abroad
01-19-2009, 08:19 AM
Is it legal to use this content on another website?

macc
01-19-2009, 01:59 PM
hello!

if some click to " read more" how to get that new page will be open in new window ?

reg

macc

UKBusinessLive
01-19-2009, 04:08 PM
Is it legal to use this content on another website?

Of course thats what its made for :rolleyes:

texasf1racer
02-19-2009, 11:57 PM
Great mod, thanks for releasing this!

On my site however I decided to add it to the bottom of the 'Whats Going On?' box. See sample screen shot attached. If you'd like to do the same you'll need to edit your FORUMHOME template.


1.) AdminCP->Style Manager->Edit Templates->FORUMHOME

Look for:

<td class="alt1" width="100%"><div class="smallfont">$upcomingevents</div>
</td>
</tr>
</tbody>
</if>

$template_hook[forumhome_wgo_pos5]



2.) After paste:

<tbody>
<tr>
<td class="thead" colspan="2">
Daily Soup
</td>
</tr>
</tbody>
<tr>
<td class="alt2"><img src="$stylevar[imgdir_misc]/calendar.gif" /></td>
<td class="alt1" width="100%">
<div class="smallfont">
<DIV ALIGN=CENTER>
<!--This Day in History by TheFreeDictionary.com-->
<div style="width:750px;position:relative;background-color:;padding:4px">
<div style="font:bold 15pt '';color:#000000">This Day in History</div>
<style>
#TodaysHistory {width:100%;border:none;background-color:}
#TodaysHistory H3 {margin-top:0px;font:bold 12pt '';color:#000000}
#TodaysHistory TD {font:normal 10pt '';color:#000000}
#TodaysHistory A {color:#0000FF}
</style>
<script language="javascript"
src="http://img.tfd.com/daily/history-top.js?0"></script>
<div style="font:normal 8pt '';color:#000000">
</div></div>
<!--end of This Day in History-->

</div>
</td>
</tr>
</tbody>
$template_hook[forumhome_wgo_pos6]


All done, enjoy! :)

UKBusinessLive
02-20-2009, 04:49 AM
Now that looks Great :D

Thanks for sharing :up:

DobieGillis?
02-20-2009, 11:33 AM
Great mod, thanks for releasing this!

On my site however I decided to add it to the bottom of the 'Whats Going On?' box. See sample screen shot attached. If you'd like to do the same you'll need to edit your FORUMHOME template.


1.) AdminCP->Style Manager->Edit Templates->FORUMHOME

Look for:

<td class="alt1" width="100%"><div class="smallfont">$upcomingevents</div>
</td>
</tr>
</tbody>
</if>

$template_hook[forumhome_wgo_pos5]



2.) After paste:

<tbody>
<tr>
<td class="thead" colspan="2">
Daily Soup
</td>
</tr>
</tbody>
<tr>
<td class="alt2"><img src="$stylevar[imgdir_misc]/calendar.gif" /></td>
<td class="alt1" width="100%">
<div class="smallfont">
<DIV ALIGN=CENTER>
<!--This Day in History by TheFreeDictionary.com-->
<div style="width:750px;position:relative;background-color:;padding:4px">
<div style="font:bold 15pt '';color:#000000">This Day in History</div>
<style>
#TodaysHistory {width:100%;border:none;background-color:}
#TodaysHistory H3 {margin-top:0px;font:bold 12pt '';color:#000000}
#TodaysHistory TD {font:normal 10pt '';color:#000000}
#TodaysHistory A {color:#0000FF}
</style>
<script language="javascript"
src="http://img.tfd.com/daily/history-top.js?0"></script>
<div style="font:normal 8pt '';color:#000000">
</div></div>
<!--end of This Day in History-->

</div>
</td>
</tr>
</tbody>
$template_hook[forumhome_wgo_pos6]


All done, enjoy! :)



excellent! I used your method! To the author, Cheers!

texasf1racer
02-20-2009, 03:54 PM
Now that looks Great :D

Thanks for sharing :up:

No problem at all, glad you like it! :D

legion!
03-07-2009, 02:40 AM
In the Postbit code one there is an extra </if> statement in there...also when i use the quick reply it doesnt work right

trucker01
03-11-2009, 01:57 PM
thnx for this is looking great :D
marked as installed.

was wondering about the same thing also....

is a bit annoying for the users to revert back to our place.

hello!

if some click to " read more" how to get that new page will be open in new window ?

reg

macc

UKBusinessLive
03-11-2009, 05:09 PM
thnx for this is looking great :D
marked as installed.

was wondering about the same thing also....

is a bit annoying for the users to revert back to our place.

Hi Guys ;)

We need to add

target="_blank"

to the outgoing url to get it to open in a new window :D

so find this line in the code

<script language="javascript"
src="http://img.tfd.com/daily/history-top.js?0"></script>

and replace with this

<script language="javascript"
src="http://img.tfd.com/daily/history-top.js?0" target="_blank" ></script>

Actually this is a nice little trick to remember if you have menu's or urls on your site and you want them to open up in a new window as opposed to diverting people away from your site, just stick this at the end of the url
target="_blank"

Enjoy ;-)

legion!
03-13-2009, 12:59 PM
Also if i put this under the first post in every thread...it wont work for firefox users when you use the quick reply

freewilley
04-22-2009, 09:18 AM
nice!! thanks

shinng
05-29-2009, 09:27 AM
a long shot, but is there a sports news version of this?

because i have not installed this, i'll forget to check. could you please pm me if there is one?
thanks

MARKA
06-28-2009, 12:33 PM
Thank you. I just installed this yesterday.

I am wondering how, if possible, to make the MORE and DISCUSS links open into a new window rather than take people off of my site?

Miss Chatterbox
01-08-2010, 07:42 PM
Another excellent addition I've used from you! Thank you so much! You really are improving my forum no end with your mods! :)

yamahapaul
01-29-2010, 07:24 PM
Is there a way to modify the code slightly so that you can put it in a post?
<DIV ALIGN=CENTER>
<!--This Day in History by TheFreeDictionary.com-->
<div style="width:750px;position:relative;background-color:;padding:4px">
<div style="font:bold 15pt '';color:#000000">This Day in History</div>
<style>
#TodaysHistory {width:100%;border:none;background-color:}
#TodaysHistory H3 {margin-top:0px;font:bold 12pt '';color:#000000}
#TodaysHistory TD {font:normal 10pt '';color:#000000}
#TodaysHistory A {color:#0000FF}
</style>
<script language="javascript"
src="http://img.tfd.com/daily/history-top.js?0"></script>
<div style="font:normal 8pt '';color:#000000">
</div></div>
<!--end of This Day in History-->

?

lycheepassion
02-16-2010, 04:51 AM
What's the response from users on this? I just added it below the lounge.. I'll see. to me it's cool but hope its not cheesy to them :)

Chef_uk
02-21-2010, 07:59 PM
Is there a way to modify the code slightly so that you can put it in a post?

Would like to know this as well as it wouldn't be too intrusive as to every new thread someone creates and only those interested can check it out and respond should they wish. There is a mod that starts a new thread each day with a flash game so i would imagine the coding would be similar.

Danny Diamond
02-25-2010, 09:02 PM
Is there any way to change the topic and content? I want to make mine more related to the topic.

exposed
02-25-2010, 10:07 PM
Hi Guys ;)

We need to add

target="_blank"

to the outgoing url to get it to open in a new window :D

so find this line in the code

<script language="javascript"
src="http://img.tfd.com/daily/history-top.js?0"></script>

and replace with this

<script language="javascript"
src="http://img.tfd.com/daily/history-top.js?0" target="_blank" ></script>

Actually this is a nice little trick to remember if you have menu's or urls on your site and you want them to open up in a new window as opposed to diverting people away from your site, just stick this at the end of the url
target="_blank"

Enjoy ;-)

for some reason this is not working for me.
here is what i have.

<DIV ALIGN=CENTER>
<!--This Day in History by TheFreeDictionary.com-->
<div style="width:750px;position:relative;background-color:#FFFFFF">
<div style="font:bold 15pt '';color:#000000"></div>
<style>
#TodaysHistory {width:100%;border:none;background-color:}
#TodaysHistory H3 {margin-top:0px;font:bold 12pt '';color:#000000}
#TodaysHistory TD {font:normal 10pt '';color:#000000}
#TodaysHistory A {color:#0000FF}
</style>
<script language="javascript"
src="http://img.tfd.com/daily/history-top.js?0" target="_blank" ></script>
<div style="font:normal 8pt '';color:#000000">
</div></div>
<!--end of This Day in History-->

betts02
06-27-2010, 07:03 PM
Works great, However is it possible to have the topics about anything else ?