Jump to content
Invision Community
Alex.amazingboy

[GFX] Forum Activity

Recommended Posts

%7Boption%7D



File Name: [GFX] Forum Activity

File Submitter: Alex.amazingboy

File Submitted: 26 Jan 2014

File Category: User and Social Engagement

Supported Versions: IP.Board 3.3.x, IP.Board 3.4.x



A hook to show latest forum activities on Board Index Sidebar with Polls/ Hot topics/ Replies / Latest posts etc. with a cool sliding + fading effect

You can change slider setting from ACP and many more settings out there :smile:


Great news: you can use this hook as an IP Content Block too, Please follow below link to see Tutorial

Forum Activity as IP.Content Block [TUT]



here to download this file

Share this post


Link to post
Share on other sites

does this only work with IP.Content or portal pages?


This is working with Forums.

but if you have IP.Content, then you can use this hook's Template codes in your IP.Content Block to see the records (with sliding effect) and show on IP.Content pages. :smile:

Just you need to change some Variables for your IP.Content Block and then its done ;) with the same look and slides.


Sorry for my bad english :smile:

Share this post


Link to post
Share on other sites


This is working with Forums.

but if you have IP.Content, then you can use this hook's Template codes in your IP.Content Block to see the records (with sliding effect) and show on IP.Content pages. :smile:

Just you need to change some Variables for your IP.Content Block and then its done ;) with the same look and slides.


Sorry for my bad english :smile:

I apologize, I noticed on the demo that the working version is on a HOME page for you, do I need a home page myself or does it work in the sidebar?

Share this post


Link to post
Share on other sites

Hello, I just purchased, could you explain in more detail how to hook this to ip content? Thanks

I will provide an IP.Content Block tutorial today :smile: gimme few time

I have a question, how do I edit the title of the post, it shows white against a white background? or can I change the background color more to match the forum?

Yeah you can change the background color :smile: just edit bacground color from CSS codes in activity_loader template from Global Templates group.

For background color changing edit this CSS:

#activity-ticker li{
padding: 10px;
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #ebebeb 100%);
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #ebebeb 100%);
background-image: -o-linear-gradient(top, #FFFFFF 0%, #ebebeb 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #ebebeb));
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #ebebeb 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #ebebeb 100%);
border:1px solid #dbdbdb;
margin-bottom:1px;
width:100%;
}

For Title color you can add color:#000; as like this :

#tickerRow .post-title {
    margin:0px;
    font-family:arial, sans-serif;
    line-height:20px;
    font-size:12px;
    font-weight:bold; 
    color:#000; /* Here is your Color ocode */
}

You can use Black + Gray Gradient colors to match white colored title with your forum skin :smile:

Share this post


Link to post
Share on other sites

I will provide an IP.Content Block tutorial today :smile: gimme few time

Yeah you can change the background color :smile: just edit bacground color from CSS codes in activity_loader template from Global Templates group.

For background color changing edit this CSS:

#activity-ticker li{
padding: 10px;
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #ebebeb 100%);
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #ebebeb 100%);
background-image: -o-linear-gradient(top, #FFFFFF 0%, #ebebeb 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #ebebeb));
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #ebebeb 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #ebebeb 100%);
border:1px solid #dbdbdb;
margin-bottom:1px;
width:100%;
}

For Title color you can add color:#000; as like this :

#tickerRow .post-title {
    margin:0px;
    font-family:arial, sans-serif;
    line-height:20px;
    font-size:12px;
    font-weight:bold; 
    color:#000; /* Here is your Color ocode */
}

You can use Black + Gray Gradient colors to match white colored title with your forum skin :smile:

thank you for the support! :)

Share this post


Link to post
Share on other sites

Anybody got this working on their site that isn't using it with IP Content? I don't use IP Content so i want to see it working without it.

Offcoz it is working without IP.Content :) it is developed for only Forums (but i made a tutorial to show it with IP.Content as a block too) :)

Cheers for this got it working on my forum with a few changes. :smile:

http://forum.talkchelsea.net/

Chelsea :thumbsup:

Share this post


Link to post
Share on other sites

I do have one issue. As the topics scroll down the topic counter and bubble do this. Everything is set to default in settings

as i can see in screenshot you did some changes with block template :) i think its a CSS issue or you need to Truncate some words to fit in width of your SideBar :)

or you can provide me a URL to look into it.

Share this post


Link to post
Share on other sites

  • Recently Browsing   0 members

    No registered users viewing this page.

×