Xen Notices [Deleted]

[Xyphien]

What are you looking for? There's not much you can show in screenshots because it's basically the XF notice system with a few additional options.

I'm looking for a notification system that most websites use now. When you get a message on facebook, it displays in the bottom right/left of the screen saying you have a new message.



^ Like that.

 

[Blast]

Hey Chris. What should I put in the template so I can get the notice name?

I setup a header on my notice but I can't seem to find the notice title. Also, how can I add the date of the notice when it was posted and how do I get the 'remaining time/days' for the notice?

Thank you very much

 

[Blast]

I'm looking for a notification system that most websites use now. When you get a message on facebook, it displays in the bottom right/left of the screen saying you have a new message.

View attachment 134230

^ Like that.

You can basically edit the CSS for the alerts if you want something like that.

 

[gunnar]

I need some help with designing a clean looking birthday greeting to the members, can someone here help with this?

 

[Chris D]

Styling Xen Notices is the same as styling normal XF Notices. It might be worth posting in the Styling and Customizations forum to reach more people.

 

[gunnar]

Thanks, what forum are is it that you recommend? I couldn't find a styling customisation one?

 

[Chris D]

https://xenforo.com/community/forums/styling-and-customization-questions.47/

 

[gunnar]

https://xenforo.com/community/forums/styling-and-customization-questions.47/

I didn't have any luck with styling help, is there a guide somewhere? I mainly just want to change background colour and add a button.

I also want the floating one to be same shape as the block notice. So a floating block notice at the bottom..

 

[gunnar]

https://xenforo.com/community/forums/styling-and-customization-questions.47/

No Responce? Can you tell me where I can find the preferences for look? Background colour etc?

 

[Chris D]

It's all just CSS.

As with anything you just identify the the elements you want to change and then write the CSS for it.

 

[gunnar]

Oh, I don't know CSS, can you tell me how to change the background colour of the notices?

 

[Chris D]

This resource might be useful:
https://xenforo.com/community/resources/how-to.4390/

Particularly: https://xenforo.com/community/resources/how-to.4390/update?update=15924

 

[JamesBrown]

Am I right in thinking that if I want to change the screen position of a particular notice I have to add lines of code to my extra.css?

 

[Chris D]

That's correct.

 

[JamesBrown]

That's correct.

Thanks, how do I 'ID' the notice

 

[JamesBrown]

I have a notice called Politics that I want to appear in the centre of the screen. The Url when I'm editing the notice reads... forum/admin.php?notices/politics.26/edit So I'm assuming the id is "politics.26"

In my extraCSS I have

.Notice.politics.26
{
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -250px;
    width: 300px;
    height: 300px;
}

​

But no joy, can anyone show me where I'm messing up? Cheers.

 

[Chris D]

No need to assume what the class is, look at the element in the HTML of the page using the element inspector.

You're suggesting that the HTML markup looks something like this:

<div class="Notice politics 26" />

That doesn't seem right.

It's actually more like this:

<div class="Notice notice_26" />

So your CSS selector would be:

.Notice.notice_26

 

[JamesBrown]

Thanks, but this does not move the notice either.

#Notice.politics_26
{
position: fixed;
top: 50%;
left: 50%;
margin-top: -150px;
margin-left: -250px;
width: 300px;
height: 300px;
}

 

[Chris D]

I missed a dot. It should be:

.Notice.notice_26

 

[JamesBrown]

Sorted it, thanks Chris

Instead of

.Notice.notice_26

I was adding

.Notice.name-of-notice_26

:doh: