Show the latest posting at the top of your forum ( Update )

[Former Member]

Dec 10, 2013 17:09:20 GMT -8 freemotorhominguk said:

@xsteveuk

Thanks so much for this, it is brilliant!

A small request, I have added this code


<div class="content">
   <center>Our Latest Posting: $[last_updated_thread.recent_link] by $[last_updated_thread.last_post.created_by] ($[last_updated_thread.last_post.created_on])
(Check links above news for more)  
</center></div></div></center>
by cutting and pasting your code without really knowing what I am doing, because all we want is the latest post in a little white round box without a title bar etc so I cut that bit out.

You can see the result here:

freemotorhominguk.boards.net/

What I would like to know from steve or anyone else who knows about css etc is there a div class code I can add to round the top of that box off with curves and a little black line so it looks better ?

Thanks in advance for your help.

Hi, freemotorhominguk

Give this a go
it will add round corners without the title bar

You can change the border colour and border size border:1px and colour solid #000000

Note as far as I know only works =  Firefox - Chrome - Opera
 Rounded corners don't work internet explorer


<center><div class="content"><div style="padding:5px;border:1px solid #000000;border-radius:10px; text-align:center;">Our Latest Posting $[last_updated_thread.recent_link] By $[last_updated_thread.last_post.created_by_user] -  $[last_updated_thread.last_post.created_on]</div></div></center><br />

Screen-shot table circled in screen-shots below





If you want it to look about the same height of the v5 news feed
Use the code below
it changes the padding to 2px and the border-radius to 5px

Rather than padding:5px  and border-radius:10px

Screen-shot




<center><div class="content"><div style="padding:2px;border:1px solid #000000;border-radius:5px; text-align:center;">Our Latest Posting $[last_updated_thread.recent_link] By $[last_updated_thread.last_post.created_by_user] - $[last_updated_thread.last_post.created_on]</div></div></center><br />


To View Live Preview
My Test Board
tcptestingboard.boards.net/

Steve

[freemotorhominguk]

Thanks so much for that @xsteveuk

I am using Chrome to test,I don't use IE, but will test in Firefox and Opera too.

I was getting little patches of white outside the radius of the curves so I came down to:


<div style="padding:1px;border:1px solid #000000;border-radius:2px; text-align:center;">
I know it's only radius 2 but it looks OK and has the line on the top. I think it will be adequate for us..... 9/10 rather than 6/10, LOL


Edit: I don't think the patches are showing up on your images as you are testing on a white background and they merge with that.

But this is what I've got now and it's quite OK, if not 100%:

freemotorhominguk.boards.net/

[Former Member]

Glad to help

Did you copy the full code? below - as what you have makes the table square

<center><div class="content"><div style="padding:2px;border:1px solid #000000;border-radius:5px; text-align:center;">Our Latest Posting $[last_updated_thread.recent_link] By $[last_updated_thread.last_post.created_by_user] - $[last_updated_thread.last_post.created_on]</div></div></center><br />

[freemotorhominguk]

Ah ...no I cut and pasted a bit. I'll give it another go!

Edit: I tried your code as a whole... the box worked well as rounded, but the background in the box was transparent not white. Again this may not show up on yours  if the testing  background is white.

I've left both versions on so you can see what I mean  


<center><div class="container">



<div class="content"><div style="padding:1px;border:1px solid #000000;border-radius:2px; text-align:center;">

   <center>Our Latest Posting: $[last_updated_thread.recent_link] by $[last_updated_thread.last_post.created_by] ($[last_updated_thread.last_post.created_on])

(Check links above news for more)  

</center></div></div></center>

   

<center><div class="content"><div style="padding:2px;border:1px solid #000000;border-radius:5px; text-align:center;">Our Latest Posting $[last_updated_thread.recent_link] By $[last_updated_thread.last_post.created_by_user] - $[last_updated_thread.last_post.created_on]

   (Check links above news for more)</div></div></center><br />
Above is all the code which I have after news and before the main board.

[Former Member]

Here you go freemotorhominguk

You can change     background-color:white;  the bold to any colour


<center><div class="content"><div style="padding:2px;border:1px solid #000000;border-radius:5px; background-color:white; text-align:center;">Our Latest Posting $[last_updated_thread.recent_link] By $[last_updated_thread.last_post.created_by_user] - $[last_updated_thread.last_post.created_on]</div></div></center><br />

Steve

I have it showing orange on my test board  tcptestingboard.boards.net/
Just to show you can change the background colour
Tested firefox/chrome/Internet Explorer

[freemotorhominguk]

Brilliant, now it works perfectly, thanks   @xsteveuk     

I hope this will be useful for another person who just wants to show last updated post too

[Former Member]

Dec 11, 2013 12:06:26 GMT -8 freemotorhominguk said:

Brilliant, now it works perfectly, thanks   @xsteveuk     

I hope this will be useful for another person who just wants to show last updated post too

You are very welcome - Glad we got all fixed

Steve

[daylilydude]

Thanks Steve, this looks great, and I also removed the Birthday part but... was wondering if I added

Thank You For Visiting<br>
Please $[register_link] Or $[login_link] to gain full access to all boards in this forum and remove the ads<br>
Thank You - Happy Posting<br>

would this work... and could there be a way to make just this part disappear when they do log in or register?

[Former Member]

Feb 2, 2014 3:42:15 GMT -8 daylilydude said:

Thanks Steve, this looks great, and I also removed the Birthday part but... was wondering if I added

Thank You For Visiting<br>
Please $[register_link] Or $[login_link] to gain full access to all boards in this forum and remove the ads<br>
Thank You - Happy Posting<br>

would this work... and could there be a way to make just this part disappear when they do log in or register?

Hi, daylilydude

If you wish it to show to members only!
Just wrap the table using the code marked in RED

{if $[current_user.is_member]}


ADD the table code here

{/if}


Yes could add


Please $[register_link] Or $[login_link] to gain full access to all boards in this forum<br>
Thank You - Happy Posting<br>
Thank You For Visiting<br>

[daylilydude]

Hmmm... let me make sure if I worded that right... So it would go...

{if $[current_user.is_member]}
Thank You For Visiting<br>
Please $[register_link] Or $[login_link] to gain full access to all boards in our forum and remove the ads<br>
Thank You - Happy Posting<br>
{/if}
and this would be the only part of it that would disappear when they logged in or registered? I want to keep the newest post and member there all the time... am I making any sense?

[Former Member]

Hi, daylilydude

Like Below it will show to members who are logged in to show all the table to show to members only


{if $[current_user.is_member]}
<center><div class="content"><div style="padding:2px;border:1px solid #000000;border-radius:5px; background-color:white; text-align:center;">Our Latest Posting $[last_updated_thread.recent_link] By $[last_updated_thread.last_post.created_by_user] - $[last_updated_thread.last_post.created_on]<br>Thank You For Visiting<br>

Please $[register_link] Or $[login_link] to gain full access to all boards in our forum and remove the ads<br>

Thank You - Happy Posting<br></div></div></center><br />
{/if}


Or if you only want that text to show - Below should only show the text to guest viewing

{if !$[current_user.is_member]}
Thank You For Visiting<br>

Please $[register_link] Or $[login_link] to gain full access to all boards in our forum and remove the ads<br>

Thank You - Happy Posting<br>

{/if}

This maybe of help also - show a message to guest only viewing



support.proboards.com/post/5473904/thread



Steve

[daylilydude]

Let me run this by you and you let me know if it will work...

This part I have already and want to keep it there.

<center><div class="content"><div style="padding:2px;border:1px solid #000000;border-radius:5px; background-color:white; text-align:center;">Our Latest Posting $[last_updated_thread.recent_link] By $[last_updated_thread.last_post.created_by_user] - $[last_updated_thread.last_post.created_on]

if I ADD this will it only show to guest but disappear when they log in or register?

{if !$[current_user.is_member]
Thank You For Visiting<br>

Please $[register_link] Or $[login_link] to gain full access to all boards in our forum and remove the ads<br>

Thank You - Happy Posting<br>

{/if}

[Former Member]

Hi, daylilydude

Remember to add the closing }
You was missing the closing } on your post above

{if !$[current_user.is_member]}

Yes - If add use what you have below it will show to all guests viewing
And once registered AND LOGGED IN  - they wont see it


{if !$[current_user.is_member]}
Thank You For Visiting<br>

Please $[register_link] Or $[login_link] to gain full access to all boards in our forum and remove the ads<br>

Thank You - Happy Posting<br>

{/if}

Here you go I took two screenshots of how it looks - when viewing as GUEST and when LOGGED IN

Viewing as a Guest


Viewing when Logged In

[daylilydude]

Thanks for all your help, but it's not working for me... here is what I have

<center><div class="container">
<div class="title-bar"><center><h2>Check This Out</h2></center></div>
<div class="content">
<br /><center>Our Latest Posting $[last_updated_thread.recent_link]<br>
Please Welcome Our Newest Member To The Forum: $[newest_user]<br>
Total Threads: $[total_threads] - Total Posts: $[total_posts]
{if !$[current_user.is_member]}
Thank You For Visiting<br>

Please $[register_link] Or $[login_link] to gain full access to all boards in our forum and remove the ads<br>

Thank You - Happy Posting<br>

{/if}</center><br /></div></div><br /></center>

Can you tell me where I'm going wrong?

[Former Member]

Hi, daylilydude



I Have it on my test board  tcptestingboard.boards.net and it seems to be working OK

I have it on home template when viewing as a GUEST you will see the text asking to register and login
When logged in you don't see that message


<center><div class="container">

<div class="title-bar"><center><h2>Check This Out</h2></center></div>

<div class="content">

<br /><center>Our Latest Posting $[last_updated_thread.recent_link]<br>

Please Welcome Our Newest Member To The Forum: $[newest_user]<br>

Total Threads: $[total_threads] - Total Posts: $[total_posts]

{if !$[current_user.is_member]}

Thank You For Visiting<br>

Please $[register_link] Or $[login_link] to gain full access to all boards in our forum and remove the ads<br>

Thank You - Happy Posting<br>

{/if}</center><br /></div></div><br /></center>


Looking at your source code I don't see the updated code?