Hack Forums
[.NET] Avast notification popup style | +source | screenshots | easy ! - Printable Version

+- Hack Forums (https://hackforums.net)
+-- Forum: Tech (https://hackforums.net/forumdisplay.php?fid=444)
+--- Forum: Coding (https://hackforums.net/forumdisplay.php?fid=151)
+---- Forum: Software Development (https://hackforums.net/forumdisplay.php?fid=118)
+---- Thread: [.NET] Avast notification popup style | +source | screenshots | easy ! (/showthread.php?tid=3147269)

Pages: Pages 1 2


Avast notification popup style | +source | screenshots | easy ! - anthoo12 - Jan 3, 2013

If you don't know what is avast notifications, look at the screenshots, it's a popup message at the bottom right corner of the screen that scroll up, and scroll down.

I've added an opacity effect, just for fun 😁


- For the release, I'm using 3 different popups, one big, one small, and one in French 🙂

- For the tut, I will use the small english popup only.


The screenshots :
all the images are hosted at imagetwist, be carrefull, look at the note, at the bottom of my topic*
Spoiler (Click to View)

The link of the release :
http://depositfiles.com/files/kh4epvjrt
And the scan : http://elementscanner.net//?RE=623fa9bd4489bca208221c294521bc47




The tutorial :

1- Open a new empty form in visual studio, change the FormBorderStyle to FixedToolWindows (optionnal), and add a button.

Change the text of the button to "Show notification", like this :
[IMG]http://img51.imagetwist.com/th/02720/8q0olvk7py50.jpg[/IMG]

2- Click into the button, and add this code :

[IMG]http://img51.imagetwist.com/th/02720/u4iv719zyu0f.jpg[/IMG]
when the button is clicked,
If the form2 is not visible, then the text of the button is changed to "Close notification", and the form2 is visible.
If the form2 location is "poped" (Screen.PrimaryScreen.WorkingArea.Height - Form2.Height) , then the text of the button is changed to "Show notification", and the form2 is visible.

3- Now, create the popup form, right-click to your project, in the solution explorer at the rght of visual studio, and add a new windows form, called Form2.vb

In this form, add what ever you whant, but for the tut, we'll add the Avast antivirus popup image in the background of the form, and resize the form at the image size :

[IMG]http://img51.imagetwist.com/th/02720/ofaqlunsryg7.jpg[/IMG]

Now, you should have something like this :
[IMG]http://img51.imagetwist.com/th/02720/tdyrhim5rwjx.jpg[/IMG]



4- We have the Form2 with the avast popup design, but how to place it at the right bottom of the screen ?
We'll place it at the widht of the screen - the form2 widht.
The code will be :
Code
Me.Top = Screen.PrimaryScreen.WorkingArea.Height
Me.Left = Screen.PrimaryScreen.WorkingArea.Width - Me.Width
C+P it in the load event of the Form2.
(Or write it yourself, beter for understand and learn.)

5- The form is now placed correctly, we have to add the scroll effect :
Not very difficult, we add a timer that is always enabled (interval = 1), and when the variable called action = "up", then the form scroll up, and when the variable action = "down", then the form scroll down and close.
Don't miss to set the opacity of the form to 0%, it's form the fadein/fadeout effect 🙂

Here is the code to add in the timer event :
I've added some comments for understand.
[IMG]http://img51.imagetwist.com/th/02720/o3j6vfqtby2q.jpg[/IMG]

6- We can now add a PictureBox hover the cross of the avast image, for use it like the real avast cross. (don't miss to set the background of the pb at transparent)
and add this to the click event :
Code
action = "down"



This tutorial is finished, thank you for reading 👍

And sorry for my (very) bad english 🤫






*If you click the images, you can see X content, so be carrefull with underage people !


* - tweety - Jan 3, 2013

What the hell hosting are you using? Use Puush or something.


* - Adolf Hipster - Jan 3, 2013

(Jan 3, 2013 08:20 AM)Tweety. Wrote:  What the hell hosting are you using? Use Puush or something.
I love that hosting :)           
                               
                                       


* - anthoo12 - Jan 3, 2013

(Jan 3, 2013 08:20 AM)Tweety. Wrote:  What the hell hosting are you using? Use Puush or something.

That's why :

(Jan 3, 2013 08:58 AM)Adolf Hipster Wrote:  I love that hosting :)                                             

🤣🤣🤣🤣🤣


* - aneeshkollam5 - Jan 3, 2013

Appreciated your effort,and thanks for the tutorial


* - anthoo12 - Jan 3, 2013

(Jan 3, 2013 10:11 AM)aneeshkollam5 Wrote:  Appreciated your effort,and thanks for the tutorial

thank you man, you're the best 😁


* - cyb3rpunk345 - Jan 3, 2013

This is actually pretty neat! Great job :D


* - aneeshkollam5 - Jan 3, 2013

Avast GUI is amazing,i had created a gui few months ago totally look like avast for a uncompleted project

[img]http://img832.imageshack.us/img832/9600/cbmac.png[/img]


* - anthoo12 - Jan 3, 2013

(Jan 3, 2013 10:41 AM)aneeshkollam5 Wrote:  Avast GUI is amazing,i had created a gui few months ago totally look like avast for a uncompleted project

http://img832.imageshack.us/img832/9600/cbmac.png

very good !

I think if you post a topic, it will be probably famous ✌


* - jessman420 - Jan 7, 2013

Pretty cool nice share, I have been wondering how to do this.


* - Yui Asuna - Jan 7, 2013

[Image: 1ec13b8c8929e2e740569a5ae353db2e.png?1357583811]

Hum hum :)


* - anthoo12 - Jan 7, 2013

(Jan 7, 2013 11:37 AM)PsyCh0TyK Wrote:  [Image: 1ec13b8c8929e2e740569a5ae353db2e.png?1357583811]

Hum hum :)

We should test this method 😁


* - iSevere - Jan 7, 2013

Next project will be picture uploader to imagetwist ;P


RE: Avast notification popup style | +source | screenshots | easy ! - v.e.n.o.m - Feb 1, 2018

Awesome Avast Notification Project ✌


And Image Hosting TOoOoO. 🤣 🤣 🤣


RE: Avast notification popup style | +source | screenshots | easy ! - Ninja - Feb 1, 2018

(Feb 1, 2018 06:06 PM)v.e.n.o.m Wrote:  Awesome Avast Notification Project ✌


And Image Hosting TOoOoO. 🤣  🤣  🤣

This thread is almost 5 years old. Why did you feel the need to post this useless comment?