Posts

Showing posts from February, 2015

Thuộc tính text-align

Image
Định nghĩa và sử dụng Thuộc tính text-align sắp xếp các nội dung theo chiều ngang. Cấu trúc tag { text-align: giá trị; } Với giá trị như sau: Thuộc tính giá trị Ví dụ Mô tả text-align left text-align: left; Sắp nội dung theo chiều ngang nằm về bên trái, đây là dạng mặc định. right text-align: right; Sắp nội dung theo chiều ngang nằm về bên phải. center text-align: center; Sắp nội dung theo chiều ngang nằm giữa. justify text-align: justify; Sắp xếp nội dung cho các dòng có chiều rộng bằng nhau. inherit text-align: inherit; Xác định thừa hưởng thuộc tính từ thành phần cha (thành phần bao ngoài). Ví dụ Xem thêm ví dụ HTML viết: <html> <head></head> <body> <p class="alignLeft">Canh trái</p> <p class="alignCenter">Canh giữa</p> <p class="alignRight">Canh phải</p> </body> </html> Hiển thị trình duyệt khi chưa có CSS: Canh trái Canh giữa Canh ph...

Tạo vệt sáng rực rỡ bằng Photoshop

Image
Trong bài viết này bạn sẽ được học một kỹ thuật đơn giản để tạo một vệt sáng đẹp mắt tạo hiệu ứng chuyển động và chỉnh độ sáng cho thiết kế của bạn. Bước 1 Trước tiên, hãy tạo một background phù hợp với hiệu ứng của chúng ta. Mở một file photoshop mới, và đặt màu nên là màu đen. Bây giờ , ta tạo một layer mới và màu của nó là màu trắng. Chúng ta sẽ dùng hiệu ứng bộ lọc ánh sáng bằng cách vào  Filters > Render > Lighting Effects  cho layer mới tạo để làm hiệu ứng gradient. Tiếp theo ta chỉnh độ mượt của gradient, chọn bất kì màu nào bạn thích miễn là nó hơi tối tối là ok. Trong ví dụ này mình chọn là một màu tối pink/purple. Bước 2 Bây giờ ta tạo một nguồn sáng, bằng cách tạo một layer mới, sau đó nhấp double vào layer mới tạo, trong bảng Blending Option -> Blend Mode chọn Screen . Sau đó dùng công cụ Elliptical Marquee Tool tạo một vùng chọn hình tròn và vào  Select -> Modify -> Feather và chỉnh Feather Radius là 20 . Tiếp theo dùng công cụ R...

MENU NGANG VỚI HIỆU ỨNG CSS3 dành cho blogrer và web

Demo các bạn xem ngay bên dưới nhé Và đây là cách để thêm menu này :  Bước 1 : Thêm đoạn css sau và trước <style> html { height: 100%; background: black; } ul {   overflow: hidden;   position: relative;   list-style: none;   padding: 0;   margin: 0 auto;   min-width: 800px; max-width: 1600px;   background: rgba(white, .2);   font-size: 0;   text-align: center; } li {   display: inline-block;   position: relative;   width: 12.5%; height: 100%;   font: 1rem/3 trebuchet ms, verdana, century gothic, arial, sans-serif;   text-transform: uppercase;   cursor: pointer;   @for $i from 0 to 8 {     &:nth-child(#{$i + 1}) {       $c: hsl($i*360/8, 100%, 70%);       color: $c;         &:hover {         color: black;             & ~ li:last-child {   ...

Hướng dẫn backup dữ liệu trong blogspot - cách backup dữ liệu - cách backup dữ liệu

Image
Backup dữ liệu là lưu lại tất cả bài viết, commen, nhãn trên blog của bạn, nếu không may blog của bạn bị google "chê" và quẳn vào sọt rác thì lúc này còn đường khắc phục. Dữ liệu được backup sẽ được lưu trên máy tính của bạn và bạn sẽ tạo lại blog mới giống y như blog cũ với dữ liệu đã được backup. Sau đây là cách backup dữ liệu: Bước 1:  Vào "Cài đặt" >>> "Cơ bản" >>> "Xuất blog">>> "TẢI XUỐNG BLOG" Bước 2:  Lưu file này vào máy bạn một cách cẩn thận. Cách úp dữ liệu lên blog bằng dữ liệu đã backup Vào "Cài đặt" >>> "Cơ bản" >>> "Nhập blog">>> "Browse" chọn file tải lên >>> nhập mã xác nhận >>> "Nhập blog"

hỗ trợ trực tuyến Skype website

Image
 chúng ta sẽ đề cập đến Skype, trình gọi điện thoại trực tuyến từ PC đến PC và từ PC đến Phone phổ biến nhất thế giới bên cạnh những tính năng thông thường của một trình tin nhắn tức thời (gửi message, hỗ trợ webcam). Nếu công ty của bạn hoạt động trong lĩnh vực thương mại điện tử hay dịch vụ đăng ký tên miền, hosting, việc thêm một biểu tượng hỗ trợ trực tuyến Skype không phải không có ích. Còn với blog, nếu bạn có Skype thì cứ đưa biểu tượng lên cho vui cửa vui nhà! Việc đầu tiên bạn cần làm là cho phép hiển thị trạng thái trực tuyến trên web. Để thực hiện bạn đăng nhập Skype, chọn thực đơn  Tools -> Options -> Privacy  và đánh dấu chọn  Allow my status to be shown on the web . Tiếp theo bạn click vào địa chỉ  http://www.skype.com/share/buttons/  và thực hiện theo các bước. Bước 1 : Nhập Skype Name (Tên mà bạn dùng để đăng nhập trên Skype). Bước 2 : Lựa chọn biểu tượng hoặc click vào  link này  để tạo biểu tượng. Bư...

cách để bỏ logo youtube khi coppy qua web site

Image
thêm dòng này đằng sau video_id  ?modestbranding=1 <iframe width="420" height="315" src="https://www.youtube.com/embed/w3b2fDXZqMQ?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe> thành <iframe width="420" height="315" src="https://www.youtube.com/embed/w3b2fDXZqMQ?rel=0&amp;showinfo=1; modestbranding=1 " frameborder="0" allowfullscreen></iframe> hoặc  <object width="560" height="349"> <param name="movie" value="http://www.youtube.com/v/ w3b2fDXZqMQ ?modestbranding=1 &amp; version=3&amp;hl=en_US"></param> <param name="allowFullScreen" value="true"></param> <param name="allowscriptaccess" value="always"></param> <embed src="http://www.youtube.com/v/ w3b2fDXZqMQ ?modestbranding=1 &amp; version=3&amp;hl=en_US...