How to Create Photo-Gallery in HTML and CSS Only in Hindi

Подписаться 32 тыс.

Просмотров 127 тыс.

50% 1

Get code of both Galleries - studyreadeducate.blogspot.com/...
Download Code - studyreadeducate.blogspot.com/...
About this Photo Gallery this Photo Gallery is Created in HTML and CSS and it is Beginners level Photo Gallery.
Advantages of this Photo Gallery :
It is easy to make.
Less CSS code is Used.
Very basic type of CSS properties are Used to create this Photo Gallery.
Hover effects makes it beautiful.
Disadvantages of this Photo Gallery :
It is not responsive.
HTML Tutorials - • What is HTML ? Advanta...
CSS Tutorials - • Introduction to CSS | ...
Tags :
How to Create Photo Gallery in HTML and CSS,
Create Photo Gallery using CSS and HTML,
make photo gallery by using css and html,
learn how to create photo gallery using css and HTML,
making photo gallery in html and css hindi video,

Опубликовано:

14 апр 2018

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 149

@michaelhimmel9686 2 года назад

You are a legend sir. No long stories just action.

@shivanisachan7313 4 года назад

Thank you sir because of you I made my project with your help and your teaching style is very good

@theupandup6110 2 года назад

Wow, wonderful bhai, just unbelievable gallery in this small coding 💥💥🔥🔥

@jasminejena8674 5 лет назад

Thank you. loved the way explained.

@officialaccount2516 6 лет назад

Amazing brother, that is what i was waiting for,, it looks advance, taking us to the next level... Level up😎😎😎😏😏

@StudyReadEducate 6 лет назад

hihihihi..........thanks...........

@lillybert4220 3 года назад

I didn't understand what he said. But I got everything he did. Thank you for doing that, it was really helpful to me. ❤️

@StudyReadEducate 3 года назад

Thanks Lilly ♥️🙂

@poison9605 2 года назад

@@StudyReadEducate mujhe school ke book me banana hai photo gallery project ke liye kaise banau

@toobasandleen1057 3 года назад

Why don't I watch you video first 🥺❤️ Amazing and easy it wa s

@hunterzolomon6842 3 года назад

you made it so much fun, great work

@inushslakshan6395 3 года назад

This video very helful for my project ✌️❤️

@Luna-fu7ix 4 года назад

bro what should be the size of the pictures? mine are appearing too large when I run it in the browser window! should i resize the pics before i use them in the code?

@dnyaneshwarmisal3456 3 года назад

Sir iske liye same dimensions wali img lena compulsory hai kya? meri images ki dimension same nahi thi...to barobr set nahi hot rahi thi

@bhupenderchauhan1316 3 года назад

You are representing amazingly👏👍

@shivangidixit7370 2 года назад

Thanks a lot..very useful for me😍

@moviesmines5026 2 года назад

Bro very helpful 👌 video you taught Every thing that you done in this video . Channel subscribed.

@diugach8838 3 года назад

Thank you bro, your video has been helpful.

@AbhishekKumar-wq8bw 4 года назад

brother your teaching is fabulous . 1 number

@bismaabdulqadir7381 2 года назад

Too good sir mind blowing bht ache se smj aaya thank you very much sir bht sukria apka

@mamtadiwan7569 4 года назад

Thank you so much sir for this❤️

@sabbirhossen6944 3 года назад

Thank you so much bro for given this great vifeo❤️❤️

@sanisart3097 4 года назад

I understood very well tnx again

@codevalley9511 3 года назад

Amazing, shaandaar

@Pioneer7225 3 года назад

Good one Dude. You made it look easy. Thanks any way

@StudyReadEducate 3 года назад

No problem 👍

@aryanjincaizi8646 4 года назад

@reecry bhai background color kese chnage kre pure gallery ka and download button kese de image download krne k liye?

@sureshhyolmo3965 5 лет назад

what's the hight and width of images you used pls

@rayyansheikh5057 2 года назад

Sir for example html mein gallery mein 10 pics lagi hai ab un pics k corner py choti si line a rai hai usko htaney k liye kya use karey gey

@laitongarcia3065 5 лет назад

Muito bom. Prático e direto. Parabéns.

@StudyReadEducate 5 лет назад

obrigado

@omkargaonkar1716 2 года назад

@@StudyReadEducate hi

@omkargaonkar1716 2 года назад

@@StudyReadEducateAdobe Dreamweaver cs5 ke tutorial banavo please🙏

@DARKNIGHT-nw8dj 2 года назад

nice bro thank you for my project is complete

@allinone4145 3 года назад

Excellent larky

@ambikasharma7478 3 года назад

Thankyou so much!!!

@B4LAnonymous 10 месяцев назад

it actually worked

@whitehorseyt8833 4 года назад

I'm here for image hover ...good work. 👍

@StudyReadEducate 4 года назад

❤️👾

@pawankumarrana9690 Год назад

love u bhai😍😍😍

@lukagolubovic2737 3 года назад

Thank you sir.

@sowork 4 года назад

Very good brother ji

@prathammehta9167 3 года назад

thank you bro...

@sanisart3097 4 года назад

Tq so much for this video

@shashikantshimpi3107 3 года назад

Apki original images ki size kya he

@dipeshrathwa6923 5 лет назад

Wor nice video tutorial its help to me make webpage

@StudyReadEducate 5 лет назад

Your welcome buddy

@bingyamgideon5061 8 месяцев назад

Super excited about you short video explanation. But please elaborate using English because i do not understand your language..

@nur-alam1 5 лет назад

That's very cool & easy .

@StudyReadEducate 5 лет назад

yeah but i will suggest you to use grid system

@panku4492 Год назад

Great video

@deekshadbhandari 3 года назад

First of all,Thank you so much! Everything worked out well...but what code to give if you want to click on the image and then view it?

@planecandle9691 3 года назад

you need to make a new link or html file and connect it

@amitajaiswal2618 2 года назад

Thank you so much

@naturerules1214 3 года назад

Nice..teaching sir... Thx

@StudyReadEducate 3 года назад

Thanks

@Rk-ty4gv 4 года назад

and nexthow we have to copy this photo gallery in our web page

@pks_777. 5 лет назад

Thanks bro.

@StudyReadEducate 5 лет назад

Welcome

@dhrutiksh235 2 года назад

Which app to you type coad

@DeepmalaDixit 4 года назад

Sir font kaise download kiye h link send kr dijiye please

@satyamsawant2780 3 года назад

Thanks Sir

@vivekshirke5008 3 года назад

Great mentor... have faced problem of my images are not getting floated. They are not in line thy r in coloum.. is this problem of jpg files....

@susmitadas311 3 года назад

I have the same problem

@PANKAJKUMARSINGH673 5 лет назад

Thank you

@StudyReadEducate 5 лет назад

Welcome

@ajayjangid8211 3 года назад

Sir aapki video kis name se search kre

@bismaabdulqadir7381 2 года назад

Sir kindly isi tarah image k sth text b likha ho har image k bottom pe 1 line ho esa video bana den please please

@robinsingh-oy5ih 4 месяца назад

❤

@NamiChobingMixedBlogYes 7 месяцев назад

Also how to add price for the image

@Chandan_kol 2 года назад

img:hover{ border: 1px solid red; } Not working why, please explain me 🙄

@webdesignermodel3572 4 года назад

Nice work

@webdesignermodel3572 4 года назад

But sir muje smj me nhi aaya

@sangamagrawal1577 3 года назад

App yeh codings kis mai kar rahe ho Notepad ya other

@sangamagrawal1577 3 года назад

Other ka naam

@rbmccarthy1979 4 года назад

I would like to see how to do this with php, html, CSS, and flexbox.

@StudyReadEducate 4 года назад

Yeah sure soon

@luthfunnahar929 4 года назад

Tnx yrrr

@cheapapartmentsnearme9391 4 года назад

SIR HUM BHI HTML AND CSS SEEKH RHY LAKIN CSS KI BIL KUL SMJH NHI ARHI

@khandokernaiem2964 Год назад

ki bolbo sir,boler vasa nei .love you so much sir as a teacher

@swethahema8736 Год назад

How to add text below these images?

@debjitmajumder3590 3 года назад

I'm not able to add "Border" (say for e.g. - Black) to my images. Can't apply, border-width !!!!!!!!! HELP.

@StudyReadEducate 3 года назад

doing something wrong for sure check code

@mdmijanurrahaman8997 5 лет назад

very good video

@StudyReadEducate 5 лет назад

Thanks

@newsweekly5166 5 лет назад

you created image gallery with same image size. Do you have any idea how to create gallery with different image size

@StudyReadEducate 5 лет назад

I Will make video on that soon.....but right now you can use grid system to make this kinda gallary and you can also find out other tutorials on RU-vid soon i will make one video on this topic but this can take a time due to my exams so i will recommend you to check out other videos but before this try by your self use grid system or flex box to create an gallary ok. Good luck

@ankitgrover7618 5 лет назад

sir overflow ka kya use hai..?

@StudyReadEducate 5 лет назад

Overflow se hum hide krte kissy chiz ko agr vo overlap kre us element ko jes pr overflow property lgi ho

@asadullahkhan8747 3 года назад

Photo gallery, nav, and hyper link ko aik sath kese use krte he html me

@ajayjangid8211 3 года назад

Aapki video achhi lagi

@islamicpearls2100 4 года назад

Plz try to add code in the discription......so that we can easily understand......thnkuu

@Aasheekowdo Год назад

Bhaiya Mera image left side pe nhi ho rha hai kya karu tell me please please please 😔😔

@iitmacademy 4 года назад

Free domain and hosting.. I liye kuchh bataye??? Qki agar free domain mil jata to hosting nahi.. aur agar hosting mil jati to domain n

@StudyReadEducate 4 года назад

Free is nothing you have to pay for them if you wanted a quality

@sprucemink Год назад

15:03🤣🤣🤣🤣🤣🤣🤣🤣🤣

@tushardate4304 2 года назад

Is ki coding mil sakti hai kya

@ankahealfhazshayari2726 4 года назад

Bhai muje ye code nahi mila apki website me please help me

@goutamsarkar9620 5 лет назад

E step follow Karke kya mai imagesbazaar.com jaysa website Bana sakte hai ?

@StudyReadEducate 5 лет назад

Yes ..tum baana sckte ho pr sites bhi different type ki hoti jese dynamic and static jo mane sikhai vo static hai static site may user ko khud sb kuch krna pdta hai haar ek chiz ke liye coding....and dynamic site pr bs tumko file choose krni hogi and vo upload ho jaye gi and codes edit krne ki need ni hoti......aur yesi site ke liye programming ka aana jarori hai

@pccentre1702 5 лет назад

Please use atom editor

@StudyReadEducate 5 лет назад

yeah i use

@jahanarafardoush6068 4 года назад

Bro responsive photo Gallery please uploard

@rajeshpal8400 5 лет назад

Sir one line me two pic kaise lagaye

@somyashukla8688 3 года назад

Display: inline-block Ka use krke

@healthtalk5465 5 лет назад

images ko border kaise de sakte hai sir

@StudyReadEducate 5 лет назад

Border property ka use kro ...simply aur border mil jana simple Update : border: 2px solid black;

@sparshika7858 3 года назад

Image ko dropbox se upload krna hai toh kya krenge ?

@StudyReadEducate 3 года назад

try ni kiya kbhi agr full address ha toh ho jaye ga src may bs path daal do image ka

@Codingwithcraft 5 лет назад

sir internal css kyo nhi karte hai

@StudyReadEducate 5 лет назад

Taki external files save rhe and loading fast ho ....and code clean rhe and easily miantane kr paye

@nirmalmondal07 4 года назад

Esmai view more ka option kaise dale..??

@vinitadewangan2405 4 года назад

Sir iska website kaise bnaye

@sudhirkumarcpr 4 года назад

please make video on videos gallery

@StudyReadEducate 4 года назад

Sure ❤️👾

@naazkhan9101 2 года назад

Sir images k niche name kaise show kara skte h please ye bhi bta dijiye please

@StudyReadEducate 2 года назад

easy just add h1 tag

@chinkeythakur1015 5 лет назад

Photo Gallery me jkr jo link copy krna hai bo kya shortcut hai

@StudyReadEducate 5 лет назад

Address ha vo us image ka

@chinkeythakur1015 5 лет назад

Sir project k first page ki coding kese krni hai uska bi link share krna

@StudyReadEducate 5 лет назад

Code online de diya ha mane es gallary ka link description pr ha

@poornesha2646 3 года назад

Please send code bro

@ravinasolanki6614 2 года назад

Subpppp👌👍

@geraldjamisco4603 4 года назад

English version needed

@StudyReadEducate 4 года назад

Sure soon

@anilbansal4228 5 лет назад

Meri css google pe nahi Khul Rahi properties me jaakar uska link du toh

@StudyReadEducate 5 лет назад

Hmm chal pdna ...ctrl + o press kro brower pr and file choose kro css wali fhir open hogi aur path copy kr lena vo...ya browser change kro ya update kro ya clear kro browser ka data....problem solve ho jani

@anilbansal4228 5 лет назад

Reecry ho Gaya bhai thankusomuch

@StudyReadEducate 5 лет назад

No problem