Bo tròn góc dùng CSS

Các điều hành viên: Hỗ trợ NukeViet, Phát triển NukeViet

Nội quy chuyên mục
- Khu vực này chỉ dành cho việc phát triển các theme và các tính năng mới cho hệ thống.
- Tên topic chính là tên Theme. Không được đặt tên Theme trùng với Block, Module, Theme đã có.
- Các thảo luận cho theme nào phải được gửi ngay tại topic mà người đầu tiên gửi nó lên.
- Vui lòng không gửi câu hỏi và các yêu cầu trợ giúp tại đây. Topic vi phạm nội quy sẽ bị xóa ngay lập tức!

Bo tròn góc dùng CSS

Bài viết chưa xemgửi bởi hongthailha » 19 Tháng 8 2012, 13:00

Mình làm góc bo tròn dùng CSS trong theme modern có bạn nào làm giống mình không
demo: http://www.nhac24dalat.co.cc
--------------------------------------------
thân thiện, cởi mở, chịu khó học hỏi
http://lamha.edu.vn
Hình đại diện của thành viên
hongthailha
Thành viên chính thức
Thành viên chính thức
 
Bài viết: 58
Ngày tham gia: 21 Tháng 4 2008, 15:08
Đã cảm ơn: 5 lần
Được cảm ơn: 2 lần

Re: Bo tròn góc dùng CSS

Bài viết chưa xemgửi bởi hoaquynhtim99 » 19 Tháng 8 2012, 19:35

Trang chủ http://nukeviet.vn/ của chúng ta là một phiên bản của theme modern có bo góc dùng CSS đó bạn
NukeViet: Chia sẻ thành công - Kết nối đam mê
Xem các cập nhật module music 3.5: https://github.com/nukeviet/music/commits/develop
Hình đại diện của thành viên
hoaquynhtim99
Phát triển Modules
 
Bài viết: 4218
Ngày tham gia: 12 Tháng 11 2010, 10:42
Đến từ: Bình Định, Đà Nẵng
Đã cảm ơn: 23 lần
Được cảm ơn: 662 lần

Re: Bo tròn góc dùng CSS

Bài viết chưa xemgửi bởi hongthailha » 19 Tháng 8 2012, 21:03

hoaquynhtim99 ơi cho mình hỏi chút
cái Album của mình khi vào xem toàn bộ Album thì nó trắng xóa là thế nào nhỉ NV3.2
http://www.nhac24dalat.co.cc
với lại bo tròn chỉ được trên FF vào Chrome thôi còn trên IE phải làm NTN nhỉ
--------------------------------------------
thân thiện, cởi mở, chịu khó học hỏi
http://lamha.edu.vn
Hình đại diện của thành viên
hongthailha
Thành viên chính thức
Thành viên chính thức
 
Bài viết: 58
Ngày tham gia: 21 Tháng 4 2008, 15:08
Đã cảm ơn: 5 lần
Được cảm ơn: 2 lần

Re: Bo tròn góc dùng CSS

Bài viết chưa xemgửi bởi hoaquynhtim99 » 19 Tháng 8 2012, 22:08

Trên IE thì xem http://css3pie.com/ còn cái album của bạn thì không biết được, trắng xóa thì vô vàn lý do làm nó trắng
NukeViet: Chia sẻ thành công - Kết nối đam mê
Xem các cập nhật module music 3.5: https://github.com/nukeviet/music/commits/develop
Hình đại diện của thành viên
hoaquynhtim99
Phát triển Modules
 
Bài viết: 4218
Ngày tham gia: 12 Tháng 11 2010, 10:42
Đến từ: Bình Định, Đà Nẵng
Đã cảm ơn: 23 lần
Được cảm ơn: 662 lần

Re: Bo tròn góc dùng CSS

Bài viết chưa xemgửi bởi Right » 21 Tháng 8 2012, 23:24

Vụ bo tròn góc này tham khảo bên chuyên mục Css javascript đi @_@
I'm Right 8)
Website demo: http://cuanhualoithepdep.com (non finish hehe)
Đã từng SEO: http://sangohoanganh.com 8)
Hình đại diện của thành viên
Right
Thành viên chính thức
Thành viên chính thức
 
Bài viết: 125
Ngày tham gia: 29 Tháng 11 2011, 01:30
Đã cảm ơn: 14 lần
Được cảm ơn: 7 lần

Re: Bo tròn góc dùng CSS

Bài viết chưa xemgửi bởi hongthailha » 26 Tháng 8 2012, 09:16

Right đã viết:Vụ bo tròn góc này tham khảo bên chuyên mục Css javascript đi @_@

Topic này tim ở đâu trên diễn đàn mình bạn nhỉ?
--------------------------------------------
thân thiện, cởi mở, chịu khó học hỏi
http://lamha.edu.vn
Hình đại diện của thành viên
hongthailha
Thành viên chính thức
Thành viên chính thức
 
Bài viết: 58
Ngày tham gia: 21 Tháng 4 2008, 15:08
Đã cảm ơn: 5 lần
Được cảm ơn: 2 lần

Re: Bo tròn góc dùng CSS

Bài viết chưa xemgửi bởi hihelo » 31 Tháng 8 2012, 16:20

Mình thấy trang web Xây dựng miền tây(mcu.edu.vn), dùng css3 bo tròn góc theme modern và bo tròn cả ảnh hiển thị tốt trên các trình duyệt. Mình có tham khảo về cách hack ie bàng pie.htc nhưng chỉ có thể bo tròn đối với các site html còn với nukeviet thì vẫn chưa ok, bác nào có kinh nghiệm cho mình vài gợi ý nhé, thanks!
hihelo
Thành viên mới
 
Bài viết: 4
Ngày tham gia: 15 Tháng 4 2009, 11:27
Đã cảm ơn: 0 lần
Được cảm ơn: 0 lần

Re: Bo tròn góc dùng CSS

Bài viết chưa xemgửi bởi hoangle113 » 06 Tháng 9 2012, 20:41

Trong Theme Modern bạn vào csreen.css tìm đoạn này

Mã: Chọn tất cả
.wrapper
{
background: #ffffff;
border:5px solid #ffffff;
margin:10px auto 0;
border-radius: 10px;// thêm dòng này vào (Đoạn này là bo tròn 4 góc)
width:1000px}

Đây là bo toàn bộ khung site. Còn các phần các bạn thêm vào tương ứng thôi

Trong Theme Default bạn vào Template.css tìm đoạn này
Mã: Chọn tất cả
#container
{
width:1000px;
margin:0 auto;
border-radius: 10px; //  thêm dòng này vào (Đoạn này là bo tròn 4 góc)
border: 5px solid #FFF; padding: 1px;
   background-color: #FFF;
   
}
http://giaohatbotda.net
hoangle113
Thành viên mới
 
Bài viết: 4
Ngày tham gia: 25 Tháng 2 2010, 20:35
Đã cảm ơn: 1 lần
Được cảm ơn: 0 lần

Re: Bo tròn góc dùng CSS

Bài viết chưa xemgửi bởi Right » 07 Tháng 9 2012, 12:35

hoangle113 đã viết:Trong Theme Modern bạn vào csreen.css tìm đoạn này

Mã: Chọn tất cả
.wrapper
{
background: #ffffff;
border:5px solid #ffffff;
margin:10px auto 0;
border-radius: 10px;// thêm dòng này vào (Đoạn này là bo tròn 4 góc)
width:1000px}

Đây là bo toàn bộ khung site. Còn các phần các bạn thêm vào tương ứng thôi

Trong Theme Default bạn vào Template.css tìm đoạn này
Mã: Chọn tất cả
#container
{
width:1000px;
margin:0 auto;
border-radius: 10px; //  thêm dòng này vào (Đoạn này là bo tròn 4 góc)
border: 5px solid #FFF; padding: 1px;
   background-color: #FFF;
   
}

với firefox và safari(opera) cần thêm: -moz-border-radius:10px; -webkit-border-radius:10px;
I'm Right 8)
Website demo: http://cuanhualoithepdep.com (non finish hehe)
Đã từng SEO: http://sangohoanganh.com 8)
Hình đại diện của thành viên
Right
Thành viên chính thức
Thành viên chính thức
 
Bài viết: 125
Ngày tham gia: 29 Tháng 11 2011, 01:30
Đã cảm ơn: 14 lần
Được cảm ơn: 7 lần

Re: Bo tròn góc dùng CSS

Bài viết chưa xemgửi bởi hoaquynhtim99 » 07 Tháng 9 2012, 15:48

Right đã viết:với firefox và safari(opera) cần thêm: -moz-border-radius:10px; -webkit-border-radius:10px;
Đó là những phiên bản cũ còn nếu dùng phiên bản mới hầu như tất cả đã chạy được CSS3
NukeViet: Chia sẻ thành công - Kết nối đam mê
Xem các cập nhật module music 3.5: https://github.com/nukeviet/music/commits/develop
Hình đại diện của thành viên
hoaquynhtim99
Phát triển Modules
 
Bài viết: 4218
Ngày tham gia: 12 Tháng 11 2010, 10:42
Đến từ: Bình Định, Đà Nẵng
Đã cảm ơn: 23 lần
Được cảm ơn: 662 lần

Re: Bo tròn góc dùng CSS

Bài viết chưa xemgửi bởi hoangle113 » 09 Tháng 9 2012, 11:13

hoaquynhtim99 đã viết:
Right đã viết:với firefox và safari(opera) cần thêm: -moz-border-radius:10px; -webkit-border-radius:10px;
Đó là những phiên bản cũ còn nếu dùng phiên bản mới hầu như tất cả đã chạy được CSS3

Đúng đó bạn. Với Các phiên bản mới đều chạy css3.
http://giaohatbotda.net
hoangle113
Thành viên mới
 
Bài viết: 4
Ngày tham gia: 25 Tháng 2 2010, 20:35
Đã cảm ơn: 1 lần
Được cảm ơn: 0 lần


Quay về Giao diện

Ai đang trực tuyến?

Đang xem chuyên mục này: liemnguyensadec1 khách


http://my.metadata.vn
WEB NHANH - Thiết kế web nhanh
Dự án 20 triệu máy tính bảng
Sponsored Links: Thiết kế web nhanh | Thiết kế website dựng sẵn | thiết kế web trường học | Thiet ke web công ty
Web bán hàng trực tuyến | Du học Nhat Ban | Du học Uc | Du học Anh Quoc | Du học Han Quoc | Du học Dai Loan | Du học Gia re | thay đổi đăng ký kinh doanh
giấy phép kinh doanh rượu | Máy lọc nước geyser | Máy lọc nước nano