How to Make a Working Pagination | With Examples - Functional With UI Cards - HTML, CSS & Jquery
HTML-код
- Опубликовано: 19 май 2024
- In this video, you will learn how to make a fully functional working pagination with examples like how the pagination work with UI cards, images, videos and other HTML elements, how to display a number of items per page and how to customize the pagination page elements using HTML, CSS and Jquery.
+ Like and Subscribe 🔔 for More! 🖤
∎ Get This Project Source Codes - www.buymeacoffee.com/codingsn...
✔️ Clear Coding
✔️ Easy to Follow
📚 Chapters
----------------------------
0:00 - Intro
4:48 - Files
5:20 - UI Cards (Html, Css)
9:50 - Pagination (Html, Css)
18:12 - Pagination (Jquery)
+ Like and Subscribe 🔔 for More! 🖤
∎ Get This Project Source Codes - www.buymeacoffee.com/codingsn...
Book Me 🔖
-----------------------
∎ Book me to Fix your project Bugs & Issues - www.buymeacoffee.com/codingsn...
∎ Book me to Convert your Figma, PSD, and XD Design to an HTML Website - www.buymeacoffee.com/codingsn...
∎ Source Codes & Download Images - codingsnow.com
∎ Download Source Files On Patreon - / 53115172
∎ Facebook Page - / codingsnow
∎ Instagram - / coding.snow
∎ Support From Paypal - paypal.me/codingsnowget
Support My Works ❤️❄️
--------------------------------------------
∎ Buymeacoffee - www.buymeacoffee.com/codingsnow
∎ Patreon - / codingsnow
#CodingSnow #WebDesign #Pagination
____________________
Copyright Disclaimer under section 107 of the Copyright Act of 1976, allowance is made for “fair use” for purposes such as criticism, comment, news reporting, teaching, scholarship, education, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing.
This worked!!! Thanks a lot, looking forward to more videos like this, keep up the good work!
I'm really appreciate your work man..I searched for this function many times. But I couldn't find a one functional like this. This is clear and working with cards..Thanks man! 😍✌
You are welcome! ❤
@@CodingSnow I did not. I am not writing the same.
no file? I don't know where I am doing wrong.
Thank you so much for taking your time to make this tutorial. It has helped me a ton where others couldn't. I'm naming my kid Coding Snow.
It's an honor 😊 You're most welcome! ❤️
Gracias por tu video, me ayudo demasiado a entender js, y como implementarlo en la pagination. Te agradezco mucho tu aporte. Destaca tu buen trabajo, amigo
I’m really grateful for your help man!!!.
This is a very useful video, thank you so much.
Thx so much :D Your tutorials are so good!
thanks I'm really appreciate your work man..I searched for this function many times. But I couldn't find a one functional like this. This is clear and working with cards..Thanks man
Best tutorial, relaxing music too!
OH MY GOD this fucking work very well. Thanks for the tutorial. This is a really big help.
you are just awesome bro thank you so much
Superb bro....I have no words to say.....
Thanks so much for this video
Broo... You really smart Broo, thanks 👍
wow awesome great job keep it up
Excelente vídeo!
Thank you so much !
JQuery is so amazing, I wish I knew how to program like you
Lo mejor de lo mejor. Mil gracias por tu valioso aporte.
Thanks a lot !!!
Superb bro. awesome work..bro but I have a doubt how can we move to the top of the pages on clicking the page numbers..
Thanks a lot)
Nice!!
it works.Thank you so much👍✌💪.(🙏).What is the title of the second music you were playing please?
How to set URL and reload or refresh for these pagination elements.. Thank you so much sir... Please help me
hello can we adapt it to display the results of a rest API or an sql database? THANKS
Very creative Bro, i have a problem, is there any way to adjust paginationSize < 7?, i tried and got error with buttons
Hey! If you don't mind can you pls tell ne how you hosted your website on blogger like after creating a static website what changes you did to host your site on blogger?
Thank you very much for this video😊.
Can you please tell me, how can you move screen to top when clicking the page number buttons. Because its staying in the same position when i click, and then i have to scroll to top to see new elements.
When I'm clicking "Prev", its working perfect, but with the other buttons its not.
@@sherzoderkinov4498 can you send me the code
my pagination doesnt work?
Thanks men. What an awesome work.. God bless you
You're most welcome!
Thank you so muchhhhhhhhhhhhhhhhhhhhh
Very creative Bro
Thanks Bro!
that was really nice
can you make that just using vanilla javascript
Thank you friend! Always my first try is vanilla js. If somehow it is impossible or didn't get proper result, l'm move on with jquery.
@@CodingSnow WTF, it doesn't even make any sense. If it possible in jquery that means it is also possible in vanilla js...
thx
thanks
Thank uuuuuu
hey, ive followed this codes, but how do i make it to top of the content back when we click on another pagination? like imagine we scrolling down a long content on page 1, then when click on page 2 i want it to scroll to top back of the content. Anyone can help? Thanks!
Hi! Is it possible for you to make an image button with a password or like pin? I keep on searching for videos like that but i cant find it. It is usually the WEBSITE itself with password. But I want a picture button or a button asking for a pin or password. Please notice this sir
Bro Really Helpful This Video Bro.. Really Awesome Bro.. But I have One problem.. Click Next Page Card Not Top Bro.. Same Bottom Bro. How to Fix This Problem Please Help Me Bro.. Thank You..
Bro Please Help Me Bro..
@@mosesimmanuel1591 @S Moses Immanuel B Sc CS Before the pagination, arrange all the cards to properly fit to your page. In the tutorial, all the content (cards and the pagination) is centered. So position the card content to suitable for your page.
@@CodingSnow really Sorry Bro I don't Know With Example Bro Please Text Bro😅😅Please Help Me Bro.....
very nice video. but when i click the prev button. it scrolls me back to the homepage. pls help
Thank you! I think you meant that it's scrolled back to the top of the page when you click the prev button. prev and next buttons have anchor tags with href. If herf="#" in the anchor tag, the button click will scrolls you back to the top of the page. Check your jquery code for the buttons again.
@@CodingSnow thanks
I have this problem, how did you solve it?
@@CodingSnow I have this problem, how did you solve it?
what if I don't want the dots?
At first, This is a lovely video❤ But I faced ➡href="javascript:void(0) links are not crawlable❓How can I solve it brother?
Please reply fast brother🙋♂
I'm also facing this error
in my page in not showing anything why?
Not work
VAR ????? axaxaxxa