It is a very easy to implement and You won't need plugins to do it but you can remove the effect by deleting the class.
Anyways if you wanna show like some text and the effect for guests and remove for registered users yeah a single plugin must be needed.
Or if only the single effect as the tutorial said it's pretty easy todo. If you like i can do a quick tutorial for it.
looks like css style properties are taken from elsewhere !
anyway, css can be like below :
#posts:before {content: url(https://forum.ircalem.com/styles/uyari/misafir.png); }
#posts:before {display: block; width: 100%; text-align: center; }
.not-logged-in {-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-ms-filter: blur(4px);
-o-filter: blur(4px);
filter: blur(4px);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;}
Edit: replace the image with your
own image.
(2020-03-05, 06:46 AM).m. Wrote: [ -> ]looks like css style properties are taken from elsewhere !
anyway, css can be like below :
#posts:before {content: url(https://forum.ircalem.com/styles/uyari/misafir.png); }
#posts:before {display: block; width: 100%; text-align: center; }
.not-logged-in {-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-ms-filter: blur(4px);
-o-filter: blur(4px);
filter: blur(4px);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;}
Edit: replace the image with your own image.
She started working now. thank you.