Xen Notices [Deleted]

[Chris D]

Ok, I made two changes in Gritter.css, firstly to the bottom padding of the item container, then the dismiss css, placing it closer to the bottom and further from the right, to avoid the radius.

.gritter-item {
    display:block;
    color:#eee;
    padding: 15px 11px;
    font-size: 11px;
    font-family: "Verdana", "Tahoma", "Arial", sans-serif;
    position:relative;
    margin:0 0 10px 0;
    background:#252525;
    background:rgba(0,0,0,0.855);
    border: 2px solid #252525;
    border: 2px solid rgba(0,0,0,0);
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
 
.gritter-dismiss {
    position: absolute;
    font-size: 8px;
    bottom: 1px;
    right: 10px;
}

View attachment 31875

Thanks, with your permission, I'd like to include those changes in the next version.

Just a note to remember, GritterNotifications and Gritter.css are two templates that can change dramatically between versions. It's best to avoid changing them if possible, or remember to revert after installing a new version.

You could use GritterEXTRA.css which I will never change.

Just curious (because your css gradient tips thread prompted and reminded me of this and I thought you would be doing the css3 gradient thing yourself) is will you be doing some css3 gradient notices? . I'm in the process of designing some and waiting till i have about 5-6 done before releasing but was wondering whether your going down this route?

Here's a little update on my stockpile designing one more today before releasing the 1st batch but thinking for basic yet quality eye candy notification you just can't beat css3 gradients.

@ chris - I started that angry bird character (the notice turned out bad) especial the angry bird but I'm restarting that one today.

View attachment 31886

I officially can't use the reply button in message view because I have so many notifications 19 in total and no chance of stopping. lol

I love the fact you're doing an Angry Birds one

That one doesn't look too bad . If you are improving it I can't wait to see that

Also looking forward to seeing these CSS3 ones. They look great.

How bad do they look in Internet Explorer? Or have you included images as a fallback?

 

[Shelley]

Oh you bet I included images. http://www.bbsmiley.com/threads/notification-gamer-v2.220/#post-1852

The css gradient notifications I did at xenique use image fall back and will display fine.

Yeah, I'm re-starting the angry birds notification design until I'm happy with it. I know in my head what I want but so far the design hasn't being fruitful and I won't release unless i'm entirely happy with the design (and how the text displays) and the character (angry bird) design.

Just noticed my style is totally broken in IE9 O_0

 

[Chris D]

I'm planning on doing some demonstration videos (a bit like the one I did for the 1.3 update) which basically demonstrate how to create notifications and how to target them etc. How to write and use advanced styling etc. And some of the suggested uses in here.

Do you think this should be a series of separate videos, or one big one?

Or should I not bother at all?

EDIT: If I do them, by the way, I won't be talking on them. It'll just be captions.

 

[Shelley]

Got an issue Chris and I think it may be a conflict with notices and notifications.

I haven't made any changes and everything was displaying fine for ie9 but my styles are broken and I'm wondering if there's some kind of conflict or cause that is breaking all the styles. If disable the xenforo notices then this partially removes the green boxes but some areas are still broken. You can see by viewing my site in IE

I can only assume one of the updates or perhaps the notifications add-on is causing this, the styles to break in ie9

I'll provide a screenshot if your seeing something different. but both styles are broken severely in ie9

 

[Chris D]

Can you provide a screenshot, I can't see anything broken. Are we talking about bbsmiley.com?

 

[Shelley]

Can you provide a screenshot, I can't see anything broken. Are we talking about bbsmiley.com?

yeah bbsmiley.com

logged in only the navbar tablinks seems to be missing a gradient
guest mode the style looks like in the screenshot below.

edit: same with nature calls. broken in some areas logged in in guest mode it's broken severley and I haven't touched the nature calls style at all.

screenshot in attachment

 

[Shelley]

Can you provide a screenshot, I can't see anything broken. Are we talking about bbsmiley.com?

Seriously shoot me the next time I come here with an issue. So sorry for wasting your time. I just cleared cookies and cleared everything basically in ie and everything seems to be displaying fine it wasn't an issue with notifications or the notices.

@ shelley *slaps self*

 

[MOZ]

ROFLMAO

 

[Chris D]

yeah bbsmiley.com

logged in only the navbar tablinks seems to be missing a gradient
guest mode the style looks like in the screenshot below.

edit: same with nature calls. broken in some areas logged in in guest mode it's broken severley and I haven't touched the nature calls style at all.

screenshot in attachment

Just pleased its sorted.

Does anyone think demo videos are a good idea?

 

[Shelley]

Just pleased its sorted.

Does anyone think demo videos are a good idea?

I think they are a great idea chris. Sometimes a screenshot text can be overwhelming for some people where a video makes it easier for people to understand and accomplish the task. I'd go with it wouldn't hurt to make them available and only be a positive step in helping people that are new to xenforo, or new to sites in general.

Knowing how my day is going I probably misunderstood what your doing/planning with the video demos.

 

[MOZ]

Great videos would be awesome, I wanted to do some myself, but got preoccupied.

 

[Sylar]

@Chris videos would be great
@Shelley awesome awesome AWESOME work on notifications

 

[MOZ]

@Chris, a request? import, export! with the CSS classes too.

 

[3rd AnGle]

I don't know why i keep getting these weird errors but i have got one to show you..Chris

These are some of the notices i made...



I found this while trying to create a new thread... when i click on the "thread title" area

 

[Chris D]

I don't know why i keep getting these weird errors but i have got one to show you..Chris

These are some of the notices i made...

View attachment 31894

I found this while trying to create a new thread... when i click on the "thread title" area

That's not particularly out of the ordinary.

 

[Chris D]

@Chris, a request? import, export! with the CSS classes too.

Importing and exporting is possible, but it's not really possible to import data into and export data out of a template CSS file.

So, for example, there could be an import feature which populates the notification settings page, but there'd still need to be a manual template edit into EXTRA.css or GritterEXTRA.css

The only exception to this is if I customise the Notification edit screen to include a text box for you to type your own CSS.

This could then be saved in the database and pulled into the template as inline styling in <style> tags.

The only problem with that, being, inline styles aren't very highly thought of in comparison to external CSS, it wouldn't benefit from minified CSS (if you have it configured) and generally performance is an issue with inline styles. I use it for the easy colour picker already. I could do it, but I wouldn't want this to start becoming the cause of poor performance for people's sites.

 

[3rd AnGle]

That's not particularly out of the ordinary.

Does that mean it can be solved easily?

btw this happens only in those forums where there's no thread prefixes defined

 

[Chris D]

The technical reason is because the name of the input box on the notifications edit page is "title" and the name of the text input for thread titles is called "title". The name of the text input box for threads with prefixes is something different.

You could easily go to any website with a text input box called "title" and you'd see the same auto-complete list.

If you don't want it to happen anymore, you should consult your browser settings and turn autocomplete off for all text input fields.

 

[Sheldon]

Purchased yesterday, following topic. Need to keep up... haha.

 

[MagnusB]

The only way to make it work in Firefox is to have two copies of the sound file.

An MP3 version and an OGG version.

But who uses OGG files?

Bloody browsers.

Official solution: Use Chrome

It's a licensing issue, MP3 is not a royalty free format, so Firefox went with ogg. Using video and audio tags now is a nightmare, cause there is no agreement on the format. Chrome, Opera and Firefox all supports ogg, I do not know if ogg support is in other webkit browsers than Chrome though.