PDA

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


UKBusinessLive
27 Dec 2008, 19:43
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://www.vbulletin.org/forum/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://www.vbulletin.org/forum/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://www.vbulletin.org/forum/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
27 Dec 2008, 19:46
:D Reserved :D

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

UKBusinessLive
27 Dec 2008, 22:03
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
27 Dec 2008, 22:29
great work :)

UKBusinessLive
28 Dec 2008, 20:13
Just updated with additional code to make it as 2nd post of each thread

https://www.vbulletin.org/forum/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
30 Dec 2008, 01:28
Nice work! I used it to create a template module for use on vBadvanced CMPS.

UKBusinessLive
30 Dec 2008, 10:22
Nice work! I used it to create a template module for use on vBadvanced CMPS.

brilliant idea, how about a link ?? ;)

SgtTechHead
30 Dec 2008, 15:28
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
30 Dec 2008, 19:59
that is so cool, brilliant :D

Medtech
01 Jan 2009, 20:53
Marked as *installed*

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

UKBusinessLive
02 Jan 2009, 03:50
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
02 Jan 2009, 11:34
Great work.. Linked it to my Historic Calendar.. Thanks

UKBusinessLive
03 Jan 2009, 22:34
Great work.. Linked it to my Historic Calendar.. Thanks

Great Idea, Glad it worked for you :D

steve1966
08 Jan 2009, 21:03
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
09 Jan 2009, 02:00
Thanks for that Steve :D

C138 Kaysone
09 Jan 2009, 23:55
now this is dandy!!!! love this! makes my site filled with history

UKBusinessLive
10 Jan 2009, 00:39
Glad you liked it :D

abroad
19 Jan 2009, 10:19
Is it legal to use this content on another website?

macc
19 Jan 2009, 15:59
hello!

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

reg

macc

UKBusinessLive
19 Jan 2009, 18:08
Is it legal to use this content on another website?

Of course thats what its made for :rolleyes:

texasf1racer
20 Feb 2009, 01:57
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
20 Feb 2009, 06:49
Now that looks Great :D

Thanks for sharing :up:

DobieGillisİ
20 Feb 2009, 13:33
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
20 Feb 2009, 17:54
Now that looks Great :D

Thanks for sharing :up:

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

legion!
07 Mar 2009, 04:40
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
11 Mar 2009, 15:57
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
11 Mar 2009, 19:09
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!
13 Mar 2009, 14:59
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
22 Apr 2009, 11:18
nice!! thanks

shinng
29 May 2009, 11:27
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
28 Jun 2009, 14:33
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
08 Jan 2010, 21:42
Another excellent addition I've used from you! Thank you so much! You really are improving my forum no end with your mods! :)

yamahapaul
29 Jan 2010, 21:24
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
16 Feb 2010, 06:51
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
21 Feb 2010, 21:59
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
25 Feb 2010, 23:02
Is there any way to change the topic and content? I want to make mine more related to the topic.

exposed
26 Feb 2010, 00:07
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
27 Jun 2010, 21:03
Works great, However is it possible to have the topics about anything else ?