Hello all Can I add a thin border to a JPG image without resorting to a theme component? I want to keep this simple and avoid, for instance, this component: [صورة] Rounded Borders for images, oneboxes, blockquotes & more Theme component Created a very s…

I use the “Generic BBCode wrapper” system for this: [صورة] Generic bbcode wrapper for theme components megaphoneAnnouncements I added this feature a while back and realised I didn’t post about it. You can now use a special syntax in markdown to have it cooked …

Here is the earlier HTML copy/pasted in .. no border evident .. and kinda small too: [photo showing derelict medium voltage power pole]

.cooked img:not(.thumbnail,.ytp-thumbnail-image,.emoji), .d-editor-preview img:not(.thumbnail,.ytp-thumbnail-image,.emoji) { border: 4px solid red; } devtools hacked CSS … YMMV :rofl: [The image displays a rope ladder with no visible border and some illegibility in the text provided. (Caption…

[صورة] robbie.morrison: style="border: 1px solid gray"> custom CSS gets stripped out of posts because someone could do something like border: 1000px solid gray and make the whole topic unreadable You need to add some CSS to a theme or a theme component to do this, no great way around it. Yo…

Many thanks. Some follow‑up. @merefield : your example worked when added as follows: ☰ ▸ Admin ▸ Customize ▸ Themes = Default ▸ Edit CSS/HTML ▸ Desktop ▸ CSS @awesomerobot : I could not get your code to work, despite trying some variations. Note that first example is site‑wide and the second e…

This #theme-component maybe of interest [صورة] Rounded Borders for images, oneboxes, blockquotes & more Theme component Created a very simple component to change the borders of images, oneboxes, blockquotes and staff notices shown in topics. Allows chang…

@Heliosurge Tx. I had noted that component in my OP. But I will give it a try today too.

My bad skimmed topic and missed that. But as others mentioned here you would create a custom component. The benefit though of using an existing component is potentially it is already maintained. However TC are also handy to study and use parts of the code in your own custom works.

@simonk tx, that works for me and is per‑image too.

إضافة حدود للصورة

الدعم

robbie.morrison (Robbie Morrison) 26 أبريل 2025، 8:48ص 8

@Heliosurge شكرًا. لقد لاحظت هذا المكون في منشوري الأصلي. لكنني سأجربه اليوم أيضًا.

الموضوع		الردود	مرات العرض
Adding custom class to img tag Feature	6	3300	20 أكتوبر 2017
Rounded Borders for images, oneboxes, blockquotes & more Theme component	10	2222	30 أبريل 2025
Default theme discards CSS class for img tags. What now? Support css	2	520	20 مارس 2023
Image rendering issue under custom CSS Support	3	82	14 مايو 2025
Set featured image without posting it in the topic Support	23	246	5 أغسطس 2025

إضافة حدود للصورة

الموضوعات ذات الصلة