Hỏi - Đáp

Giáo viên trả lời:
Để hiện được hộp thoại này thì máy của Bạn phải có cài phần mềm gửi mail Outlook Express của Microsoft (nằm trong bộ Office) và trong chương trình mail này Bạn phải có khai báo cấu hình địa chỉ mail  và địa chỉ mail server của Bạn. Các thông số khai báo bôm gồm như:


Email: tenban@yourcompany.com
SMTP: mail.yourcompany.com
POP3:  mail.yourcompany.com

Giáo viên trả lời:
Nếu Bạn dùng chương trình khác Dreamweaver thì sẽ không có sẵn các Extension này, lúc này Bạn chỉ cần chèn các đoạn script này vào thôi vì tóm lại các đoạn này do DW phát sinh ra cũng là các đoạn script thôi, khi có script rồi thì ta copy đi đâu dùng cũng được cả. Khi học các bài phía sau nữa ta sẽ có nhiều LAB chỉ cách chèn các script vào trang web.

Giáo viên trả lời:
Tôi kiểm tra css của Bạn thấy bạn định nghĩa css bị trùng lắp 2 lần cho class .linkden nên nó không biết chạy link nào, hãy xoá đoạn bị trùng với lại chỗ font-size:12px phải để là 12px chứ không phải là 12. Hãy bỏ đoạn css từ dòng 104 -> 125 (đoạn này bị trùng với đoạn 280 -> 300)

Sửa lại đoạn css từ dòng 280 -> 300 (dùng 12px)
Loi css

loi css 2

Giáo viên trả lời:
Bạn xem lại phần viết chú thích trong tập tin CSS


/* cột trái */
.tintucmoi
{
width:670px;
background-color:#0FF
}

Lưu ý: sử dụng /*  Chú thích */ trong tập tin CSS
Không dùng chú ý <!--   Đây là chú thích trong HTML chứ không phải trong CSS -->

Giáo viên trả lời:
Phần viết code mấy loại này ta sẽ làm rất nhiều trong phần học Bootstrap.

Bạn xem phần viết code này trong Blog cũng có nhiều bài hướng dẫn http://hocwebgiare.com/blog-hocweb/Bootstrap.html

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


=================================================
Hãy sử dụng thêm thuộc tính này để sắp xếp

<div class="fb-comments" data-href="<?php echo $url ?><?php echo $_SERVER['REQUEST_URI'] ?>" data-width="100%" data-numposts="5" data-order-by="reverse_time">< /div>

Giáo viên trả lời:
Bạn xem lại phần viết code PHP. bắt đầu 1 đoạn code php sẽ là 


<?php 

PHP script viết trong này

?>

Cách viết này thường chỉ áp dụng khi dùng PHP version 4.x

<?

PHP script viết trong này

?>

Viết lại 2 đoạn này

<?php
$dientich ="";
if(isset($_GET['nut'])) {
$chieudai = $_GET['chieudai'];
$chieurong = $_GET['chieurong'];
$dientich = $chieudai * $chieurong;
}
?>

<input type="text" name="dientich" value="<?php echo $dientich ?>" size="30" readonly>

Giáo viên trả lời:
Do class .hcn bạn không định chiều rộng nên form nó sẽ bung ra đầy màn hình. Hãy thử thêm nền và độ rộng vào sẽ thấy rõ


.hcn {
text-align:center;
margin-left:auto;
margin-right:auto;
background-color:#BEECC2;
width:380px;
}

Các section bạn cũng không định chiều rộng đó nó sẽ lấy đại độ rộng.
Phần định nghĩa label bạn float qua bên trái nên cái nhã nó sẽ nằm về phía bên trái màn hình

label {
width:80px;
margin-top: 3px;
float:left;
padding:3px;
text-align:right;
}



Giáo viên trả lời:
Ta có thể dùng Triger để làm vấn đề này. Bạn xem video bài cập số lần xem một tin tức thì dựa vào cách làm này ta làm tương tự thôi.


Dạng gần giống như vầy $customTransaction->setSQL("UPDATE tintuc SET solandoc=solandoc+1 WHERE ID_tintuc={GET.id}");

Chỗ này bạn dùng if so sánh nếu đúng điều kiện thì cho chạy Trigger này thôi, còn câu lệnh SQL của Bạn muốn cập nhật gì thì viết lệnh SQL cho nó.

Giáo viên trả lời:
Trong phần chỉnh cho di động chưa thấy Bạn xử lý cho cái ảnh banner nên banner sẽ đẩy layout bung ra trên tất cả các màn hình di động.


Trong tất cả các màn hình di động thêm đoạn xử lý cho hình

.banner img{
width: 99%;
height: auto;
}

Giáo viên trả lời:
Tôi kiểm tra thấy đoạn code giao diện của bạn thiếu dấu nháy đôi => do đó nó bị sai cú pháp HTML5 nên nó văng luôn giao diện. Hãy thêm vào dấu nháy đôi cho đúng lại cú pháp thì sẽ đúng lại gaio diện


<section class="content">
<section class="content_left">w</section>
<aside class="content_right">y</aside>
</section>

=> chỗ class content để trong cặp nháy đôi nhé "content"

Giáo viên trả lời:
Menu Spry không hỗ trợ chuẩn Responsive do đó nó sẽ không co giãn theo màn hình.

Khi sử dụng menu này phải xem trang website ở độ phân giải từ 1024 trở lên.
Sau này học tới chương kỹ thuật Thiết kế web Responsive thì ta sẽ làm menu đáp ứng chuẩn RWD

Giáo viên trả lời:
Khi Bạn đổi giao diện thì các sự kiện hay các đoạn code lập trình trong các thẻ input củ không được phép bỏ thì nó mới chạy được. Giao diện bootstrap chỉ là các đoạn code tĩnh thôi trong khi trang do toolbox tạo ra là các trang web động.

Giáo viên trả lời:
Bạn có thể dùng hàm rand() để tạo số ngẫu nhiên và gán vào trường songaunhien cho mẫu tin cần thêm vào thôi. Có thê tạo input hidden và gán hàm này vào bên trong thuộc tính value.

Xem thêm cách dùng hàm này tại đây http://php.net/manual/en/function.rand.php

Giáo viên trả lời:
2 thuộc tính này bạn phải định nghĩa trong phần HTML tag


body
{
margin-top:0px;
margin-left:0px;
}

Giáo viên trả lời:
Do class tieudehethong bị bao quanh bởi class container, nên ta chỉnh padding-top:70px cho class container chứ không chỉnh margin-top của class tieudehethong

Giáo viên trả lời:
Đã email support, kiểm tra mail để test thử mẫu menu này.

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

<style>
#sticky
{
height: 50px;
width: 100%;
position: relative;
z-index:9999999;
}
</style>

<script type="text/javascript" src='jQuery/jquery-1.9.1.min. js'></script>

<script>
var $stickyHeight = 50;
var $padding = 0;
var $topOffset = 30;
var $footerHeight = 0;
/* <![CDATA[ */
function scrollSticky(){
if($(window).height() >= $stickyHeight) {
var aOffset = $('#sticky').offset();
if($(document).height() - $footerHeight -$padding < $(window).scrollTop() + $tickyHight) {
var $top = $(document).height() - $stickyHeight - $footerHeight - $padding - 0;
$('#sticky').attr('style', 'position:absolute; top:'+$top+'px;');

}else if($(window).scrollTop() + $padding > $topOffset) {
$('#sticky').attr('style', 'position:fixed; top:'+$padding+'px;');
}else{
$('#sticky').attr('style', 'position:relative;');
}
}
}
$(window).scroll(function(){
scrollSticky();
});
/*]]>*/
</script>

Thầy giúp em! Em cảm ơn Thầy! ^_^!



=============================================
Trong phần CSS chỗ thẻ style ta có định nghĩa 1 ID tên là sticky và có 1 đoạn Jquery định vị trí cho Sticky

Muôn menu chính Sticky thì dùng 1 thẻ div bao quanh section này với id="sticky"


<div id="sticky">
<section class="menuchinh">
<nav class="menungang">
<?php include("inc_menu.php"); ?>
</nav>
</section>
</div>

Giáo viên trả lời:
Bạn đang dùng thư viện Golden Form

<div class="golden-forms wrapper mini">

Trong lúc gọi Form nó có gọi class mini. Hãy bỏ class mini đi

<div class="golden-forms wrapper">


Mặc định độ rộng form nó chỉnh trong class này

.golden-forms.wrapper {
margin:0 auto;
background:#fff;
max-width:600px;
position:relative;
border-radius:5px;
border-bottom:1px solid #c4c4c4;
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.55);
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.55);
box-shadow:0 1px 5px rgba(0, 0, 0, 0.55)
}

Có thể chỉnh lại thông số max-width:100% trong tập tingolden-forms.scc

Giáo viên trả lời:
Sửa kích cỡ trong tập tinfont-awesome.min.css trong menu/css


.icon-home:before{content:"\ f015";font-size:3em;}

Phải tìm từng class đang dùng sửa lại.
Tốt nhất là trong màn hình nào đang chạy thì viết đè lại class này, sử dụng thêm thuộc tính !important để ưu tiên lấy thuộc tính sửa lại