Scroll to top

Haloo! Selamat Datang di Komunitas Private Training Web Development (27644 Members, 220 Projects, 2316 Topic, 6236 Comments)

cara membuat slide dan background agenda seperti website UAJY
xCrotzzzzz Mengatakan : Members -
  1. haloo mas robby saya bikin slide yg di website Uajy itu bagaimana ? untuk di update ke website UIR hehehe
xCrotzzzzz Mengatakan :
Members -
  1. slide ini mas

Ada 1 File Kiriman :
1. Opera_Foto_2018-02-14_150827_www_uajy_ac_id.png (617 KB)
xCrotzzzzz Mengatakan :
Members -
  1. sama agenda nya keren ini, saya mouse di arahi ke agenda gambar agenda nya keluar kyk gini

Ada 1 File Kiriman :
1. Screenshot_(12)1.png (138 KB)
Robby Prihandaya Mengatakan :
Members -
  1. Assalam, Untuk Slider bisa ganti menjadi animasi juga dengan ini :
  2. https://www.jssor.com/slideshow/x-dodge.html
  3. disana sudah ada dokumentasinya jadi tinggal pasang,.. :)
  4.  
  5. untuk agenda yang keluar gambarnya itu menggunakan hover css mas,..
  6. penerapannya gini :
  7.  
  8. .agenda:hover{
  9. background-image: url(bg.jpg);
  10. background-size:cover
  11. }
  12.  
  13. Berikut saya lampirkan contoh lengkapnya :
  14. <!doctype html>
  15. <html>
  16. <head>
  17. <title>Agenda Hover</title>
  18. <style type="text/css">
  19. .agenda{
  20. width:100px;
  21. height:100px;
  22. }
  23. .agenda:hover{
  24. background-image: url(https://members.phpmu.com/asset/members/robbyprihandaya-7089677342.jpg);
  25. background-size:cover
  26. }
  27. </style>
  28. </head>
  29.  
  30. <body>
  31. <div class='agenda'>
  32. <center>Arahkan mouse kesini,..</center>
  33. </div>
  34. </body>
  35. </html>

xCrotzzzzz Mengatakan :
Members -
  1. aku binggung mas untuk slideshow nya bisa gak di lampiran saja, utk gambar slideshownya di ambil dari gambar berita yang di upload di website UIR

xCrotzzzzz Mengatakan :
Members -
  1. utk hover agenda nya bisa gak gambar nya di ambil file yang kita upload mas

Ada 1 File Kiriman :
1. Opera_Foto_2018-02-14_221432_jurnalistik_radenfatah_ac_id.png (40 KB)
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!