Hỏi - Đáp

(#62) -Chào Thầy , Thầy cho em lại bài lab zoom hình hôm trước thầy gửi cho em , em không tìm thấy file thầy gửi đến, thầy cho em xin lại , cám ơn thầy . Thầy ơi , cho em xin scrip khung giỏ hàng sổ xuống khi có sản phẩm giống như trang web này, khách hàng muốn làm giống như trang này : http://www.martin107.com.vn/xe-dap-the-thao/amt-48-nam
Học viên: nguyentaidu

Giáo viên trả lời:
Bạn download script Zoom hình này ở đây

(#61) -. xin thầy giải thích left:-65% .sidebar { width: 21%; float: left; position: relative; left: -56%; }
Học viên: nguyenthanhkhiet

Giáo viên trả lời:
Trong cấu trúc trang chủ của chúng ta thì bạn thấy section main-content nằm trước rồi mới tới sidebar và sidebar2.

Khi đó main-content chiếm 56% tức là cột đang chứa sản phẩm to nhất nó sẽ nằm bên trái, phần sidebar chiếm 21% cũng float qua trái vậy nó sẽ nằm sau phần main-content có nghĩa là cột to nằm trái rồi tới cột nhỏ. Nhưng ta lại muốn cột nhỏ sidebar nằm trước cột main-content do đó ta phải cho nó lui lại đúng bằng độ rộng của main-content tức nó dịch chuyển ngước lại bên trái 1 khoảng là -56% (bằng độ rộng của cột main-content) vậy nó bây giờ sẽ nằm bên trái mặc dù trong code của chúng ta section main-content nằm trước section sidebar.
Bạn thử bỏ left:-56% này đi sẽ thấy cột sidebar sẽ nằm bên phải cột main-content (do trong code là main-content nằm trước sidebar) => ta phải thêm left:-56% để nó lui ra bên trái nằm trước main-content thôi bạn.

(#60) -tạo sao em copy đoạn code hiện màu vàng ở thẻ section. Là nó bị gì hả thầy
Học viên: nguyenthanhkhiet

Giáo viên trả lời:


Nhìn trong đoạn code này thấy bạn thiếu 1 thẻ kết thúc </div> trước thẻ </section> bên dưới bị tô màu vàng
Bạn hãy sử dụng nút thu gọn thẻ lại, nếu tới thẻ nào bị sai là nó sẽ không cho thu lại


(#59) -Thầy ơi thầy có cái scrip nào mà mình design tương tự trang này nhưng khi scrol nó nhảy hẳn xuống 1 layout ko ah..nghĩa là thay vì trang này nó scroll từ từ thì mình lăn chuột nó nhảy xuống trang thứ 2 http://cuukiem.sohagame.vn/intro
Học viên: Việt Đàm Quốc

Giáo viên trả lời:
Bạn download script này về dùng thử đi, giống như cái của bạn yêu cầu đó

(#53) -Dear Thầy Thầy cho em xin sotf PVII pop menu magic2. vì em download về không được www.mediafire.com/download/9tc10t957654ie/sotftaomenu.rar Em cám ơn thầy
Học viên: diepcamhue

Giáo viên trả lời:

Download tại phần mềm tạo menu cho website tại đây: http://hocwebonline.info/attach/menu_pop.rar
Hãy tiếp tục vào học Online thường xuyên, bài còn nhiều lắm đó.
Học có gì không hiểu gửi câu hỏi trong mục Hỏi đáp để được hướng dẫn nhé

(#52) -thầy ơi, em yeu cầu PA chuyển sang LInux nhưng nó hỏi em là : " Quý khách vui lòng cung cấp, source code quý khách sử dụng mã nguồn mở hay source tự viết, có yêu cầu gì về php không ? để chúng tôi lựa chọn server thích hợp chuyển cho quý khách." ý dó là sao vậy thầy?
Học viên: hieuminhtruong

Giáo viên trả lời:
Mã nguồn của mình là tự viết, dùng PHP 5.2 bạn.

bạn chỉ yêu cầu hosting Linux hỗ trợ PHP 5.2 hay PHP5.3 và MySQL 5.0 là được,

(#48) -thưa thầy cho em hỏi là phần video bài tập thử thách thì khi học hết phần nào mới bắt đầu làm được ạ?
Học viên: dangcaoson

Giáo viên trả lời:

Chào Bạn!
Sao khi làm xong bài tập cuối khoá phần lành nghề và làm xong phần đề tài thì mới vào làm được bạn. Lúc đó ta có đủ kiến thức vững vàng rồi thì mới làm nổi. Tôi đặt là bài tập thử thách có nghĩa là khó đó bạn. Bạn mới học có 4 tuần hà chưa làm được bạn, đừng có gấp bạn, bạn cứ từ từ học, học xong cái nào cố gắng nắm chắc cái đó thì sau này tôi chắc chắc bạn sẽ làm được hết mấy cái bài tập thử thách này đó.

(#47) -Chào thầy , Thầy lấy dùm em scrip của trang này đi thầy , khi có hàng trong giỏ hàng thì hiện ra còn không có thì bị ẩn đi, khi rê chuột vào tự sổ xuống . http://www.martin107.com.vn/trang-chu Cám ơn thầy .
Học viên: nguyentaidu

Giáo viên trả lời:
Bạn tham khảo script này tại đây nhé

Hãy thử gắn vào đề tài website bán hàng của Bạn đi. Sử dụng có gì không hiểu cứ hỏi để được trợ giúp.

(#46) -Chào thầy: Dạ, tại em thấy cái web của thầy lúc mới vào có cái âm thanh ngắn mà ko có cái control audio nên em thắc mắt hỏi thầy đó mà hihi... Cái video đó nếu mình có nhiều phim, mà mình muốn nó chiếu hết phim này qua phim khác thì làm sao thầy. cái vector em thấy hơi khó vẽ 1 chút hihi.. Thanks thầy
Học viên: quanthai

Giáo viên trả lời:
Trong website của tôi có sử dụng một hộp thoại dạng Notification giống như popup quảng cáo mới vào site, trong hộp thoại popup này có nhạc nền nên mới mở vào có âm thanh cảnh báo. Bạn có thể xem và làm thử script này tại đây:



Còn cái video muốn nó chiếu hết phim này qua phim khác thì ta phải tạo playlist cho nó để nó tự động. Để tôi làm một cái file mẫu về cái Playlist video bằng HTML5 rồi gửi cho bạn sau nhé. Bạn làm trước cái Audio Notification đi 

(#45) -Chào thầy: Thầy cho em hỏi trong phần HTML5: Trong bài thẻ audio khi mình chèn cái thẻ nào vào để chơi nhạc là bắt buộc phải cho nó hiện cái phần control ra luôn hả thầy, có dấu nó được không? Trong thẻ video ngoài định dạng mp4 thì các định dạng khác như FLV hay WMV có thể chèn vào được không thầy, các trình duyệt có hổ trợ nó không? Trong bài vector, phần này mình học để ứng dụng vào cái gì dậy thầy? Thanks thầy
Học viên: quanthai

Giáo viên trả lời:
Thường khi ta cho người ta xem phim hay nghe nhạc thì mình phải hiện Control ra bạn, đó là bắt buộc, nếu ta không hiện thì lấy gì mà người ta điều khiển được. Giống như bạn đi mua cái Tivi, mà kêu người ta bò hết mấy cái nút điêu khiển đi, chỉ bật điện lên là coi TV thôi thì không được. Chuẩn HTML5 dùng các định dạng Video như mp4, ogg, webm. các dạng video flv và WMV là các video dạng cũ phải dùng một player riêng để chơi không dùng thẻ video của html5 được. Bên dưới là bảng các trình duyệt hỗ trợ Video dạng HTML5.

Đồ hoạ Web sau này tương lai sẽ dùng chuẩn SVG để vẽ chứ không dùng hình ta vẽ bằng Corel hay Illustrator nữa, vì chuẩn SVG hình tạo ra rất nhẹ và có thể là ảnh động được luôn. Ví dụ đơn giản để chèn hình tròn thì bạn phải tạo một ảnh rồi vẽ hình tròn trên đó, còn SVG sẽ cò lệnh vẽ hình tròn trực tiếp bằng SVG mà không dùng hình như vậy sẽ làm web nhẹ và chạy nhanh hơn. Với lại hình vẽ SVG sẽ không bị bể khi ta phóng to hay thu nhỏ, trong khi hình bình thường ta chèn vào web sẽ bị bể nếu phóng to hay thu nhỏ.
Do đó SVG sẽ là chuẩn tương lai của đồ hoạ web (có nghĩa là hình ảnh trong web sau này sẽ toàn dùng bằng SVG cả) lúc này bạn sẽ khỏi đi học Photoshop hay Corel hay Illustrator nữa bạn.

Bạn xem một số ví dụ về nó tại đây: http://www.jqueryrain. com/example/svg-tutorial/

HTML Video - Browser Support

Currently, there are 3 supported video formats for the <video> element: MP4, WebM, and Ogg:

Browser MP4 WebM Ogg
Internet Explorer YES NO NO
Chrome YES YES YES
Firefox YES YES YES
Safari YES NO NO
Opera NO YES YES

(#87) -Cho em hỏi về CSS. Khi em định nghĩa CSS để chạy trên di động. Em đưa cột trái vào trang index và khi chạy với các kích cỡ màn hình em chỉnh % cho width như sau: .box { width:100%; margin-bottom:10px; float:left; clear:both; } .box-top{ width:100%; height:30px; background-color:#0784C6; color:#fff; text-transform:uppercase; text-align:center; line-height:30px; font-weight:bold; float:left; border-top-left-radius:10px; border-top-right-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; } 2 cái class này thì ok nhưng cái class này .box-cen { width:99%; border:solid 1px #0099FF; float:left; } Ngay chổ width của class này em thấy thầy ko đưa vào, nhưng em ko đưa vào thì nó ko co giãn theo như 2 cái class trên. Còn thêm vào nếu 100% thì đường viền sẽ bị lố, nếu 99% thì ok, nhưng khi view các kích cỡ nhỏ thì nó lại ko đều với 2 calss trên. Đây là video Bai 6-P3 tuần 12 ( ráp nội dung cột trái, cột phải vào website chuẩn RWD)
Học viên: Thu Vo

Giáo viên trả lời:
1px thì không thể nào tương đượng bằng 1% được. Chỉ có class .box mới định độ rộng còn class .box_top và box_cen không được định độ rộng, nếu định thì đóng khung sẽ bị lệch.

(#44) -thầy ơi Em lam theo video. sao em margin-left:auto va margin-right:auto; mà hình không canh giữa được ở class main-box . xin thầy chỉ giùm
Học viên: nguyenthanhkhiet

Giáo viên trả lời:
Bạn có vài chỗ bị sai trong tập tin css và torng trang chủ nên sản phẩm nó không canh lề giữa được.


Lỗi 1: Trong phần định nghĩa CSS cho các màn hình tại class .sanpham_box bạn dư thuộc tínhmargin-left: 200px
Chỗ này định bị sai, tại sao cho nó cách trái tới 200px dữ vậy, trong khi màn hình có 240px

Lỗi 2: trong trang chủ tập tin CSSzalki_hover_img.css bạn đặt sai chỗ. Thường thì các tập tin CSS sẽ tải về trước các script do đó bạn phải để tất cả các file css này lên phía trên sau thẻ title

Hãy dời dòng này lên cho nó nằm sau thẻ title

<link rel="stylesheet" href="css/zalki_hover_img.css" type="text/css" media="screen">

(#57) -có cách thủ công nào để xóa cái dòng kẻ màu xám đó không thầy, em gửi hình cho thầy thấy
Học viên: Tu Long

Giáo viên trả lời:


Trong thẻ <tr class="KT_buttons"> có class KT_buttons bạn bỏ class này đi

(#56) -Chào Thầy ! Thầy ơi cho em hỏi có cách nào truyền 2 class vào trong 1 biến "echo" không thầy nhỉ ? Ví dụ : Ở đây em chỉ truyền đc 1 class= rtl thôi ,giờ em muốn truyền thêm 1 class "sub" vào nữa thì phải làm sao hả thầy? Như cái ví dụ trên em đã đưa: Giờ em thêm 1 class "sub" vào nữa: thì kết quả nó xuất ra là như thế này :
  • cái class rtl nó bị sub đá ra thầy ơi!
    Học viên: Designer Love

    • Giáo viên trả lời:

    Bạn dùng lệnh
    {echo 'class="sub rtl"';}

    (#55) -Chào Thầy ! Thầy ơi cho em hỏi có cách nào truyền 2 class vào trong 1 biến "echo" không thầy nhỉ ? Ví dụ : Ở đây em chỉ truyền đc 1 class= rtl thôi ,giờ em muốn truyền thêm 1 class "sub" vào nữa thì phải làm sao hả thầy? Em cảm ơn Thầy !
    Học viên: Designer Love

    Giáo viên trả lời:
    Trong một thuộc tính class ta muốn định dạng bao nhiêu class bên trong cũng được chỉ cần để cách nhau khoảng trắng là được.

    ví dụ: class="a b c" => class này có 3 class bên trong là class a, class b và class c

    (#49) -Chào thầy. Thầy cho em hỏi là sau này khi học đến phần làm web động với ngôn ngữ php thì ta sẽ code theo mô hình hướng đối tượng hay là chỉ thuần thử tục thôi ạ ?
    Học viên: dangcaoson

    Giáo viên trả lời:
    Viết bằng hướng đối tượng hết bạn, dùng toàn class hết bạn

    Hiện tại thì mấy tuần đầu php thì ta phải học qua cấu các trúc điều khiển cơ bản,các vòng lặp, các kỹ thuật và giải thuật viết code sau đó học cách viết hàm và truyên tham số cho hàm dạng tham biến và tham trị mà phần này sẽ sử dụng nhiều cho lập trình hướng đối tượng sau này đó bạn và phần căn bản quan trọng nhất là phải nắm vững được kiến thức về mảng 1 chiều và 2 chiều vì lên tới php nâng cao toàn dùng mảng không.

    (#43) -Trong bài học transform có 2 thuộc tính matrix và translate không thấy nói tới, em thấy translate tạo được hiệu ứng 3D và 2D thầy giải thích phần này dùm em
    Học viên: quanthai

    Giáo viên trả lời:
    translate là dùng để dịch chuyển đối tượng, torng các bài tập tôi có ví dụ các hiệu ứng như rotate,skewX, skewY, còn mấy cái khác thì các bạn cứ để tên hàm hày vào và thế giá trị vào thôi


    Đối với translate thì có 3 dạng
    + translate(x,y) =>Khi áp dụng thuộc tính này đối tượng sẽ dịch chuyển so với vị trí ban đầu theo chiều xác định (x,y) có nghĩa là đối tượng của ta sẽ dịch chuyển theo cả 2 trục x và y
    + translateX(n): thì chỉ dịch chuyển theo trục x thôi
    + translateY(n): thì chỉ dịch chuyển theo trục y

    Ví dụ trong tập tin layout1.css áp dụng vào phần khi di chuyển qua sản phẩm theo trục X

    .sanpham_box {
    float: left;
    /*height: 220px;*/
    width: 170px;
    margin-right: 9px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    border: 1px solid #AAEAFF;
    line-height:20px;
    /*padding-top: 10px;*/
    -webkit-box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    -moz-box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    transform:translateX(0px);
    -webkit-transform:translateX( 0px);
    -moz-transform:translateX(0px) ;
    }

    .sanpham_box:hover {
    float: left;
    /*height: 220px;*/
    width: 170px;
    margin-right: 9px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    border: 1px solid #AAEAFF;
    line-height:20px;
    /*padding-top: 10px;*/
    -webkit-box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    -moz-box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    transform:translateX(100px);
    -webkit-transform:translateX( 100px);
    -moz-transform:translateX( 100px);

    }


    thì sản phẩm sẽ dịch chuyển theo trục x , có nghĩa là nó lệch qua phải 100px, còn muốn dịch chuyển theo translate nào thì bạn để vào và truyền toạ độ vào cho nó thôi.

    =============
    Ví dụ trong tập tin layout1.css áp dụng vào phần khi di chuyển qua sản phẩm theo trục Y

    .sanpham_box {
    float: left;
    /*height: 220px;*/
    width: 170px;
    margin-right: 9px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    border: 1px solid #AAEAFF;
    line-height:20px;
    /*padding-top: 10px;*/
    -webkit-box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    -moz-box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    transform:translateY(0px);
    -webkit-transform:translateY( 0px);
    -moz-transform:translateY(0px) ;
    }

    .sanpham_box:hover {
    float: left;
    /*height: 220px;*/
    width: 170px;
    margin-right: 9px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    border: 1px solid #AAEAFF;
    line-height:20px;
    /*padding-top: 10px;*/
    -webkit-box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    -moz-box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    transform:translateY(100px);
    -webkit-transform:translateY( 100px);
    -moz-transform:translateY( 100px);

    }

    ============================== =====

    Còn định nghĩa như vậy thì nó dịch chuyển theo trục x và trục y luôn

    .sanpham_box {
    float: left;
    /*height: 220px;*/
    width: 170px;
    margin-right: 9px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    border: 1px solid #AAEAFF;
    line-height:20px;
    /*padding-top: 10px;*/
    -webkit-box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    -moz-box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    transform:translate(0px,0px);
    -webkit-transform:translate( 0px,0px);
    -moz-transform:translate(0px, 0px);
    }

    .sanpham_box:hover {
    float: left;
    /*height: 220px;*/
    width: 170px;
    margin-right: 9px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    border: 1px solid #AAEAFF;
    line-height:20px;
    /*padding-top: 10px;*/
    -webkit-box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    -moz-box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    transform:translate(100px, 120px);
    -webkit-transform:translate( 100px,120px);
    -moz-transform:translate( 100px,120px);

    }

    =================
    Cònmatrix(n,n,n,n,n,n):Xác định thay đổi theo ma trận 6 giá trị (bạn xem lại phần lý thuyết có nói cái này

    áp dụng thử

    .sanpham_box {
    float: left;
    /*height: 220px;*/
    width: 170px;
    margin-right: 9px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    border: 1px solid #AAEAFF;
    line-height:20px;
    /*padding-top: 10px;*/
    -webkit-box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    -moz-box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    }

    .sanpham_box:hover {
    float: left;
    /*height: 220px;*/
    width: 170px;
    margin-right: 9px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    border: 1px solid #AAEAFF;
    line-height:20px;
    /*padding-top: 10px;*/
    -webkit-box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    -moz-box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    box-shadow: 1px 1px 9px rgba(37, 63, 81, 0.64);
    transform:matrix(0.866,0.5,-0. 5,0.866,0,0); //truyền 6 giá trị vào đây
    -webkit-transform:matrix(0. 866,0.5,-0.5,0.866,0,0);
    -moz-transform:matrix(0.866,0. 5,-0.5,0.866,0,0);

    }

    ===================
    Các hàm ta dùng trong transform như :matrix(n,n,n,n,n,n),transla te(x,y),translateX(n),transl ateY(n),scale(x,y),scaleX(n) ,scaleY(n),rotate(angle),sk ew(x-angle,y-angle),skewX(ang le),skewY(angle) gọi là dạng hiệu ứng 2D

    Ngoài ra ta còn các hàm khác để tạo hiệu ứng dạng 3D như:matrix3d
    (n,n,n,n,n,n,n,n,n,n,n,n,n,n, n,n),translate3d(x,y,z),tran slateX(x),translateY(y),tran slateZ(z),scale3d(x,y,z),sca leX(x),scaleY(y),scaleZ(z), rotate3d(x,y,z,angle),rotateX (angle),rotateY(angle),rotat eZ(angle),perspective(n)

    (#54) -Thầy cho em hỏi làm thế nào để xem video tới lui được?
    Học viên: vuquocphong

    Giáo viên trả lời:
    Bạn nên dùng trình duyệt IE10 / IE 11 xem Video thì mới có chức năng kéo tới lui video được (chỉ kéo tới lui những đoạn video nào đã tải về rồi)

    (#58) -thầy ơi giúp em sữa cái giao diện trang admincp này nha
    Học viên: Tu Long

    Giáo viên trả lời:


    Trong section content hay div content của bạn hãy thêm thuộc tính clear="both" vào và nhớ trong phần div chứa menu cũng thêm vào thuộc tính này

    (#42) -cam on thay.e lam duoc roi a
    Học viên: huuhoang

    Giáo viên trả lời:
    OK, rất vui khi nghe được bạn làm xong bài này

    ...[Trang trước] ... 33 34 35 36 37