I want to create a "picture section" like Facebook - html

I am designing a website where users will be making post which has a section for text and a section for pictures (if there are any). I want to design the section for the pictures like the way Facebook handle it. Which means, when the user post a picture or more, they will be resized and some of the picture will be on a stack with the number of pictures.
Can anyone tell me how can I do this or guide me to a resource I could use to do it please? Thank you!!

yeah it is possible u need to create a whole separate frame for that and change it from user to user

Related

Dynamic html banner to display items from website

I'm not even really sure how to ask what I'm looking for. I've been digging around online but can't seem to find any relevant information. I'm wondering if someone can help or point me in the right direction.
I'm wondering how to create a dynamic html banner that pulls items from a website and displays them. When clicked they take you to the items on the site.
The best examples are sites like eBay and Amazon. They show multiple items from listings on the store. Kijiji also does them as shown in the attached image.
Can anyone tell me how this is accomplished or at least the name of these types of dynamic banners to help me in my search. Any help would be greatly appreciated.

HTML Checkbox and Agree to terms to access/view page

I'm designing an page user post submission page for my website and I would like to create a checkbox agreement to the terms for the user to access/view the page. (E.g the page is blurred beforehand or something similar)
Is this possible?
Thank you.
One way to implement this is with Overlay. So, you can create an overlay that will be above the content that you want to hide or blur out. Content like checkbox agreement to the terms can be on the (above the) overlay and you can use a state variable or something to remove or keep the overlay depending upon the state.
This might be helpful: How can one create an overlay in css?
To give you some code additional information would be helpful to answer this question better like What are you using React, Angular, or something else.

Code for Reddit style image Carousel that's on home page

Has anyone got any idea on how to implement this carousel into my website? I am using WordPress and I am not sure how to go about this. I was told to use 'foo gallery' to achieve the same look however, it doesn't really feel the same and also didn't work on my site (for some reason).
I have tried to code some of this but I am awful at coding and I am mainly just spending my time watching youtube help videos if I am being honest!
I'll explain my neeed for this and what I would like it to do and then, if you could help me that would be great!
So like on reddit, I would like to implement this feature on my home screen to show off some of the 'Hot topics of the day'. Preferably, some code could automatically update the images and text each day depending on the comments/views left on a page - so the top 4 most viewed pages would be automatically added to the front page with a custom image (which I have created). However, that seems quite hard. So just the layout/template of the images (like the photo provided) AND there is a way for me to manually change the images and names each day would suffice. I would also like to have 4 photos which also act as buttons with the curved boarders.(again, like the image I have attached)
Just so it's clear, I do not want these images to be able to move off like a slideshow, I just want them to stay in place and be able to change either manually or automatically.
Maybe this is called something other than a carousel and would be easy to do... i dont know! So if you do, please let me know.
Furthermore, I appreciate this is a place mainly for code to be posted however, I won't post my code as it is useless! If anyone wants to share any code or contact me privately then that would be very much appreciated.
Thank you

How to edit HTML of a single page in Wordpress

(General Kenobi).
Alright, enough fun lets get to the point. I have a question about Wordpress for you guys and I hope you can help me with it. My theme supports an image as an "ad" which you can place below header (menu) and above content on the site. It is not a background, you can set BG of a page and then in theme options add image to be shown.
The problem is, this picture is now on every page, article, everywhere on site. I can live with that but I would like to know if its possible to somehow change HTML or something of a single WordPress page and replace the logo with the different image? I clearly can't do that in editor as it supports only one image for everything so that's why I'm asking to try out code change. I tried to get to the HTML but in WP Editor it shows only a few lines of PHP code.
As I'm typing this I'm realizing some huge problems it might have but I'll post this anyway, maybe some of you will have a great tip :) Thanks for helping me out in any way!
Michal

Correct css and html

If someone can take a look at this link I want to have 2 music players next to eachother( I provided just the text). When I change the div class to the css I think is correct it works only my desktop ( 1 music player left the other player right side) and when I check on my mobile devices it is incorrect ( both players left 1 is more left than the other. I hope this makes sense I am new this web design world so please be kind.
enter code herehttps://jsfiddle.net/GsPop/73bzuqLr/
If I need to upload html let me know.
Thanks,
GsPop
Sorry about the enter code mistake I am new to this and I could not figure out if it was my code or a special jsfiddle code I will do some research on that.
tsg your comment The last column's CSS has "float:right" what is the correct code?
Thanks and sorry for my code mistake,
GsPop