Just wanted to see, how Elkarte 1.3 behaves, if one attaches a few pictures to one topic how the pics are displayed...
just ignore...
Okay, looks almost identical to PortaMX Forum´s display of the images...
Compare here:
https://www.portamx.com/chit-chat/just-only-a-picture-attachment-testignore/
The 1.1.x version added in a basic "lightbox" for the image display vs the 1.0.x expand in place style.
There are also addons available for more advanced lightbox looks/effect but for the core we wanted to keep it as lite weight as possible.
Elkarte 1.1 also introduced inline images, try the green button, you have a lot of options ;)
(Link-2626)
Many thanks for the info.
Is there somewhere a demo site or a live site of another user,
where I can see, how one can add descriptions to each picture uploaded ?
I mean simular to a gallery plugin, where I can upload in one go maybe 10 to 20 pictures to a topic
or a gallery page and I could add under each picture a description of the picture,
so Google will find the picture and will index it good enough to be easily found in Google Image
search ?
What available plugin for Elkarte would you suggest for it ?
Many thanks.
Let´s see how the inline image looks alike ?
Will this picture be at the left side and at the right side will be my text ?
Test
Test
Test
(Link-5880)
Okay, now I see, how it works. but the text seems not to be mapped to the right side around the picture...
How dangerous is the inline method to Cookie Stuffing ?
( if users will , instead of a picture, post a 1x1 sized not visible http-Link URL and not a picture ? )
Trying out Cookie stuffing to a harmless google.de adress with Inline image. to see,
if that works...
(https://google.de)
It is right here above this line not visible only in the source code...
So this works...
That is really dangerous for you forum....
This afternoon I tested the inline attachments in my forum. Once with the image left and once centered.
The paddings to the sides can be changed or added in the index.css ( .bbc_img.floatleft , .bbc_img.floatright , .bbc_img.floatcenter).
That's how it looks:
Well done. Looks good.
Can you please post these CSS changes, what you added there exactly in the index.css?
Many thanks.
Regards, Stefan.
Hi!
The original lines:
.bbc_img.floatleft {
padding-right: .25em;
}
.bbc_img.floatright {
padding-left: .25em;
}
.bbc_img.floatcenter {
padding: 0 .25em;
}And the lines with my changes:
.bbc_img.floatleft {
padding-right: .90em;
padding-top: .50em;
padding-bottom: .50em;
}
.bbc_img.floatright {
padding-left: .90em;
padding-top: .50em;
padding-bottom: .50em;
}
.bbc_img.floatcenter {
padding-top: .60em;
padding-bottom: .50em;
}You can change the values of the .em in others, if you want to have larger distances.
.