Nhanh Hay Chết Full HD hay nhất 2014

Nhanh Hay Chết Full HD Phim Hành Động Hài Hước Hàn Quốc, xem phim này hay lắm mọi người ơi,

Cảnh quay rất công phu và hoành tráng, lại vừa có các chi tiết hài rất thú vị, hehe đặc biệt thuyết minh tiếng việt nhé.

Nhanh Hay Chết Full HD Phim Hành Động Hài Hước Hàn Quốc, xem phim này hay lắm mọi người ơi,

[id]http://www.youtube.com/watch?v=hsgEcxbjU4Q[/id]

Read More

Top 8 thủ thuật CSS cho dân thiết kế Website

Dưới đây là 8 thủ thuật CSS nên biết và hay dùng nhất cho dân thiết kế Website

1. Thủ thuật CSS 1 : Qui tắc rút gọn trong font css

Khi áp đặt thuộc tính cho font chữ trong css bạn có thể viết như sau :

font-size: 1em; line-height: 1.5em; font-weight: bold; font-style: italic; font-varient: small-caps; font-family: verdana,serif

Và bạn có thể rút ngắn lại như sau 

font: 1em/1.5em bold italic small-caps verdana,serif

Tốt hơn phải không, tuy nhiên có 1 vấn đề nhỏ là phiên bản viết tắt này chỉ hoạt động khi bạn chỉ định cả thuộc tính font-size và font-family

Mặc dù vậy nếu bạn không chỉ định thuộc tính font-weight, font-style, hoặc font-varient thì những giá trị này sẽ tự động đưa về giá trị mặc định là normal.

2. Thủ thuật CSS 2 : Đặt đối tượng có nhiều hơn 1 class

Bạn có biết rằng bạn có thể đặt cho đối tượng nhiều hơn 1 class không? Điều này rất đơn giản, chỉ cần thêm khoảng trắng giữa các class là bạn có thể thêm class cho đối tượng đó.

3. Thủ thuật CSS 3 : CSS border

Khi bạn áp đặt border cho một đối tượng , bạn thường chỉ định màu sắc, độ dày và style .

Ví dụ : border: 3px solid #000 , Tuy nhiên giá trị cần nhất ở đây đó là border style. Nếu bạn chỉ viết border: solid thì nó vẫn có hiệu lực với các giá trị mặc định, trong đó độ dày là vào khoảng 3px - 4px và màu mặc đinh là #000.


4. Thủ thuật CSS 4 : Câu lệnh !important

Thông thường khi bạn muốn áp đặt ưu tiên một thuộc tính nào đó cho đối tượng mà không cần quan tâm đến các câu lệnh css khác, bạn thường đặt câu lệnh !important ở phía dưới thuộc tính đó. Tuy nhiên bạn có biết là nó chỉ hoạt động ở hầu hết các trình duyệt nhưng lại không có tác dụng gì trong IE. 

Ví dụ :
Code:margin-top: 3.5em !important; margin-top: 2em
Thuộc tính margin-top sẽ được ấn định là 3.5em cho tất cả trình duyệt, nhưng với IE thì lại là 2em. Điều này cũng có ích khi bạn cần phải chỉnh sửa cho web của bạn phù hợp với tất cả trình duyệt khác nhau.


5. Thủ thuật CSS 5 : Kỹ thuật thay thế chữ bằng hình ảnh

Có những lúc bạn cần dùng hình ảnh chứa những dòng chữ được làm từ những font riêng biệt trong photoshop để hiển thị trên web đẹp hơn, tuy nhiên khả năng tìm kiếm trên google của web bạn sẽ giảm đi nhiều nếu dòng chữ đó chữa những từ khóa mà bạn cần seo. Vậy làm sao để có thể đáp ứng được cả hai nhu cầu trên? rất đơn giản bạn chỉ cần tham khảo ví dụ sau :
- Giả sự bạn cần dùng hình ảnh thay thế cho đoạn chữ " Buy widgets "

Code:

Buy widgets

Bạn có thể áp dụng css như sau :

h1 { background: url(widget-image.gif) no-repeat; } h1 span { position: absolute; left:-2000px }

Vậy là từ nay bạn có thể vừa seo được web mà vấn làm web của bạn đẹp hơn.


6. Thủ thuật CSS 6 : CSS box model hack alternative

box model hack được dùng để chỉnh sửa vấn đề về độ rộng trong các phiên bản trước IE6. Để dễ hiểu chúng ta xem đoạn css sau :

#box { width: 100px; border: 5px; padding: 20px; }

Và đoạn css này áp dụng cho :
Code:
...

Điều này có nghĩa là tổng độ rộng của box là 150px (100px width + 2 lần 5px borders + 2 lần 20px paddings) trong tất cả các trình duyệt và chỉ trừ các phiên bản trước IE6 , những trình duyệt này chỉ có độ rộng là 100px (border widths và padding widths được hòa lẫn cả với độ rộng). Và box model hack có thể giúp bạn chỉnh sửa lại như sau:

#box { width: 150px; } #box div { border: 5px; padding: 20px; }

Chỉ đơn giản là thêm một thẻ div vào giữa:
Code:
...

Bây giờ thì độ rộng của tất cả các trình duyệt đã là 150px


7. Thủ thuật CSS 7 : Canh giữa một phần tử block

Nếu bạn muốn canh giữa một đối tượng ra giữa màn hình thì bạn có thể áp đặt css như sau:

#content { width: 700px; margin: 0 auto; }

Đoạn code này hoạt động tốt với hầu hết các trình duyệt chỉ trừ có những người hàng xóm khó chịu là các phiên bản từ IE6 trở về trước, tuy nhiên bạn cũng có thể canh giữa trên những trình duyệt này bằng đoạn css sau :

body { text-align: center; } #content { text-align: left; width: 700px; margin: 0 auto; }

8. Thủ thuật CSS 8 : CSS positioning bên trong 1 container

Một trong những điều tốt nhất về css đó là bạn có thể đặt ví trí (position) một đối tượng bên trong đối tượng khác. Rất đơn giản các bạn chỉ cần áp đặt thuộc tính css như sau :

#container { position: relative }

Bây giờ nếu bạn muốn đặt một đối tượng nào khác bên trong đối tượng container này thì bạn áp dụng thuộc tính css như sau :

#navigation { position: absolute; left: 30px; top: 5px }

đối tượng navigation sẽ được đặt vị trí chính xác là cách bên trái 30px và vị trí trên cùng là 5px so với đối tượng container.
Còn rất nhiều thủ thuật css khác cho các bạn, tuy nhiên mình sẽ giới thiệu tiếp theo trong các bài viết kế tiếp.

Chúc các bạn thành công !

Read More

Thủ thuật sửa nhanh bài viết bất kỳ cho Blogspot

Tuy đây là 1 thủ thuật nhỏ nhưng theo mình thấy nó rất tiện cho việc quản lý bài viết, Khi ta đang xem 1 bài viết bất kỳ nào đó, mình muốn sửa lại bài viết đó thật nhanh mà không phải mất công vào trang quản trị Blogger.

- Cách thực hiện khá đơn giản:

- Bạn tìm đoạn code sau trong template của bạn  <data:post.title/>

Chú ý: Không phải Temp nào bạn cũng tìm được đoạn code trên dễ dàng tại vì trong temp sẽ có rất nhiều đoạn như thế, Có temp nó nằm dưới <div class='postmeta'> , có temp nó nằm chỗ khác, thế nên bạn phải hiểu nôm na là nó nằm dưới tiêu đề của bài viết.

Nếu không thích bạn có thể chèn đoạn code sau vào bất cứ nơi nào bạn muốn hiển thị, ok

<b:include data='post' name='postQuickEdit'/>

- Chúc bạn thành công ! Nếu không thực hiện thành công, bạn có thể để lại lời nhắn, mình sẽ hỗ trợ giúp bạn.

Read More

Template Blogspost Shop + News tự động nhận dạng bài viết

Giá bán: 500.000 VNĐMã nguồn : Blogger/blogspotThiết kế bởi: Thái AiTiLiên hệ mua : Thái AiTi - ĐT: 0934.685.392- Hỗ trợ trực tuyến :

DemoDownload

Mô tả chi tiếtCách cài TemplateKho TemplateThủ thuật Blogger

Mẫu Template Blogspot Shop + Tin tức chuyên nghiệp, tự động nhận dạng bài viết
- Bạn có thể Đăng bài dạng sản phẩm để bán hàng
- Bạn cũng có thể đăng bài dạng tin tức
+ Được tích hợp giỏ hàng và cổng thanh toán trực tuyến Baokim.vn và Nganluong.vn
+ Giao diện đẹp và tốc độ load trang nhanh mượt
+ Thích hợp trên nhiều trình duyệt
+ Bài viết liên quan tự động nhận dạng theo sản phẩm hoặc tin tức

- Demo giỏ hàng: 

- Tab Comment gồm Facebook và Google Blogger

- Và nhiều chức năng khác, bạn vui lòng bấm Demo để xem chi tiết

Read More

Share Template blogspot tin tức tại ThaiAiTi.com

Share template blogspot dành cho Web tin tức tổng hợp, Là 1 mẫu Blogspot được trình bày theo từng box chủ đề

- Giao diện thoáng và tông màu khá dễ nhìn

Demo - Download

Pass giải nén: thaiaiti

Vui lòng Like bạn viết để tác giả có thể chia sẻ nhiều bài viết có giá trị

Read More

Mã hóa bảo mật Code Web với Tlooker 1.0

Bạn là dân thiết kế Web, bạn đang thiết kế 1 mẫu Website rất đẹp và chuẩn pị Pulish, Bạn không muốn cho người khác lấy Code của mình đã rất mất thời gian làm ra nó. Tại đây, bạn đang xem thủ thuật hướng dẫn tại Website ThaiAiTi.com, chia sẻ cho bạn 1 công cụ có tên là Tlooker 1.0 - trình mã hóa bảo vệ code web cực hay và nhanh chóng, không cho người khác lấy Code của mình để chỉnh sửa.

- Công việc diễn ra rất nhanh chóng và đơn giản, bạn chỉ cần dán đoạn code cần mã hóa vào Box HTML Input và bấmEncoder HTML

- Encoded HTML output: sẽ là nơi bạn nhận được Code đã mã hóa

 Chúc bạn thành công và có nhiều trải nghiệm thú vị trên ThaiATi.com

Read More

hiệu ứng xoay trang 360 độ cho Website khi load trang

Thủ thuật tạo hiệu ứng xoay trang 360 độ cho Website khi load trang, Code được viết bằng CSS3 nên tốc độ load rất nhanh, trông rất chuyên nghiệp, đẹp mắt và rất thú vị, Mọi người thử khám phá xem nhé. Thủ thuật tạo hết sức đơn giản và dễ.

- Bạn chỉ cần, Chèn đoạn code sau trên ]]></b:skin>

@-moz-keyframes roll { 100% {  -moz-transform: rotate(360deg); } } 
@-o-keyframes roll { 100% { -o-transform: rotate(360deg); } } 
@-webkit-keyframes roll { 100% { -webkit-transform: rotate(360deg); } } 
body{ -moz-animation-name: roll; -moz-animation-duration: 2s; -moz-animation-iteration-count: 1; -o-animation-name: roll; -o-animation-duration: 2s; -o-animation-iteration-count: 2; -webkit-animation-name: roll; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; } 

- Ghi chú: Vì đoạn code là CSS3 nên trên một số trình duyệt như IE5,6,7 sẽ không hoạt động. Hoạt động tốt trên chroome, firefox, sarafi, IE9-10,....

Read More