SeNioR-

A small feature, but it makes me want to click on the tab. Ref: How to Display Update Notifications in the Browser Tab

Hi. My sugestion for Today: Redirection to the login page after clicking on the unavailable attachment instead of displaying an error page. I'd love to see this feature built in.

@Stuart SilvesterI took a closer look at it and it looks like Google support only QAPage tag to display answer cards. Google Documentation I suggest adding a DiscussionForumPosting tag for a forum with "Questions" mode enabled and a QAPage tag for regular topics. This solution is used by Flarum. Discourse <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "QAPage", "name": "Masterhost.space", "mainEntity": { "@type": "Question", "name": "Masterhost.space", "text": "What phone do you have? mot 5G\n\nWhat plan are you on?\n\nDoes your plan include data, or just talk &amp; text?\n\nIssue Description", "upvoteCount": 0, "answerCount": 1, "dateCreated": "2021-01-07T12:44:44.593Z", "author": { "@type": "Person", "name": null }, "acceptedAnswer": { "@type": "Answer", "text": "Here is another forum thread on the same topic. The user seemed to track the issue to a barcode scanner app that was serving the masterhost.space popups.\n\n[image]\n\n<a href=\"https://forums.republicwireless.com/t/popup-and-or-virus-on-moto-g-power/35118\">Popup and/or virus on Moto G Power<\/a> <a class=\"badge-wrapper none\" href=\"/c/problems/10\">Problem Solving<\/a>\n\nMoto G Power, Android 10\n\nI picked up a messy “something” &hellip;", "upvoteCount": 3, "dateCreated": "2021-01-07T12:49:08.671Z", "url": "https://forums.republicwireless.com/t/masterhost-space/35273/2", "author": { "@type": "Person", "name": "cbwahlstrom" } } } } </script> Flarum <script type="application/ld+json"> [ { "@context": "http:\/\/schema.org", "@type": "QAPage", "publisher": { "@type": "Organization", "name": "DevNL - Developers community", "url": "https:\/\/www.devnl.nl", "description": "Wij zijn DevNL, een community gericht op developers. Wij bouwen sites, games en ander soort projecten. Probleem met je code? Maak een topic en we helpen je!", "logo": "https:\/\/www.devnl.nl\/assets\/logo-zczh01tk.png" }, "image": "https:\/\/www.devnl.nl\/assets\/site-image-zosdt6lu.png", "headline": "CSS Transitions", "datePublished": "2021-03-26T10:26:44+00:00", "description": "Hallo! Ik hoop dat jullie mij momenteel verder kunnen helpen, ik loop namelijk tegen een klein probleem in CSS aan met mijn transitions. Ik heb namelijk een...", "dateModified": "2021-03-26T10:27:50+00:00", "url": "https:\/\/www.devnl.nl\/d\/335-css-transitions", "mainEntity": { "@type": "Question", "name": "CSS Transitions", "text": "\u003Cp\u003EHallo!\u003C\/p\u003E\n\n\u003Cp\u003EIk hoop dat jullie mij momenteel verder kunnen helpen, ik loop namelijk tegen een klein probleem in CSS aan met mijn transitions. Ik heb namelijk een header gemaakt en bij een hover wil ik dat de box-shadow langzaam erbij komt dus niet als een klap in het gezicht erbij komt. Dit met het \"erin komen\" werkt volledig, maar ik wil ook als ik mijn muis er dan weer afhaal dat dit op de zelfde manier \"eruit gaat\", echter, wil dit niet lukken om het werkend te krijgen.\u003C\/p\u003E\n\n\u003Cp\u003E\u003Cstrong\u003EHTML\u003C\/strong\u003E\u003C\/p\u003E\n\u003Cpre\u003E\u003Ccode class=\"language-HTML\"\u003E&lt;li&gt;&lt;a href=\"#\"&gt;Naam&lt;\/a&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;Naam&lt;\/a&gt;&lt;\/li&gt;\u003C\/code\u003E\u003Cscript async=\"\" crossorigin=\"anonymous\" data-hljs-style=\"github-gist\" integrity=\"sha384-0R2eSjxhS3nwxyF5hfN2eeJ2m+X1s6yA8sb5pK7+\/haZVPDRqEZIAQvSK4isiB5K\" onload=\"hljsLoader.highlightBlocks(this.parentNode)\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/s9e\/hljs-loader@1.0.19\/loader.min.js\"\u003E\u003C\/script\u003E\u003C\/pre\u003E\n\n\u003Cp\u003E\u003Cstrong\u003ECSS\u003C\/strong\u003E\u003C\/p\u003E\n\u003Cpre\u003E\u003Ccode class=\"language-CSS\"\u003Eli {\n list-style: none;\n padding: 20px;\n}\n\nli &gt; a { \n padding: 10px 20px;\n color: #929292;\n text-decoration: none;\n}\n\nli &gt; a:hover,\nli &gt; a:focus {\n\tbox-shadow: inset 0 -3px 0 0 #ff7600;\n\t-webkit-transition: all 0.8s ease-in-out;\n transition: all 0.8s ease-in-out;\n\tcolor: #ff7600;\n\tborder-color: orange;\n}\u003C\/code\u003E\u003Cscript async=\"\" crossorigin=\"anonymous\" data-hljs-style=\"github-gist\" integrity=\"sha384-0R2eSjxhS3nwxyF5hfN2eeJ2m+X1s6yA8sb5pK7+\/haZVPDRqEZIAQvSK4isiB5K\" onload=\"hljsLoader.highlightBlocks(this.parentNode)\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/s9e\/hljs-loader@1.0.19\/loader.min.js\"\u003E\u003C\/script\u003E\u003C\/pre\u003E\n\n\u003Cp\u003EIk hoop dat iemand hier mij verder op weg kan helpen ermee.\u003C\/p\u003E\n\n\u003Cp\u003EBedankt, Laurent.\u003C\/p\u003E\n", "dateCreated": "2021-03-26T10:26:44+00:00", "author": { "@type": "Person", "name": "Laurent" }, "answerCount": 4, "acceptedAnswer": { "@type": "Answer", "text": "\u003Cp\u003EMomenteel zet je de transition op je \":hover\"\/\":focus\". Hier door komt de transition alleen op je element wanneer je hovert. Om altijd een transition te krijgen moet je hem op je element zelf zetten:\u003C\/p\u003E\n\n\u003Cpre\u003E\u003Ccode\u003Eli {\n list-style: none;\n padding: 20px;\n}\n\nli &gt; a { \n padding: 10px 20px;\n color: #929292;\n text-decoration: none;\n -webkit-transition: all 0.8s ease-in-out;\n transition: all 0.8s ease-in-out;\n}\n\nli &gt; a:hover,\nli &gt; a:focus {\n box-shadow: inset 0 -3px 0 0 #ff7600;\n color: #ff7600;\n border-color: orange;\n}\u003C\/code\u003E\u003Cscript async=\"\" crossorigin=\"anonymous\" data-hljs-style=\"github-gist\" integrity=\"sha384-0R2eSjxhS3nwxyF5hfN2eeJ2m+X1s6yA8sb5pK7+\/haZVPDRqEZIAQvSK4isiB5K\" onload=\"hljsLoader.highlightBlocks(this.parentNode)\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/s9e\/hljs-loader@1.0.19\/loader.min.js\"\u003E\u003C\/script\u003E\u003C\/pre\u003E", "dateCreated": "2021-03-26T10:29:38+00:00", "url": "https:\/\/www.devnl.nl\/d\/335-css-transitions\/2", "author": { "@type": "Person", "name": "Dennis" }, "upvoteCount": 2 }, "suggestedAnswer": [ { "@type": "Answer", "text": "\u003Cp\u003E\u003Ca href=\"https:\/\/www.devnl.nl\/u\/Dennis\" class=\"UserMention\" rel=\"\" target=\"\"\u003E@Dennis\u003C\/a\u003E dank voor het reageren! Je het hierbij inderdaad mijn probleem opgelost. Voor het vervolg moet ik hem dus altijd in m'n element zelf zetten zoals ik je begrijp toch? Dus nooit in iets als \u003Ccode\u003E:hover\u003C\/code\u003E of \u003Ccode\u003E:focus\u003C\/code\u003E?\u003C\/p\u003E\n\n\u003Cp\u003ESorry voor de dubbele vraag, wil het even 100% zeker weten zodat ik het de volgende keer niet fout doe.\u003C\/p\u003E", "dateCreated": "2021-03-26T10:34:28+00:00", "url": "https:\/\/www.devnl.nl\/d\/335-css-transitions\/3", "author": { "@type": "Person", "name": "Laurent" }, "upvoteCount": 0 }, { "@type": "Answer", "text": "\u003Cblockquote class=\"uncited\"\u003E\u003Cdiv\u003E\u003Cp\u003E\u003Ca href=\"https:\/\/www.devnl.nl\/d\/335\/3\" class=\"PostMention\" data-id=\"1893\" rel=\"\" target=\"\"\u003ELaurent\u003C\/a\u003E \u003Ca href=\"https:\/\/www.devnl.nl\/u\/Dennis\" rel=\"ugc noopener\" target=\"_self\"\u003E@Dennis\u003C\/a\u003E dank voor het reageren! Je het hierbij inderdaad mijn probleem opgelost. Voor het vervolg moet ik hem dus altijd in m'n element zelf zetten zoals ik je begrijp toch? Dus nooit in iets als :hover of :focus?\u003C\/p\u003E\n\n\u003Cp\u003ESorry voor de dubbele vraag, wil het even 100% zeker weten zodat ik het de volgende keer niet fout doe.\u003C\/p\u003E\u003C\/div\u003E\u003C\/blockquote\u003E\n\n\u003Cp\u003EDat heb je inderdaad goed begrepen, als je ze voortaan in je element zet zou het niet voor problemen moeten zorgen. En anders kan je altijd op DevNL terecht voor hulp. Fijn om te lezen dat Dennis je heeft kunnen helpen!\u003C\/p\u003E", "dateCreated": "2021-03-26T10:42:26+00:00", "url": "https:\/\/www.devnl.nl\/d\/335-css-transitions\/4", "author": { "@type": "Person", "name": "Mitchel" }, "upvoteCount": 1 }, { "@type": "Answer", "text": "\u003Cblockquote class=\"uncited\"\u003E\u003Cdiv\u003E\u003Cp\u003E\u003Ca href=\"https:\/\/www.devnl.nl\/d\/335\/4\" class=\"PostMention\" data-id=\"1894\" rel=\"\" target=\"\"\u003EMitchel\u003C\/a\u003E Dat heb je inderdaad goed begrepen, als je ze voortaan in je element zet zou het niet voor problemen moeten zorgen. En anders kan je altijd op DevNL terecht voor hulp. Fijn om te lezen dat Dennis je heeft kunnen helpen!\u003C\/p\u003E\u003C\/div\u003E\u003C\/blockquote\u003E\n\n\u003Cp\u003EDank beide voor jullie reactie, hier denk ik de volgende keer wel beter over na!\u003C\/p\u003E\n", "dateCreated": "2021-03-26T10:45:08+00:00", "url": "https:\/\/www.devnl.nl\/d\/335-css-transitions\/5", "author": { "@type": "Person", "name": "Laurent" }, "upvoteCount": 1 } ] } }, { "@context": "http:\/\/schema.org", "@type": "BreadcrumbList", "itemListElement": { "@type": "ListItem", "name": "Vragen", "item": "https:\/\/www.devnl.nl\/t\/hulp-nodig", "position": 2 } }, { "@context": "http:\/\/schema.org", "@type": "WebSite", "url": "https:\/\/www.devnl.nl\/", "potentialAction": { "@type": "SearchAction", "target": "https:\/\/www.devnl.nl\/?q={search_term_string}", "query-input": "required name=search_term_string" } } ] </script>

If the member title field has been removed, then maybe it would be appropriate to add an option that allows you to put some of your own profile fields in hovercard? I wouldn't have to display them under the posts/solved.

I miss the "Cancel" button. Can we expect the button in the future?

A Mobile Hamburger Menu with a gesture would make it much easier to use. What do you think about it? Examples: https://codepen.io/adam2326/pen/YwOqqB https://slideout.js.org/

I just moved the members' titles to the custom field. Just create a new text field with a maximum length of 65 characters. My field has the ID 7. In the query, change the field ID to yours. Additionally, add a prefix before the tables, if you have one. Make an SQL query UPDATE core_pfields_content t1 INNER JOIN core_members t2 ON t1.member_id = t2.member_id SET t1.field_7 = t2.member_title; Caution. You do everything on your own accountability. Before executing the SQL query, make a backup copy of the database just in case.

ipsButton_split /* Child */ html[dir='ltr'] .ipsButton_split > :first-child, html[dir='rtl'] .ipsButton_split > :last-child { border-top-left-radius: inherit; border-bottom-left-radius: inherit; overflow: hidden; } /* Child */ html[dir='ltr'] .ipsButton_split > :not(:first-child), html[dir='rtl'] .ipsButton_split > :not(:last-child) { margin-left: -1px; overflow: hidden; } Before After ipsToolList_primaryAction @media screen and (max-width: 767px) { .ipsToolList_horizontal > *:not(:last-child) { margin-bottom: var(--sp-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } Before After ipsMenu_headerBar .ipsMenu_headerBar a{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } Before After

But all existing ones will be deleted. The ranks can be removed but the custom title must remain, you can convert them as a profile field.

It's not easy to switch to CKEditor 5. Source: Migration from CKEditor 4

There will be one default image for facebook and twitter

Tablets and Phones @media screen and (max-width: 979px) { .yourclass { content } } Only for Phones @media screen and (max-width: 767px) { .yourclass { content } }

Hi. My suggestion for today is to add a circle before title and change the color of the date if we have a new message or notification.

I will take a closer look at it when I have more time. Weird that Google doesn't display this card for every IC forum.

@IP-Gamers Thanks for reply, but this is not "Top Answer" Card and that's not what this topic is about 👍

Thanks for reply. But could you give me an example of Invision Community forum where Google showed the "Top Answer" Card? At least once? because I haven't found a single one. Maybe it is not fully implemented correctly?

I noticed that Google displays "Top Answer Cards" on the mobile version. Is it possible to add something like this? Votes can be counted from the awarded reputation points. How to create Question and Answer Schema Markup for Best Answer Answer Cards Demo:

I've had this situation several times. One failed and you had to reset to default settings and set everything up again 😞

The similar situation was here https://linustechtips.com/topic/1309004-error-when-clicking-embeded-status-link-comments/

body[data-pageController='streams']{ your code }; or body[data-pagemodule="discover"]{ code }

If someone untrusted has access to the source in the editor he can replace CSS or inject malicious JS code. There are many possibilities. For example, one of the moderators, having access to the source code, hid some elements through CSS using a signature. The problem is that he hid these elements for all users.

Yes this is something I wanted to suggest a long time ago but forgot about it. +1

Good idea.

app still working on 4.5, but you can change api version to v8 public $apiDomain = 'https://discordapp.com/api/v6'; to public $apiDomain = 'https://discord.com/api/v8'; More: API Reference

IPS staff should use SVG for all icons and there would be no problem with jagged or fuzzy icons. Wake up it's 2021...