• Tùy chọn
• Đăng nhập
• Đăng ký
• Xem như trên Máy tính
• Accelerated Mobile Pages Theme

Thủ Thuật Access

• Trang chủ

  • Thủ Thuật Access
  • Trang chủ
•   Css3 button with icon Mybb
  

  Viết bởi: MyBB.vn 29-03-12, 04:49 PM Chuyên mục: Góc MyBB - Không có hồi đáp

• 
  

  Trích dẫn:Thay cho việc phải dùng các button bằng hình ảnh ta có thể dùng button bằng css3 .Nó sẽ cải thiện tốc độ load trang với các button cũng đẹp không thua gì các button bằng ảnh

  Trong bài này ta sẽ tạo ra các button kèm icon cho Mybb bằng CSS3 và 1 chút css sprite
  
  

  Trích dẫn:CSS Image Sprites là cách gộp nhiều ảnh nền cần sử dụng vào một file hình duy nhất và sử dụng thuộc tính background-position trong CSS với 2 vị trí Left, Top để xác định vị trí thành phần ảnh cần làm nền, nhằm giảm tải Request (yêu cầu) đến Server, và giảm dung lượng file hình, tăng tốc độ tải trang, tiết kiệm tài nguyên hệ thống.
  
  -Ewebvn

  
  Có thể đọc thêm về css sprite trên w3c tại đây
  
  Trước tiên bạn cần download các icon Geepit để sử dụng tại đây
  
  Sau đó ghép chung các icon cần dùng vào chung một tấm hình bằng photoshop với nền tranparent (trong suốt) và lưu lại dưới định dạng là .png
  
  
  
  Chú ý : ghép các icon sao cho khoảng cách giữa các icon là đều nhau để dễ sử dụng css sprite cũng như công việc chỉnh sửa sau này.Ở đây t dùng công cụ guide (đường màu xanh) để dễ dàng phân cách giữa các icon
  
  
  
  ACP -> Templates & Style -> Themes
  Chọn theme bạn đang dùng
  global.css
  Chuyển sng tab Advanced mode ..thêm vào đoạn cuối code css
  
  
  Mã:

  a.buttonx {
background-image: -moz-linear-gradient(top, #ffffff, #dbdbdb);
background-image: -webkit-gradient(linear,left top,left bottom,
color-stop(0, #ffffff),color-stop(1, #dbdbdb));
filter: progid:DXImageTransform.Microsoft.gradient
(startColorStr='#ffffff', EndColorStr='#dbdbdb');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient
(startColorStr='#ffffff', EndColorStr='#dbdbdb')";
border: 1px solid #fff;
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
padding: 2px 6px;
text-decoration: none;
text-shadow: #fff 0 1px 0;
float: left;
margin-right: 5px;
margin-bottom: 5px;
display: block;
color: #597390;
line-height: 24px;
font-size: 14px;
font-weight: bold;
}

a.buttonx:hover {
background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
background-image: -webkit-gradient(linear,left top,left bottom,
color-stop(0, #ffffff),color-stop(1, #eeeeee));
filter: progid:DXImageTransform.Microsoft.gradient
(startColorStr='#ffffff', EndColorStr='#eeeeee');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient
(startColorStr='#ffffff', EndColorStr='#eeeeee')";
color: #000;
display: block;
}

a.buttonx:active {
background-image: -moz-linear-gradient(top, #dbdbdb, #ffffff);
background-image: -webkit-gradient(linear,left top,left bottom,
color-stop(0, #dbdbdb),color-stop(1, #ffffff));
filter: progid:DXImageTransform.Microsoft.gradient
(startColorStr='#dbdbdb', EndColorStr='#ffffff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient
(startColorStr='#dbdbdb', EndColorStr='#ffffff')";
text-shadow: 0px -1px 0 rgba(255, 255, 255, 0.5);
margin-top: 1px;
}
a.buttonx {
border: 1px solid #979797;
}
  
  Sau đó vào phần Templates -> chọn theme
  postbit templates..
  Chọn các nút bấm tương ứng cần edit ..
  Ví dụ postbit_email
  
  thay thế toàn bộ bằng
  
  
  Mã:

  <a href="member.php?action=emailuser&amp;uid={$post['uid']}"class="buttonx" alt="{$lang->postbit_email}" title="{$lang->postbit_email}" >Email</a>
  
  Và lưu lại là xong
  
  Thế nhưng muốn chèn thêm icon thì ta làm như sau .Trước tiên thêm thẻ span vào các phần chữ ví dụ <span>Trích dẫn</span> và thêm một class cho nó nữa ví dụ là email, các class phân cách nhau bằng dấu space
  
  
  Mã:

  <a href="member.php?action=emailuser&amp;uid={$post['uid']}"class="buttonx email" alt="{$lang->postbit_email}" title="{$lang->postbit_email}" ><span>Email</span></a>
  
  Và thêm css vào tiếp phần css ở trên
  
  
  Mã:

  a.buttonx.email {
padding-left: 11px;
}
a.buttonx.email span{
padding-left: 20px;
background: url(images/thanhtv.png) no-repeat 0 -2px;
}
  
  Tương tự như các nút bấm khác
  
  
  Mã:

  a.buttonx.pm {
padding-left: 11px;
}
a.buttonx.pm span{
padding-left: 20px;
background: url(images/thanhtv.png) no-repeat 0 -22px;
}
  
  Các thông số chỉ là tương đối bạn cần chỉnh sửa sao cho phù hợp với ảnh sprite của mình
  
  Tuy nhiên sau khi làm xong nó hơi lệch sang bên trái
  
  
  Ta muốn các button này căn sang phải nên phải khai báo thêm 1 class .
  
  ví dụ
  
  Mã:

  <a href="member.php?action=emailuser&uid={$post['uid']}"class="buttonx email" alt="{$lang->postbit_email}" title="{$lang->postbit_email}" ><span>Email</span></a>
  
  Ở đây ta thêm 1 class là align cho button edit
  
  Các button ở phía bên phải cần thêm class align vào là : edit,newreply, report, warm
  
  và thêm 1 dòng css tiếp phía dưới
  
  
  Mã:

  .align{float: right !important;}
  
  Kết quả:
  
  
  
  Chúc vui vẻ
  
  Theo bạn Thanh_rossi
  


•   Form bị khoá chức năng design view
  

  Viết bởi: lethehien123 29-03-12, 01:09 PM Chuyên mục: Forms - Bài trả lời (6)

• Chào các anh chị!
  Em có một vấn đề cần dc giúp đỡ. Khi em right click và form trong một Project thì chức năng FormView bị khoá ko thể xem phần design, vậy có cách nào giúp em ko ạ? Xim cảm ơn anh chị rất nhiều!
  


•   Vấn đề về tạo form nhập liệu
  

  Viết bởi: daiphong1979 28-03-12, 04:56 PM Chuyên mục: Forms - Bài trả lời (5)

• Do điều kiện công việc nên database của mình có nhiều table có nhiều thông tin liên quan các table với nhau !
  Để nhập liệu bằng table thì rất mất thời gian và dễ nhầm lẫn so với form ! Tuy nhiên với nhiều table các bạn cho mình hỏi có cần tạo mỗi form tương ứng không ạ ? Như vậy sẽ có rất nhiều from nhập liệu ! Các bạn giúp mình còn cách nào khác hay chỉ còn con đường đó ?
  
  Cám ơn các bạn !
  
  


•   Ẩn button khi in Form
  

  Viết bởi: mimoza1586 28-03-12, 12:48 PM Chuyên mục: Thư viện thủ thuật - Bài trả lời (4)

• Chaò cả nhà,
  
  Cho mình hỏi thăm 1 vấn đề như sau:
  
  Mình tạo xong 1 form, nhưng khi in form, nó in luôn cả button. Giờ mình muốn ẩn button, chỉ in form thôi. Như vậy mình phải xử lý như thế nào?
  
  Cả nhà giúp mình nhé.
  
  Trân trọng
  
  


•   Tìm kiếm tiếng việt trong SQL Server 2000
  

  Viết bởi: dung2007 27-03-12, 03:19 PM Chuyên mục: Tương tác Chương trình ngoài - Bài trả lời (8)

• Em đã Updata lên SQL server 2000
  Client chạy Access 2003 kết nối qua ODBC
  Nhưng khi dùng query tìm kiếm những trường dạng text thì lúc được lúc không, đặc biệt không ra kết quả với những tên có chữ Đ, ư, dấu ngã, dấu nặng..
  VD: Select * from hocsinh where hoten='Lưu'
  Select * from hocsinh where hoten='Đức' thì không ra kết quả
  Nếu :
  Select * from hocsinh where hoten='Hoàn'
  Select * from hocsinh where hoten='Nam' thì lại ra kết quả
  
  Trước đây data bên Access thì chạy ngon hết, các bác giúp em với
  
  



Chủ đề Mới nhất

Ứng dụng kiểm phiếu bầu c... -Chuyên mục: Thư Viện Ứng Dụng-Đăng bởi lần cuối: ongke0711-28-12-25, 01:21 AM- » Bài trả lời: 0- » Lượt xem: 72

Quản lý quầy thuốc nhỏ lẻ -Chuyên mục: Thư Viện Ứng Dụng-Đăng bởi lần cuối: chuvanthom-08-12-25, 09:12 PM- » Bài trả lời: 2- » Lượt xem: 3,292

Demo - Tra cứu thông tin ... -Chuyên mục: Thư Viện Ứng Dụng-Đăng bởi lần cuối: ongke0711-16-11-25, 07:03 PM- » Bài trả lời: 26- » Lượt xem: 4,196

Quản lý kho bằng Accesss -Chuyên mục: Thảo Luận Access-Đăng bởi lần cuối: hoandokhai-18-10-25, 04:48 PM- » Bài trả lời: 70- » Lượt xem: 6,064

Thơ Nhạc Nhất Lang - Cảm ... -Chuyên mục: Góc Thơ -Đăng bởi lần cuối: Nguyễn Thành Sáng-09-10-25, 03:12 PM- » Bài trả lời: 1- » Lượt xem: 82

Quản Lý Phòng Khám Tư Nhâ... -Chuyên mục: Thư Viện Ứng Dụng-Đăng bởi lần cuối: tt1212-09-09-25, 05:03 PM- » Bài trả lời: 32- » Lượt xem: 7,447

Thử nghiệm upload hình -Chuyên mục: Phòng thử nghiệm-Đăng bởi lần cuối: Noname-29-08-25, 09:44 AM- » Bài trả lời: 2- » Lượt xem: 766

Quản Lý Công Văn -Chuyên mục: Thư Viện Ứng Dụng-Đăng bởi lần cuối: Adung-23-07-25, 10:05 AM- » Bài trả lời: 8- » Lượt xem: 13,084

(Update v.1.0.85 - 30/06/... -Chuyên mục: Thảo Luận Access-Đăng bởi lần cuối: Adung-22-07-25, 10:46 AM- » Bài trả lời: 270- » Lượt xem: 114,785

Video Tự học Access ( Cơ ... -Chuyên mục: Thư Viện Giáo Trình-Đăng bởi lần cuối: Nguyễn Đình Thọ-21-07-25, 10:42 AM- » Bài trả lời: 7- » Lượt xem: 9,291




Diễn đàn Thống kê

» Thành viên: 8,579 » Thành viên mới nhất: nohu88hair » Các chủ đề diễn đàn: 9,899 » Các bài viết diễn: 48,829 Thống kê đầy đủ