Vuishopping.com đang trong quá trình hoàn thiện website, chia sẽ cho các bạn trên cộng đồng WMP code mà mình đang áp dụng cho hệ thống của mình

Code tạo quảng cáo ở góc trái phía trên màn hình

Các bạn add đoạn code sau vào thẻ Header/meta thay những phần mình in đậm

script type="text/javascript">// <![CDATA[
// Link anh
var pagearBigImg = 'https://lh5.googleusercontent.com/-t4eoUfEPavo/UKJSn-jbWrI/AAAAAAAAD9o/iKCapDODASg/s510/23723-w.jpg';
// link web khi click
var jumpTo = 'http://vuishopping.com';
// mau page
var pageearColor = 'FFFFFF';
// vi tri trai la : lt , vi tri phai la: rt
setDirection = 'lt';
// thoi gian tu dong  mo
var openOnLoad = 2;
// thoi gian tu dong dong
var closeOnLoad = 20;
// ]]></script>

Demo: sanphamnam.com

Có gì các bạn góp ý, đừng chém làm e nản nhé ()

minh làm nhu vau ma ko dc ban huong dan minh nhe

Code bị lỗi, mình không sữa lại được bài đăng

Bạn thêm đoạn code sau vào trước đoạn code phía trên là được:

</script>
<p> </p>
<

Báo cáo AD mình kg sữa được bài viết, đã báo lỗi

mình làm vậy cũng ko dc . bạn có thể gửi cho mọi người mot doan moi dươc ko

ban gui cho moi nguoi mot doan code hoan chinh duoc ko ?

cảm ơn bạn nhieu !

XIn lỗi mọi người nhé, do lỗi kg hiển thị cod nên mới vậy mình gởi lại nhé:

</script>
<p> </p>
<script type="text/javascript">// <![CDATA[
// Link anh
var pagearBigImg = 'https://lh5.googleusercontent.com/-t4eoUfEPavo/UKJSn-jbWrI/AAAAAAAAD9o/iKCapDODASg/s510/23723-w.jpg';
// link web khi click
var jumpTo = 'http://vuishopping.com';
// mau page
var pageearColor = 'FFFFFF';
// vi tri trai la : lt , vi tri phai la: rt
setDirection = 'lt';
// thoi gian tu dong  mo
var openOnLoad = 2;
// thoi gian tu dong dong
var closeOnLoad = 20;
// ]]></script>
<script type="text/javascript" src="http://vuishoppingbimattrai.googlecode.com/files/vuishopping.js">// <![CDATA[
// ]]></script>

ban co the chia se code quang cao phía dươi ben trai duoc ko

Code phần quảng cáo phía dưới bên phải:

Bạn thay phần in đậm theo ý mình

<style type="text/css">
* html div#fl813691 {position: absolute; overflow:hidden;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight)
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));}
#fl813691{font: 15px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; right:2px; bottom:0px; height:152px; }
#eb951855{ width:280px; padding-right:7px; background:url(http://2.bp.blogspot.com/--wwYEfFLp1k/UBveNA-ASmI/AAAAAAAAH_0/jRGY2DUaXHE/s1600/rightp.gif) no-repeat right top;}
#cob263512{background:url(http://3.bp.blogspot.com/-McOs59VXqZs/UBvddL7CJCI/AAAAAAAAH_g/pT8NYc38tps/s1600/fulld.gif) no-repeat left top; height:152px; padding-left:7px;}
#coh963846{color:#690;display:block; height:20px; line-height:20px; font-size:11px; width:277px;}
#coh963846 a{color:#690;text-decoration:none;}
#coc67178{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;}
#coc67178 li{display:inline;}
#coc67178 li a{background-image:url(http://4.bp.blogspot.com/-aXVgTv8GLVg/UBvdcbVjmGI/AAAAAAAAH_Y/sVCZg586S94/s1600/closebutton.gif); background-repeat:no-repeat; width:30px; height:0; padding-top:15px; overflow:hidden; float:left;}
#coc67178 li a.close{background-position: 0 0;}
#coc67178 li a.close:hover{background-position: 0 -15px;}
#coc67178 li a.min{background-position: -30px 0;}
#coc67178 li a.min:hover{background-position: -30px -15px;}
#coc67178 li a.max{background-position: -60px 0;}
#coc67178 li a.max:hover{background-position: -60px -15px;}
#co453569{display:block; margin:0; padding:0; height:123px; border-style:solid; border-width:1px; border-color:#111 #999 #999 #111; line-height:1.6em; overflow:hidden;}
</style>
<div id="fl813691" style="height: 152px;">
<div id="eb951855">
<div id="cob263512">
<div id="coh963846">
<ul id="coc67178">
<li id="pf204652hide"><a class="min" href="javascript:pf204652clickhide();" title="Ẩn đi">Ẩn</a></li>
<li id="pf204652show" style="display: none;"><a class="max" href="javascript:pf204652clickshow();" title="Hiện lại">Xem </a></li>
</ul>
 Tiêu đề hộp quảng cáo
<div id="co453569">
<!-- code ads -->
Nội dung của box 9 các bạn đưa hình chuẩn 270px x 120px (hoặc nội dung tùy thích)
<!-- code ads -->
</div>
</div></div></div>
<script>
pf204652bottomLayer = document.getElementById('fl813691');
var pf204652IntervalId = 0;
var pf204652maxHeight = 148;//Chieu cao khung quang cao
var pf204652minHeight = 20;
var pf204652curHeight = 0;
function pf204652show( ){
pf204652curHeight += 2;
if (pf204652curHeight > pf204652maxHeight){
clearInterval ( pf204652IntervalId );
}
pf204652bottomLayer.style.height = pf204652curHeight+'px';
}
function pf204652hide( ){
pf204652curHeight -= 3;
if (pf204652curHeight < pf204652minHeight){
clearInterval ( pf204652IntervalId );
}
pf204652bottomLayer.style.height = pf204652curHeight+'px';
}
pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
function pf204652clickhide(){
document.getElementById('pf204652hide').style.display='none';
document.getElementById('pf204652show').style.display='inline';
pf204652IntervalId = setInterval ( 'pf204652hide()', 5 );
}
function pf204652clickshow(){
document.getElementById('pf204652hide').style.display='inline';
document.getElementById('pf204652show').style.display='none';
pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
}
function pf204652clickclose(){
document.body.style.marginBottom = '0px';
pf204652bottomLayer.style.display = 'none';
}
</script>
<script type="text/javascript">
var showHeader=false;
function ShowHideNav()
{showHeader=!showHeader;
var nav=document.getElementById("navbar-iframe");
if (showHeader)
{nav.style.visibility="visible";
nav.style.display="block";}
else
{nav.style.visibility="hidden";
nav.style.display="none";}
}
</script>

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

cam on ban rat nhieu

ban cho minh hoi lam sao có thể cho anh cào

ban cho minh hoi lam sao có thể cho anh vào

Rất dể bạn có thể chèn code sau vào phần nội dung rồi  thay đổi phần in đậm:

<p><a href="Link bạn muốn chuyển đến khi click vào hình" target="_blank"><img style="float: none;" src="Đây là link hình" alt="" width="270 height="120" /></a></p>

Bạn lưu ý phần hình ảnh cấu hình chuẩn là 270 x 120

Chia sẽ các bạn thêm chức năng làm mờ hoặc rõ ảnh khi rê chuột vào:

Chèn đoạn code sau vào nơi muốn đặt ảnh:

<a href="link liên kết"><img
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" style="opacity:0.4;filter:alpha(opacity=40)" src="Link ảnh"/>
</a>

Demo:

Nhìn cho bớt căng thẳng khi làm code nha:

có thể lấy ảnh chụp từ máy ảnh vào ko

Được nhưng bạn phải sữa lại kích thước, sau đó add lên web để lấy link

ban huong dẫn mình add lên web để lấy link

mình chua lam lần nao giup minh nhe

Ban thấy biểu tượng jpg trên chổ soạn thảo văn bản này không?

Bạn bấm vào biểu tượng, hiện ra 1 khung để bạn upload ảnh lên, bấm vào nút browse -> chọn hình muốn up -> bấm nút upload. sẽ thấy hiện tấm hình phía bên phải.

Bấm vào tấm hình -> nhìn vào dòng thứ 2 chổ nút upload sẽ thấy link hình (url tuyệt đối) -> chép link rồi hoàn tất phần việc còn lại

mình làm được rồi cám ơn bạn nhé

ah vậy muốn cho nhiều ảnh vào đó thì làm thế nào

Bạn tìm code tạo Slide ảnh, trên WMP có nhiều bạn share rồi

cho mình xin code khi rê chuột vào hình zoom lớn ra được k. Thanks

code khi rê chuột vào hình zoom lớn

Code này gồm 2 phần các bạn lưu ý

Phần 1 các bạn add vào header/meta

<style type="text/css"> .hovergallery img{ -webkit-transform:scale(1); /*Webkit: Scale down image to 0.8x original size*/ -moz-transform:scale(1); /*Mozilla scale version*/ -o-transform:scale(0.8); /*Opera scale version*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ opacity: 0.3; /*initial opacity of images*/ margin: 0 10px 5px 0; /*margin between images*/ } .hovergallery img:hover{ -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.5x original size*/ -moz-transform:scale(1.5); /*Mozilla scale version*/ -o-transform:scale(1.5); /*Opera scale version*/ box-shadow:0px 0px 30px pink; /*CSS3 shadow: 30px blurred shadow all around image*/ -webkit-box-shadow:0px 0px 30px pink; /*Safari shadow version*/ -moz-box-shadow:0px 0px 30px pink; /*Mozilla shadow version*/ opacity: 1; } </style>

Phần 2 các bạn add vào nơi muốn đặt hình (sữa thay phần in đậm: link khi click vào hình và phần link hình ảnh)

<div class="hovergallery" style="text-align: left;">&nbsp;&nbsp;&nbsp; <br /><a href="vuishopping.com" target="_blank"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://lh6.googleusercontent.com/-d7EKYgmYftc/UJvhdhBAXnI/AAAAAAAAD1g/ZquCN6skr0g/s460/23820-1366x768.jpg" alt="" width="272" height="153" /></a></div>

chúc các bạn thành công

Thanks bạn, mình làm được rồi !

Tạo công cụ tìm kiếm riêng cho web của bạn: mình cung cấp cho bạn 3 cách tạo công cụ tìm kiếm riêng cho web của bạn

Cách 1:

<form action="http://www.google.com/search" method="get" target="_blank"><div style="border: 0px solid #ccc; padding: 4px; width: 20em;">
<table border="0" cellpadding="0">
<tbody><tr><td>
<input style="width: 120px;"maxlength="255" value="" name="q" size="25" type="text"/>
<input value="Tìm Kiếm" type="submit"/></td></tr>
<tr><td align="left">
<input checked="checked" value="Tên website của bạn" name="sitesearch" type="checkbox"/> Chỉ tìm kiếm ở Blog này</td></tr></tbody></table></div></form>

Cách 2:

Bạn vào CSE của Google để đăng ký cho mình 1 thang công cụ tìm kiếm riêng nhé:

Demo

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

Tạo nút về đầu trang (ẩn khi đang ở đầu trang)

Bạn chỉ cần add đoạn code sau vào footer, sau đó thay hình ảnh nút đầu trang cho thật Pro nhé:

<style>#top_forum{background: url(Link nút về đầu trang) no-repeat}#top_forum:hover{background: url(Link nút về đầu trang) no-repeat}#toppage {no-repeat scroll 0%0% transparent; position: fixed; bottom: 30px; left:9px ;cursor: pointer; display: block; opacity: 20;}</style><a href="#" id="toppage"><div style="width:150px;height:50px" id="top_forum"></div></a><script type="text/javascript">$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});$(function() {$("#toppage").scrollToTop();});</script>
    </footer><!-- #colophon -->

Lưu ý:

left: 9px (cách trái 9px) - nếu bạn muốn nút nằm bên phải thì thay bằng right: 9px (ví dụ nhé vì vị trí phụ thuộc vào định dạng của web mỗi bạn khác nhau)

bottom: 30px (cách đáy bao nhiêu- tùy chỉnh)

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

Demo

Code tạo Slide trình chiếu theo Demo dưới đây:

Các bạn add đoạn code sau vào nơi muốn đặt và thay thông số về hình ảnh, link và đừng quên độ rộng và chiều cao của hình ảnh:

<embed type="application/x-shockwave-flash" allowscriptaccess="never" src="http://dl.dropbox.com/u/86797237/nethoabinh_slide.swf" flashvars="config=3&bcastr_flie=https://lh5.googleusercontent.com/-EQZtZw1x878/UIeKUdtwAEI/AAAAAAAACso/aR_664ENW4k/s270/Zero.jpg|https://lh5.googleusercontent.com/-gS9AOM9loAY/UIeKTg73bTI/AAAAAAAACsg/rxR6Fjji4Go/s270/Vp-rx.jpg|https://lh3.googleusercontent.com/-seIR49hYAzU/UIeKTVLSoFI/AAAAAAAACsY/kL5hCqUtscg/s270/Perfect%2520woman.jpg|https://lh5.googleusercontent.com/-jhbmyuWXI1k/UIePtkDnp6I/AAAAAAAACtQ/nduWlQlYTr8/s270/Breast%2520success.jpg|https://lh6.googleusercontent.com/-lFv-xQR-NJE/UIep7E2SkJI/AAAAAAAACuc/7I5W7Xyu33s/s270/Best%2520slim.jpg|https://lh5.googleusercontent.com/-j54HBVBiABc/UIlTf-XobDI/AAAAAAAACwY/2Ff1bGPXx4c/s270/sua%2520ong%2520chua.jpg|https://lh5.googleusercontent.com/-z2FkW5bMWCk/UJCX_bebMgI/AAAAAAAADAc/fmhaFzq8T3A/s270/Supervira.jpg&bcastr_link=http://vuishopping.com/ct/chi-tiet/153/zero-nicotine-giam-gia-zero-nicotine-khuyen-mai-zero-nicotine-gia-re.html|http://vuishopping.com/ct/chi-tiet/150/virility-pills-vp-rx-gia-re-vp-rx-giam-gia-vp-rx-khuyen-mai.html|http://vuishopping.com/ct/chi-tiet/230/perfect-woman-giam-gia-gia-re-3-tang-1-5-tang-2.html|http://vuishopping.com/ct/chi-tiet/232/breast-success-giam-gia-gia-re-khuyen-mai-3-hop.html|http://vuishopping.com/ct/chi-tiet/238/best-slim-san-pham-giam-can-hien-ban-chay-nhat-tai-my-3-hop-voi-tong-gia-tri-2-550-000d.html|http://vuishopping.com/ct/chi-tiet/241/sua-ong-chua-63-1-khuyen-mai-mua-10-hop-tang-1-hop-mien-phi.html|http://vuishopping.com/ct/chi-tiet/295/supervira-thuoc-tang-cuong-sinh-luc-tu-thien-nhien-cho-nam-gioi-mua-2-hop-chi-co-2-200-000d.html"wmode="transparent" height="120" width="270" /><p style="text-align:center;top:0 "></p>

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

cái slide mình của bạn đó.. mình chỉ chèn có 4 hình thôi bạn ạ.. nhưng khi chạy hết 3 hình nó không lặp lại nữa.. mà nó dừng ở hình thứ 3 luôn.. bạn chỉ cho mình cách khắc phục với nhé..

bạn cho mình hỏi khi mình muốn click vào ảnh trong slide đó mà nó thay thế trang hiện tại thì làm ntn hả bạn.. chứ code này nó lại mở sang một tab mới nên hơi bất tiện bạn ạ.. thank bạn

Mình sữa lại cái code, vì cái trên mình bôi phần màu đỏ nhầm luôn sang phần flash, bạn chỉ cần thay hình và link (bao nhiêu hình thì bấy nhiêu link)

<embed type="application/x-shockwave-flash" allowscriptaccess="never" src="http://dl.dropbox.com/u/86797237/nethoabinh_slide.swf" flashvars="config=3&bcastr_flie=https://lh5.googleusercontent.com/-EQZtZw1x878/UIeKUdtwAEI/AAAAAAAACso/aR_664ENW4k/s270/Zero.jpg|https://lh5.googleusercontent.com/-gS9AOM9loAY/UIeKTg73bTI/AAAAAAAACsg/rxR6Fjji4Go/s270/Vp-rx.jpg|https://lh3.googleusercontent.com/-seIR49hYAzU/UIeKTVLSoFI/AAAAAAAACsY/kL5hCqUtscg/s270/Perfect%2520woman.jpg|https://lh5.googleusercontent.com/-jhbmyuWXI1k/UIePtkDnp6I/AAAAAAAACtQ/nduWlQlYTr8/s270/Breast%2520success.jpg|https://lh6.googleusercontent.com/-lFv-xQR-NJE/UIep7E2SkJI/AAAAAAAACuc/7I5W7Xyu33s/s270/Best%2520slim.jpg|https://lh5.googleusercontent.com/-j54HBVBiABc/UIlTf-XobDI/AAAAAAAACwY/2Ff1bGPXx4c/s270/sua%2520ong%2520chua.jpg|https://lh5.googleusercontent.com/-z2FkW5bMWCk/UJCX_bebMgI/AAAAAAAADAc/fmhaFzq8T3A/s270/Supervira.jpg&bcastr_link=http://vuishopping.com/ct/chi-tiet/153/zero-nicotine-giam-gia-zero-nicotine-khuyen-mai-zero-nicotine-gia-re.html|http://vuishopping.com/ct/chi-tiet/150/virility-pills-vp-rx-gia-re-vp-rx-giam-gia-vp-rx-khuyen-mai.html|http://vuishopping.com/ct/chi-tiet/230/perfect-woman-giam-gia-gia-re-3-tang-1-5-tang-2.html|http://vuishopping.com/ct/chi-tiet/232/breast-success-giam-gia-gia-re-khuyen-mai-3-hop.html|http://vuishopping.com/ct/chi-tiet/238/best-slim-san-pham-giam-can-hien-ban-chay-nhat-tai-my-3-hop-voi-tong-gia-tri-2-550-000d.html|http://vuishopping.com/ct/chi-tiet/241/sua-ong-chua-63-1-khuyen-mai-mua-10-hop-tang-1-hop-mien-phi.html|http://vuishopping.com/ct/chi-tiet/295/supervira-thuoc-tang-cuong-sinh-luc-tu-thien-nhien-cho-nam-gioi-mua-2-hop-chi-co-2-200-000d.html"wmode="transparent" height="120" width="270" /><p style="text-align:center;top:0 "></p>

Còn phần link chuyển sang tab khác thì cái này nó mặc định trong file flash luôn rồi bạn

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

share code mục liên hệ đặt hàng đi bạn .. thank bạn nhiều

bạn thaihoctgdd nói rõ cho mình biết phần nào được không?

Bác chủ top ơi cái này làm thế nào ạ; xin bác chủ chỉ dẫn. Cảm ơn bác

Phần này gọi là thanh Navar luôn hiển thị và vị trí thì mìh tùy thích muốn đặt phía trên hoặc dưới tùy chỉnh:

COde bao gồm 2 phần:

Phần 1 các bạn chép vào CSS

div.fixed-navbar {
background-color: #ccc;
color: #000;
font: bold 13px "Trebuchet MS", Verdana, Arial, sans-serif;
position: fixed; top: 0; left: 0;
text-align: left;
width: 100%;
border: 2px #00f solid;
}
div.fixed-navbar a:hover {
color: #00f;
}

- đọc hiểu code:
+ background-color: #ccc; : màu nền của thanh navbar, nếu bạn dùng ảnh nền thì đổi code lại thành background: #ccc url(link ảnh) ;
+ position: fixed; top: 0; left: 0; : code xác định vị trí hiển thị của thanh navbar trên blog. Thuộc tính fixed là để cho thanh cố định khi di ta di chuyển chuột. còn thuộc tính left top dùng để xác định vị trí , nếu các bạn muốn đặt phía dưới thì thay top bằng bottom:0
+ width: 100%; : độ rộng của thanh Navbar
+ border: 2px #00f solid; tạo đường bo cho thanh navbar, nếu bạn không thích thì cứ bỏ nó đi.

Phần code thứ 2 các bạn chép vào Footer cho mình nhé:

fixed-navbar">
nội dung mà bạn muốn hiển thị trên thanh navbar

Giải thích:

phần nội dung các bạn có thể soạn thảo phía bên ngoài ( các bạn có thể vào phần bài viết rồi soạn thảo) sao đó các bạn nhấn vào html để lấy code -> sao đó dán vào phần nội dung hiển thị thì các bạn sẽ được nội dung trên thanh navar:

Sau đây là code mẫu phần nội dung mình làm trên vuishopping các bạn có thể tham khảo:

<div class="fixed-navbar">
<table style="width: 1050x; height: 17px;" border="0" rules="none" cellpadding="3" align="center">
<thead>
<tr align="center" valign="middle">
<td align="center" valign="middle"><strong><img src="files/assets/Iconnho/home.png" alt="" align="absmiddle" />  <a href="#">Trang chủ</a></strong></td>
<td align="center" valign="middle"><strong><img src="files/assets/Iconnho/oder.png" alt="" align="absmiddle"/>  <a  href="bvct/chi-tiet/10/huong-dan-dat-hang-tai-www-vuishopping-com.html">Hướng dẫn cách mua hàng</a></strong></td>
<td align="center" valign="middle"><strong><img src="files/assets/Iconnho/pay.png" alt="" align="absmiddle" />  <a  href="bv/danh-sach/2/thanh-toan-va-giao-hang.html">Thanh toán & giao hàng</a></strong></td>
<td align="center" valign="middle"><strong><img src="files/assets/Iconnho/sale.png" alt="" align="absmiddle" />  <a  href="sp/danh-sach/38/v=0/giam-gia-moi-ngay.html">Đang Giảm giá</a></strong></td>
<td align="center" valign="middle"><strong><img src="files/assets/Iconnho/search.png" alt="" align="absmiddle" />  <a  href="bvct/chi-tiet/201/tim-kiem-thong-tin-tren-vuishopping-com.html">Tìm kiếm</a></strong></td>
<td align="center" valign="middle">
<div align="center"><strong><a href="ymsgr:sendim?xuanthanh1410&m=Chào%20www.vuishopping.com,%20Mình%20cần%20tư%20vấn%20về%20sản%20phẩm"> <img src="http://opi.yahoo.com/online?u=xuanthanh1410&m=g&t=0" alt="Ho tro truc tuyen" width="15" height="15" align="absmiddle" border="0" /></a>  <a  href="ymsgr:sendim?xuanthanh1410&m=Chào%20www.vuishopping.com,%20Mình%20cần%20tư%20vấn%20về%20sản%20phẩm">Tư vấn Online</a></strong></div>
</td>
<td align="center" valign="middle">
<div align="center"><strong><a href="ymsgr:sendim?thuha060708&m=Chào%20www.vuishopping.com!%20Mình%20là%20nữ,%20mình%20cần%20tư%20vấn%20về%20sản%20phẩm%20dành%20cho%20Phụ%20nữ"> <img src="http://opi.yahoo.com/online?u=thuha060708&m=g&t=0" alt="Ho tro truc tuyen" width="15" height="15" align="absmiddle" border="0" /></a>  <a href="ymsgr:sendim?thuha060708&m=Chào%20www.vuishopping.com!%20Mình%20là%20nữ,%20mình%20cần%20tư%20vấn%20về%20sản%20phẩm%20dành%20cho%20Phụ%20nữ">Tư vấn làm đẹp </a></strong></a></div>
</td>
<td align="center" valign="middle"><strong><a href="ymsgr:sendim?xuanthanh1410&m=Chào%20www.vuishopping.com,%20Mình%20cần%20tư%20vấn%20Phương%20thức%20mua%20hàng%20và%20thanh%20toán"> <img src="http://opi.yahoo.com/online?u=xuanthanh1410&m=g&t=0" alt="Ho tro truc tuyen" width="15" height="15" align="absmiddle" border="0" /></a>  <a  href="ymsgr:sendim?xuanthanh1410&m=Chào%20www.vuishopping.com,%20Mình%20cần%20tư%20vấn%20Phương%20thức%20mua%20hàng%20và%20thanh%20toán">Hướng dẫn mua hàng</a></strong></td>
</tr>
</thead>
</table>
</div>

trong phần code mẫu này có cả phần gán icon của yahoo messager các bạn lưu ý nhé

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

Cảm ơn bạn.

Bạn có thể chỉ mình làm sao có thể đóng khung quảng cáo phía dưới bên phải giống như web của bạn

Code phần quảng cáo phía dưới bên phải:

Bạn thay phần in đậm theo ý mình

<style type="text/css">
* html div#fl813691 {position: absolute; overflow:hidden;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight)
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));}
#fl813691{font: 15px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; right:2px; bottom:0px; height:152px; }
#eb951855{ width:280px; padding-right:7px; background:url(http://2.bp.blogspot.com/--wwYEfFLp1k/UBveNA-ASmI/AAAAAAAAH_0/jRGY2DUaXHE/s1600/rightp.gif) no-repeat right top;}
#cob263512{background:url(http://3.bp.blogspot.com/-McOs59VXqZs/UBvddL7CJCI/AAAAAAAAH_g/pT8NYc38tps/s1600/fulld.gif) no-repeat left top; height:152px; padding-left:7px;}
#coh963846{color:#690;display:block; height:20px; line-height:20px; font-size:11px; width:277px;}
#coh963846 a{color:#690;text-decoration:none;}
#coc67178{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;}
#coc67178 li{display:inline;}
#coc67178 li a{background-image:url(http://4.bp.blogspot.com/-aXVgTv8GLVg/UBvdcbVjmGI/AAAAAAAAH_Y/sVCZg586S94/s1600/closebutton.gif); background-repeat:no-repeat; width:30px; height:0; padding-top:15px; overflow:hidden; float:left;}
#coc67178 li a.close{background-position: 0 0;}
#coc67178 li a.close:hover{background-position: 0 -15px;}
#coc67178 li a.min{background-position: -30px 0;}
#coc67178 li a.min:hover{background-position: -30px -15px;}
#coc67178 li a.max{background-position: -60px 0;}
#coc67178 li a.max:hover{background-position: -60px -15px;}
#co453569{display:block; margin:0; padding:0; height:123px; border-style:solid; border-width:1px; border-color:#111 #999 #999 #111; line-height:1.6em; overflow:hidden;}
</style>
<div id="fl813691" style="height: 152px;">
<div id="eb951855">
<div id="cob263512">
<div id="coh963846">
<ul id="coc67178">
<li id="pf204652hide"><a class="min" href="javascript:pf204652clickhide();" title="Ẩn đi">Ẩn</a></li>
<li id="pf204652show" style="display: none;"><a class="max" href="javascript:pf204652clickshow();" title="Hiện lại">Xem </a></li>
</ul>
 Tiêu đề hộp quảng cáo
<div id="co453569">
<!-- code ads -->
Nội dung của box 9 các bạn đưa hình chuẩn 270px x 120px (hoặc nội dung tùy thích)
<!-- code ads -->
</div>
</div></div></div>
<script>
pf204652bottomLayer = document.getElementById('fl813691');
var pf204652IntervalId = 0;
var pf204652maxHeight = 148;//Chieu cao khung quang cao
var pf204652minHeight = 20;
var pf204652curHeight = 0;
function pf204652show( ){
pf204652curHeight += 2;
if (pf204652curHeight > pf204652maxHeight){
clearInterval ( pf204652IntervalId );
}
pf204652bottomLayer.style.height = pf204652curHeight+'px';
}
function pf204652hide( ){
pf204652curHeight -= 3;
if (pf204652curHeight < pf204652minHeight){
clearInterval ( pf204652IntervalId );
}
pf204652bottomLayer.style.height = pf204652curHeight+'px';
}
pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
function pf204652clickhide(){
document.getElementById('pf204652hide').style.display='none';
document.getElementById('pf204652show').style.display='inline';
pf204652IntervalId = setInterval ( 'pf204652hide()', 5 );
}
function pf204652clickshow(){
document.getElementById('pf204652hide').style.display='inline';
document.getElementById('pf204652show').style.display='none';
pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
}
function pf204652clickclose(){
document.body.style.marginBottom = '0px';
pf204652bottomLayer.style.display = 'none';
}
</script>
<script type="text/javascript">
var showHeader=false;
function ShowHideNav()
{showHeader=!showHeader;
var nav=document.getElementById("navbar-iframe");
if (showHeader)
{nav.style.visibility="visible";
nav.style.display="block";}
else
{nav.style.visibility="hidden";
nav.style.display="none";}
}
</script>

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

Gồm 2 bước bạn lưu ý"

1. Bạn chép toàn bộ code trên vào phần footer.

2. Còn phần slide trình chiếu thì bạn cứ chép toàn bộ code phía trên mình đã share đưa vào phần nội dung quảng cáo là được.

chúc bạn thành công

Hiện Ad không cho sữa phần tin trên bài viết, cho nên phần share thanh Navar các bạn thật sự lưu ý: vì hiện nay các gói miễn phí bạn bạn không nên dùng vì sẽ che mất phần thanh tool của WMP, sẽ vi phạm nội quy Ad đưa ra là che quảng cáo.

Cho nên mình khuyến cáo chỉ sử dụng cho các gói Pro thôi, chứ kg bị khóa tài khoản mình lại là có lỗi.

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

bạn cho mình hỏi thêm về cái thank nava được ko bạn.. sao mình làm như bạn nói không được vậy. 1 cái là chèn vào css tùy chỉnh đúng ko.. còn cái thứ 2 là chèn vào footer bạn nhỉ.. mình làm hoài không được như bạn.. tiện thể bạn gửi cho mình cái code mình muốn nó nằm ở phía dưới cùng trang web bạn nhe.. thank bạn nhiều

bạn chia sẻ cái code đặt hàng ở dưới cùng web đi bạn... hình màu xanh màu đỏ đó bạn.. thank bạn nhiều.  

Phần này bạn add code sau vào footer, sau đó có thể thiết kế lại hình anh cho đẹp hơn nhé:

<div style="display:block;position:fixed; bottom:0; left: 200px; width:0%;text-align:center;line-height:0;z-index:998; height:51px;">
<img src="http://www.vuishopping.com/files/assets/Icon/dien_thoai_ho_tro.png" alt=">
</div>

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

bạn ơi  sao mấy cái code của bạn mình chèn không vào được vậy bạn.. nó chẳng hiện thị gì cả

Bạn phải đọc kỹ code, vì trong đó có những link hình từ web của mình cho nên khi chép sang web khác nó không hiện lên, bạn phải thay bằng hình khác thì nó mới hiện bạn nhé.

Bạn cố gắng xem kỹ code những phần mình in đậm cần thay thì bạn phải làm đúng mới hiệu quả. ví dụ link hình bên dưới

<div style="display:block;position:fixed; bottom:0; left: 200px; width:0%;text-align:center;line-height:0;z-index:998; height:51px;">
<img src="http://www.vuishopping.com/files/assets/Icon/dien_thoai_ho_tro.png" alt=" ">
</div>

chúc bạn thàh công

chúc bác vuishopping giáng sinh vui vẻ nhé. code và lòng nhiệt tình của bác quả là làm minh hâm mộ.

tiện đây mình hỏi bác làm sao mà làm được tầng tâng lớp lớp menu đổ rất chuyên nghiệp như quân nguyên mông vậy có thể chia sẻ cách làm menu kiểu đó được không bác. và nếu mình có thể thay menu theo ý đồ tk riêng của mình thì tốt quá. chắc là rất khó nhưng cứ hỏi đại vậy mong là cách làm đó dễ làm với người dốt code như mình. thank bác chúc vuishopping luôn đắt hàng.

mình vẫn không làm được bạn ạ.. mình đã làm như bạn nói và chèn đúng vào footer nhưng vẫn không hiển thị

code : 

<div style="display:block;position:fixed; bottom:0; left: 200px; width:0%;text-align:center;line-height:0;z-index:998; height:51px;">
<img src="http://dongholuis.com/files/assets/dien_thoai_ho_tro_luis.png" alt="></div>

web mình là   http://dongholuis.com

thank bạn

mình làm được mà bạn! có thể bạn bị trùng code chăng!

trong cái thẻ footer đó mình chỉ có một code facebook và một code này thôi mà... nên chắc không trùng đâu.. chẳng hiểu sao ko được.. nảnn quá 

mình làm được rồi nhé.. gỡ hết code cũ và thay đổi thứ tự là được.. thank vuishopping nhé

2 đồng chí không biết gì chỉ cho nhau vậy? bạn làm thí nghiệm luôn đi- xóa back up này - xóa hết phần foot này- up hình png qua một hot khác"photobuket chẳng hạn, rồi điền code lên phần head-nói chung là xoay lung tung nhiều hướng để nó đạt được ý mình rồi phát hiện nó lỗi ở đâu chứ- bạn đã chuyển ip của web qua ip mới chưa? rồi xóa png bị trùng tên trong web nữa... mình không thích cái này lắm vì nó chiếm diện tích web .không có cũng không sao.chỉ thích mấy cái menu đổ của bác vuishopping mà đang chờ bác ấy lên đây.

trời ơi mình chỉ mà bác lại thank bác vuishop hic hic!

Mấy bữa nay có việc nhà nên không len web được, thanks các bạn đã ủng hộ.

Lúc đầu mình cũng như các bạn không biết gì cả như con số 0, nhờ wmp và các bạn lên diễn đàn mà mình cũng hiểu được đôi chút mặc dù không chuyên nghiệp.

Các ban trước khi áp dụng code cho web mình, nên back up trước để khỏi bị xóa nhầm nhé. sau đó thử code và nên xem nội dung một số trang để xem có bị xáo trộn gì khôg? vì có thể bị trùng code hoặc code ảnh hưởng 1 số thẻ hoặc một số mặc định của wmp.

Bạn dieukhaclonganh cho mình biết menu mà bạn nói nằm ở phần nào được không, để mình xem có thể chia sẽ được không? vì hiện có 1 số code mình sữa lại cho web mình nên chắc chắn khi đưa qua web các bạn sẽ không áp dụng được hoặc sẽ thay đổi cấu  trúc web của bạn và bạn sẽ mất khá nhiều thời gian để mò đó (hii vì mình bị rồi).

Bạn dieukhaclonganh làm web rất đẹp và chuyên nghiệp đúng tiêu chuẩn đơn giản mà hiệu quả, tuy nhiên mình khuyên bạn nên up lên gói Pro để web thêm hoàn hảo hơn bạn nhé (web đẹp mà miễn phí cũng hơi phí)

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

trời em quên... thì bây giờ thank luôn bác dieukhaclonganh đây.. heeee

bác luis8668 và bác vuishopping cũng làm web chuyên nghiệp mà.

mình thấy webmienphi rất chuyên nghiệp.mình đang bận tk xong mình sẽ up gói pro của pro ấy chứ hi hi. chứ để logo webmienphi xấu web quá" nói nhỏ không admin buồn"

Bác vuishopping ơi, bác có thể chia sẽ cách để làm cái hình ảnh kéo dài ra khi rê chuột vào như trong web của bác ko ạ, em rất thích hiệu ứng ấy ^^

Bác  vuishopping ơi.. bác có code ảnh chuyển động như trang này ko bác http://www.delight.com.vn/  cảm ơn bác nhiều

Slide này không hay đâu bạn, vì nó chỉ chạy tự động qua một lượt rồi không tự động quay lại, mình có code hay hơn nhưng lâu rồi để mình tìm lại xem sao: bạn có thể xem demo tại web chính của mình www.sieuthithucphamchucnang.com

bạn vào trang sản phẩm ở cuối trang (nó chạy kg được nhiều vì mình để ít banner quảng cáo, nếu nhiều nó sẽ chạy qua hết rồi lại chạy ngược lại)

mình không thấy bác ạ.. nếu bác có cái code trên cho mình cũng được nhe.. à mà cái chức năng này là code hả bác.. bác chia sẻ được ko http://nt9.upanh.com/b2.s32.d1/f1ea76adf2ca21196cff6024badf0779_52345349.untitled.png

à mình thấy cái code đó rồi.. bác chia sẻ đi.. nó khá giống với code mình cần đó.. cảm ơn bác nhiều nhé

up lên đầu và cùng chờ code của bác Vuishopping nào!!!

Thanks các bạn đã ủng hộ cho mình, mấy ngày nay mình bận quá nên chưa có thời gian lục lại. nay kiếm được rồi nên lên up ngay cho các bạn:

các bạn lưu ý phần code có 2 phần:

Phần 1: add vào css

.rollBox{width:620px;overflow:hidden;margin:0 auto;}
.rollBox .Cont{width:620px;overflow:hidden;margin:0 auto;padding-top:20px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:130px;float:left;text-align:center;padding-right:20px;}
*+html .rollBox .Cont .pic{width:130px;float:left;text-align:center;padding-right:30px;}
.rollBox .Cont .pic img{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;}
.rollBox .Cont .pic p{line-height:26px;color:#505050;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}

Các bạn có thể sữa lại cấu hình chiều rộng hoặc cao theo web của mình ( nhưng nhớ là back up web trước nhé sau đó test đầy đủ rồi hãy sử dụng)

Phần 2: các bạn chèn vào nên cần đặt slide nhé:

Lưu ý các phần sau:

Màu đỏ là link hình nút chuyển hướng qua trái hoặc phải, các bạn có thể thiết kế lại cho đẹp và up lên web lấy link chèn vào nhé

Màu xanh là link web tùy chỉnh cho từng hình ảnh

và link hình ảnh kèm theo

<div class="rollBox"><img class="img1" onmousedown="ISL_GoDown()" onmouseup="ISL_StopDown()" onmouseout="ISL_StopDown()" src="http://www.sanphamnam.com/files/assets/Linkngoai/shqm_left_pic.gif" alt="" width="12" height="31" />
<div id="ISL_Cont" class="Cont">
<div class="ScrCont">
<div id="List1"><!-- B?t ??u -->
<div class="pic"><a href="link web" target="_blank"><img src="Link h&igrave;nh" alt="" width="130" height="95" /></a></div>
<div class="pic"><a href="link web" target="_blank"><img src="Link h&igrave;nh" alt="" width="130" height="95" /></a></div>
<div class="pic"><a href="link web" target="_blank"><img src="Link h&igrave;nh" alt="" width="130" height="95" /></a></div>
<div class="pic"><a href="link web" target="_blank"><img src="Link h&igrave;nh" alt="" width="130" height="95" /></a></div>
<div class="pic"><a href="link web" target="_blank"><img src="Link h&igrave;nh" alt="" width="130" height="95" /></a></div>
<div class="pic"><a href="link web" target="_blank"><img src="Link h&igrave;nh" alt="" width="130" height="95" /></a></div>
<div class="pic"><a href="link web" target="_blank"><img src="Link h&igrave;nh" alt="" width="130" height="95" /></a></div>
<div class="pic"><a href="link web" target="_blank"><img src="Link h&igrave;nh" alt="" width="130" height="95" /></a></div>
<div class="pic"><a href="link web" target="_blank"><img src="Link h&igrave;nh" alt="" width="130" height="95" /></a></div>
<div class="pic"><a href="link web" target="_blank"><img src="Link h&igrave;nh" alt="" width="130" height="95" /></a></div>
<!-- K?t th?c --></div>
<div id="List2">&nbsp;</div>
</div>
</div>
<img class="img2" onmousedown="ISL_GoUp()" onmouseup="ISL_StopUp()" onmouseout="ISL_StopUp()" src="http://www.sanphamnam.com/files/assets/Linkngoai/shqm_right_pic.gif" alt="" width="12" height="31" /></div>
<script type="mce-text/javascript" language="javascript">// <![CDATA[
//--><![CDATA[//><!--
var Speed = 10; //
var Space = 10; //
var PageWidth = 160; //
var fill = 0; //
var MoveLock = false;
var MoveTimeObj;
var Comp = 0;
var AutoPlayObj = null;
GetObj("List2").innerHTML = GetObj("List1").innerHTML;
GetObj('ISL_Cont').scrollLeft = fill;
GetObj("ISL_Cont").onmouseover = function(){clearInterval(AutoPlayObj);}
GetObj("ISL_Cont").onmouseout = function(){AutoPlay();}
AutoPlay();
function GetObj(objName){if(document.getElementById){return eval('document.getElementById("'+objName+'")')}else{return eval

('document.all.'+objName)}}
function AutoPlay(){ //
clearInterval(AutoPlayObj);
AutoPlayObj = setInterval('ISL_GoDown();ISL_StopDown();',5000); //
}
function ISL_GoUp(){ //
if(MoveLock) return;
clearInterval(AutoPlayObj);
MoveLock = true;
MoveTimeObj = setInterval('ISL_ScrUp();',Speed);
}
function ISL_StopUp(){ //
clearInterval(MoveTimeObj);
if(GetObj('ISL_Cont').scrollLeft % PageWidth - fill != 0){
Comp = fill - (GetObj('ISL_Cont').scrollLeft % PageWidth);
CompScr();
}else{
MoveLock = false;
}
AutoPlay();
}
function ISL_ScrUp(){ //
if(GetObj('ISL_Cont').scrollLeft <= 0){GetObj('ISL_Cont').scrollLeft = GetObj

('ISL_Cont').scrollLeft + GetObj('List1').offsetWidth}
GetObj('ISL_Cont').scrollLeft -= Space ;
}
function ISL_GoDown(){ //
clearInterval(MoveTimeObj);
if(MoveLock) return;
clearInterval(AutoPlayObj);
MoveLock = true;
ISL_ScrDown();
MoveTimeObj = setInterval('ISL_ScrDown()',Speed);
}
function ISL_StopDown(){ //
clearInterval(MoveTimeObj);
if(GetObj('ISL_Cont').scrollLeft % PageWidth - fill != 0 ){
Comp = PageWidth - GetObj('ISL_Cont').scrollLeft % PageWidth + fill;
CompScr();
}else{
MoveLock = false;
}
AutoPlay();
}
function ISL_ScrDown(){ //
if(GetObj('ISL_Cont').scrollLeft >= GetObj('List1').scrollWidth){GetObj('ISL_Cont').scrollLeft =

GetObj('ISL_Cont').scrollLeft - GetObj('List1').scrollWidth;}
GetObj('ISL_Cont').scrollLeft += Space ;
}
function CompScr(){
var num;
if(Comp == 0){MoveLock = false;return;}
if(Comp < 0){ //
if(Comp < -Space){
   Comp += Space;
   num = Space;
}else{
   num = -Comp;
   Comp = 0;
}
GetObj('ISL_Cont').scrollLeft -= num;
setTimeout('CompScr()',Speed);
}else{ //
if(Comp > Space){
   Comp -= Space;
   num = Space;
}else{
   num = Comp;
   Comp = 0;
}
GetObj('ISL_Cont').scrollLeft += num;
setTimeout('CompScr()',Speed);
}
}
//--><!
// ]]></script>

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

Bác vuishopping ơi, bác có thể chia sẽ cách để làm cái hình ảnh kéo dài ra khi rê chuột vào như trong web của bác ko ạ, em rất thích hiệu ứng ấy ^^

Cảm ơn bạn đã ủng hộ mình, Mình sẽ share cho mọi người code gốc để tham khảo nhé. Mọi người nhớ test trước và điều chỉnh cho phù hợp với web của mình nhé

Code này gồm 2 phần mọi người lưu ý:

Phần 1 là mã CSS:

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     border: 0pt none;
     font: inherit;
     margin: 0pt;
     padding: 0pt;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}

body {
     line-height: 1;
}

ol, ul {
     list-style: none outside none;
}

blockquote, q {
     quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
     content: none;
}

table {
     border-collapse: collapse;
     border-spacing: 0pt;
}
a{
    text-decoration:none;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size:0!important;
}
 
.clearfix {
    display: inline-block;
    width:100%;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}

/*---end reset---*/

body{
    background-color:#f1f1f1;
}

.main{
    width:960px;
    margin:120px auto;
}

.kwick{
    width:960px;
    height:400px;
    overflow:hidden;
    position:relative;
    border-radius:5px;
    box-shadow:0 0 5px rgba(0,0,0,0.4);
}

.kwick li{
    position:absolute;
    top:0;
    -moz-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}

.kwick li:nth-child(1){
    left:0;
}

.kwick li:nth-child(2){
    left:192px;
}

.kwick li:nth-child(3){
    left:384px;
}

.kwick li:nth-child(4){
    left:576px;
}

.kwick li:nth-child(5){
    left:768px;
}

.kwick a{
    position:relative;
    display:block;
    box-shadow:0 0 7px rgba(0,0,0,1)
}

.kwick img{
    display:block;
}

.kwick p{
    position:absolute;
    left:0;
    bottom:-50px;
    width:728px;
    padding:0 20px;
    height:50px;
    line-height:50px;
    font-family:helvetica,arial,sans-serif;
    color:#fff;
    background-color:rgba(0,0,0,0.9);
    text-shadow:0 1px 0 #000;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:1px;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -o-ztransition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    transition:all 0.5s ease;
}

.kwick:hover li:nth-child(2){
    left:48px;
}

.kwick:hover li:nth-child(3){
    left:96px;
}

.kwick:hover li:nth-child(4){
    left:144px;
}

.kwick li:nth-child(1):hover ~ li:nth-child(5),
.kwick li:nth-child(2):hover ~ li:nth-child(5),
.kwick li:nth-child(3):hover ~ li:nth-child(5),
.kwick li:nth-child(4):hover ~ li:nth-child(5)
{
    left:912px;
}

.kwick li:nth-child(1):hover ~ li:nth-child(4),
.kwick li:nth-child(2):hover ~ li:nth-child(4),
.kwick li:nth-child(3):hover ~ li:nth-child(4)
{
    left:864px;
}

.kwick li:nth-child(1):hover ~ li:nth-child(3),
.kwick li:nth-child(2):hover ~ li:nth-child(3)
{
    left:816px;
}

.kwick li:nth-child(1):hover ~ li:nth-child(2){
    left:768px;
}

.kwick li:nth-child(2):hover{
    left:48px;
}

.kwick li:nth-child(3):hover{
    left:96px;
}

.kwick li:nth-child(4):hover{
    left:144px;
}

.kwick li:nth-child(5):hover{
    left:192px;
}

.kwick li:hover p{
    bottom:0;
}

.shadow{
    position:relative;
}

.shadow:before{
    content:"";
    position:absolute;
    left:100px;
    top:2pxpx;
    background-color:transparent;
    width:760px;
    height:10px;
    border-radius:800px/10px;
    box-shadow:0 0 20px rgba(0,0,0,0.5);
    z-index:-1;
}

.shadow:after{
    content:"";
    position:absolute;
    left:100px;
    bottom:2px;
    background-color:transparent;
    width:760px;
    height:10px;
    border-radius:800px/10px;
    box-shadow:0 0 20px rgba(0,0,0,1);
    z-index:-1;
}

Phần 2 các bạn add vào nơi cần đặt: lưu ý phần link hình và tiêu đề hình ảnh

<div class="main">
        <div class="shadow">
            <ul class="kwick">
                <li>
                    <a href="#">
                    <img src="img/1.jpg" alt="image"/>
                    <p>Tiêu đề ảnh 1</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                    <img src="img/2.jpg" alt="image"/>
                    <p>Tiêu đề ảnh 2</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                    <img src="img/3.jpg" alt="image"/>
                    <p>Tiêu đề ảnh 3</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                    <img src="img/4.jpg" alt="image"/>
                    <p>Tiêu đề ảnh 4</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                    <img src="img/5.jpg" alt="image"/>
                    <p>Tiêu đề ảnh 5</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>

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

thank bác vuishop. trang web của bác nhiều cái "bổ" quá!

bác xem lại cái slide trên không dùng được.còn cái dưới lại phải chỉnh chọt cho nó theo ý mình nữa .mình thì thích mấy cái slider không phụ thuộc vào flash.mình ghét cái flash quá vừa chậm web lại vừa không xem được trên mtb hay điện thoại.hao pin tốn mực -bực mình.

Đây là file hoàn chỉnh nhất vì là file gốc, các bạn cố gắng tìm hiểu tí nhé.

Lưu ý cấu hình hình ảnh giúp mình:

    width:960px;
    height:400px;

Các bạn cứ test nhé, nếu có gì cứ pm cho mình

cảm ơn bạn vuishopping nhiều code rất hay ^^

Thanks các bạn đã ủng hộ, mình còn code này cũng hay, nhưng bữa giờ để đâu thất lạc mất. để mình tìm rồi share cho các bạn code gốc nha.

Phần demo các bạn có thể vào mục hỏi đáp về sản phẩm & dịch vụ trên vuishopping

Nếu các bạn thích code này mình sẽ tìm và share cho các bạn.

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

Bạn vuishopping rất nhiệt tình, mình rất hy vọng đc bạn chia sẽ nhiều code độc đáo hơn nữa, chúc WMP luôn phát triển mạnh và có nhiều thành viên Pro như bạn vuishopping ^^

Bạn vuishopping có thể giải thích về cái code này giúp mình được ko...

Code rê chuột vào hình zoom lớn

Phần 1 các bạn add vào header/meta

<style type="text/css"> .hovergallery img{ -webkit-transform:scale(1); /*Webkit: Scale down image to 0.8x original size*/ -moz-transform:scale(1); /*Mozilla scale version*/ -o-transform:scale(0.8); /*Opera scale version*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ opacity: 0.3; /*initial opacity of images*/ margin: 0 10px 5px 0; /*margin between images*/ } .hovergallery img:hover{ -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.5x original size*/ -moz-transform:scale(1.5); /*Mozilla scale version*/ -o-transform:scale(1.5); /*Opera scale version*/ box-shadow:0px 0px 30px pink; /*CSS3 shadow: 30px blurred shadow all around image*/ -webkit-box-shadow:0px 0px 30px pink; /*Safari shadow version*/ -moz-box-shadow:0px 0px 30px pink; /*Mozilla shadow version*/ opacity: 1; } </style>

Phần 2 các bạn add vào nơi muốn đặt hình (sữa thay phần in đậm: link khi click vào hình và phần link hình ảnh)

<div class="hovergallery" style="text-align: left;">&nbsp;&nbsp;&nbsp; <br /><a href="vuishopping.com" target="_blank"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://lh6.googleusercontent.com/-d7EKYgmYftc/UJvhdhBAXnI/AAAAAAAAD1g/ZquCN6skr0g/s460/23820-1366x768.jpg" alt="" width="272" height="153" /></a></div>

Bạn cho mình hỏi trong code này nếu muốn ảnh ko mờ khi ở trạng thái bình thường thì phải làm ntn vậy? và khi click vào hình thì chuyển sang cửa sổ mới và thay thế cửa sổ hiện tại chứ không phải là khi click vào hình sẽ chuyên sang một cửa sổ mới nhưng không thay thế cửa sổ hiện tại.. Rất mong bạn giúp đỡ và chờ code của bạn..

Bạn sữa code lại như sau:

phần 1:

<style type="text/css"> .hovergallery img{ -webkit-transform:scale(1); /*Webkit: Scale down image to 0.8x original size*/ -moz-transform:scale(1); /*Mozilla scale version*/ -o-transform:scale(0.8); /*Opera scale version*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ *initial opacity of images*/ margin: 0 10px 5px 0; /*margin between images*/ } .hovergallery img:hover{ -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.5x original size*/ -moz-transform:scale(1.5); /*Mozilla scale version*/ -o-transform:scale(1.5); /*Opera scale version*/ box-shadow:0px 0px 30px pink; /*CSS3 shadow: 30px blurred shadow all around image*/ -webkit-box-shadow:0px 0px 30px pink; /*Safari shadow version*/ -moz-box-shadow:0px 0px 30px pink; /*Mozilla shadow version*/ opacity: 1; } </style>

Phần 2

<div class="hovergallery" style="text-align: left;">&nbsp;&nbsp;&nbsp; <br /><a href="vuishopping.com"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://lh6.googleusercontent.com/-d7EKYgmYftc/UJvhdhBAXnI/AAAAAAAAD1g/ZquCN6skr0g/s460/23820-1366x768.jpg" alt="" width="272" height="153" /></a></div>

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

- Admin cho  Mình Xin Code làm cho Silde Ảnh tại trang chủ Full rộng hết phần khung chính được k? Như hình dưới

cái này không phải cần code đâu bạn, hình như bạn đã chọn mẫu giao diện với banner và box thông tin bên cạnh, bạn chỉ cần chọn lại mẫu giao diện có full banner là được.

Thanks vuishopping ! Nhưng mình muốn làm full cái silde ra nhưng bên dưới cái silde vẫn dữ được 2 cột ấy. 

Vậy bạn có thể làm dạng banner flash mình có chia sẽ code ở trên, vừa đơn giản và dể thực hiện

Hi, vuishoping có nhiều code hay ghê,

Cho mình hỏi ở code 3 hình chuyển động khi rê chuột vào ở phần baner lớn.

Sao mình lấy code đó áp vô web (cài trong CCS) thì font chữ mặc định của website bị thay đổi trong rất xấu, nên mình chưa thử.

Bạn có biết lý do không, mình muốn giữ nguyên mặc định font của web, tks bạn.

4 hình chuyển động qua phải...

nhìn lại làn nữa thì thấy 5 hình, hok pải 3-4. hehe

Cảm ơn bạn đã quan tâm, bạn nên đọc kỹ hướng dẫn mình ghi ở trên, khi áp dụng sẽ thay đổi cấu trúc web. và bạn cần nghiên cứu thật kỷ để phù hợp với web của mình.

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

Bác vuishopping phiền bác giúp mình cái code này với

Thứ nhất là bác sửa giúp mình như trong hình nhé

thứ 2 là bác sửa lại code giúp mình làm sao khi mình click vào hình thì sẽ thay thế trang hiện tại chứ ko phải chuyển sang trang mới nhé

CẢm ơn bác nhiều

link hình lỗi đây bác http://nu9.upanh.com/b4.s33.d2/cda102ea71902046bf67e89dc5e3af7d_53104089.loi.jpg

Mình nghĩ giao diện lúc trước của bạn rất đơn giản, chuyên nghiệp và thân thiện hơn nhiều.

CÒn code nếu bạn muốn chỉnh để kg chuyển sang trang khác thì sau phần link, bạn chỉ cần bỏ phần target="_blank" là được.

Riêng phần 2 thanh định hướng nằm trong file Script bạn nhé. (web mình bị lỗi ở chrome khi chuyển sang 2 bên), nên bạn nên để như vậy hoặc không dùng.

Thân chào bạn, cuối năm chúc các bạn đắt khách nhé

Bác vuishopping

Bác có code làm thanh tìm kiếm như webmienphi hok? cho em xin với, tiếp tục share nữa dđi bác

Cái này rất đơn giản, và mình đã hướng dẫn phía trên rồi bạn à.

Mình nói lại rõ thêm nhé:

Bạn vào CSE của Google để đăng ký cho mình 1 thanh công cụ tìm kiếm (bạn phải có tài khoản của google là gmail)

Bạn làm theo thứ tự hướng dẫn nhé: bạn vào Sign in a custom search engine  - > New search engine -> điền đầy đủ thông tin rồi bấm nút Create -> điều chỉnh thanh tìm kiếm theo ý bạn -> lấy code chèn vào web hoàn tất.

Bạn yên tâm là sau khi hoàn thành thanh tìm kiếm sẽ được lưu vào tài khoản bạn có thể sữa đổi lại theo ý thích và chèn lại code như cũ.

Demo

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

Bạn có thể chỉ mình cách làm chân website như bạn thế này được không?

Xin chào bạn, phần chân trang này làm rất đơn giản.

1. Bạn vào phần quản trị -> Thông tin -> chân website

2. Bạn nhìn lên thanh công cụ có phần insert / edit Table có biểu tượng cây viết và bảng tính

3. Bạn chọn số lượng cột cần chia sau đó điền số lượng vào.

4. Bạn cho thông tin từng cột giống như làm văn bản trong word là được (lưu ý để các dòng nằm gần nhau, bạn có thể dùng thủ thuật Shift - enter để xuống dòng.

Hiii, nếu bạn thấy khó quá thì có thể dùng của mình rồi thay đổi thông tin bằng cách bôi đen rồi copy - paste

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

mình muốn chèn cái cái fash banner dưới thanh Menu như trang web của vuishopping , Giờ mình chèn phần code dưới Ở ĐÂU:

Phần 2 các bạn add vào nơi cần đặt: lưu ý phần link hình và tiêu đề hình ảnh

<div class="main">
        <div class="shadow">
            <ul class="kwick">
                <li>
                    <a href="#">
                    <img src="img/1.jpg" alt="image"/>
                    <p>Tiêu đề ảnh 1</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                    <img src="img/2.jpg" alt="image"/>
                    <p>Tiêu đề ảnh 2</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                    <img src="img/3.jpg" alt="image"/>
                    <p>Tiêu đề ảnh 3</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                    <img src="img/4.jpg" alt="image"/>
                    <p>Tiêu đề ảnh 4</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                    <img src="img/5.jpg" alt="image"/>
                    <p>Tiêu đề ảnh 5</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>

Với code này bạn chèn vào banner quảng cáo - > dạng html nhé

Slide này gồm 3 phần bạn có thể tạo như sau:

Phần 1: Mã hmtl (lưu nơi cần đặt slide)

<div class="lof-container" style="height: 339px; padding: 0px;">
<div id="lofslidecontent45" class="lof-slidecontent" style="border: 3px solid #ff7700; width: 958px; height: 339px;">
<div class="preload" style="background: url('http://sanpham.unicityvietnam.vn/wp-content/plugins/easing-slider/images/.gif') no-repeat center center #fff;">&nbsp;</div>
<div class="lof-main-outer" style="background: #fff; width: 958px; height: 339px;">
<ul class="lof-main-wapper">
<li><img style="width: 958px;" src="http://biosnatural.com/wp-content/uploads/2012/07/slide-bios-life-e.jpg" alt="" /></li>
<li><img style="width: 958px;" src="http://biosnatural.com/wp-content/uploads/2012/06/slide-bios-life-slim.jpg" alt="" /></li>
<li><img style="width: 958px;" src="http://biosnatural.com/wp-content/uploads/2012/07/nature-t-infusion.jpg" alt="" /></li>
<li><img style="width: 958px;" src="http://www.congnghelamdep.com/files/slide_home/1.jpg" alt="" /></li>
<li><img style="width: 958px;" src="http://biosnatural.com/wp-content/uploads/2012/06/slide-bios-life-d.jpg" alt="" /></li>
<li><img style="width: 958px;" src="http://biosnatural.com/wp-content/uploads/2012/06/super-chlorophyll.jpg" alt="" /></li>
</ul>
<div class="lof-previous" style="background: url('http://sanpham.unicityvietnam.vn/wp-content/plugins/easing-slider/images/b_prev.png') no-repeat left center;" onclick="return false">&nbsp;</div>
<div class="lof-next" style="background: url('http://sanpham.unicityvietnam.vn/wp-content/plugins/easing-slider/images/b_next.png') no-repeat right center;" onclick="return false">&nbsp;</div>
</div>
<div class="lof-navigator-wapper" style="bottom: 5px; right: -10px; padding: 5px 15px;">
<div class="lof-navigator-outer">
<ul class="lof-navigator">
<li><span>.</span></li>
<li><span>.</span></li>
<li><span>.</span></li>
<li><span>.</span></li>
<li><span>.</span></li>
<li><span>.</span></li>
</ul>
</div>
</div>
</div>
</div>
<p><img style="width: 958px; padding-left: 0px; padding-bottom: 0px; padding-top: 6px; margin-left: 3px;" src="http://sanpham.unicityvietnam.vn/wp-content/plugins/easing-slider/images/shadow_arc.png" alt="" /></p>
<!-- End of Easing Slider -->

Phần 2: (bạn lưu vào phần header trên wmp) mã javascript (mã này mình mượn tạm bên trang bạn cho, nếu bạn muốn sở hữu thì chép nội dung bên trong lưu thành tên khác và up lên google lấy link nhé - bạn lên google search lưu mã dạng javascript hoặc đuôi js) mình đánh dấu mấy chổ cho bạn lấy nội dung

<script type='text/javascript' src='http://sanpham.unicityvietnam.vn/wp-content/plugins/easing-slider/js/jquery.js?ver=1.4.2'></script>
<script type='text/javascript' src='http://sanpham.unicityvietnam.vn/wp-content/plugins/easing-slider/js/jquery.easing.js?ver=1.3'></script>
<script type='text/javascript' src='http://sanpham.unicityvietnam.vn/wp-content/plugins/easing-slider/js/script.js?ver=1.2'></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready( function($){
var buttons = { previous:$('#lofslidecontent45 .lof-previous') , next:$('#lofslidecontent45 .lof-next') };
$obj = $('#lofslidecontent45')
.lofJSidernews( { interval : 5000,
easing : 'easeOutBack',
duration : 1000,
auto : true,
maxItemDisplay : 10,
startItem:0,
navPosition : 'horizontal', // horizontal
navigatorHeight : 15,
navigatorWidth : 25,
buttons : buttons,
mainWidth:958} );
});</script>

Phần 3: mã css

ul.lof-navigator li{background: url(http://sanpham.unicityvietnam.vn/wp-content/plugins/easing-slider/images/pagination.png) 0 0 no-repeat;} ul.lof-navigator li.active{background: url(http://sanpham.unicityvietnam.vn/wp-content/plugins/easing-slider/images/pagination_current.png) 0 0 no-repeat;}
.lof-opacity{width:958px;height:px;}
.lof-opacity li{width:958px;height:px;}

.lof-slidecontent, .lof-slidecontent a {    color:#FFF;    }
.lof-container {}.lof-slidecontent{    position: relative;}
.lof-slidecontent .preload{    position:absolute;    top:0;    left:0;    z-index:2; height: 100%; width: 100%;}
.lof-main-outer {position: relative; overflow:hidden;}
.lof-main-outer .lof-next,  .lof-main-outer .lof-previous{    display:block;    width:40px;    color:#FFF;    cursor:pointer;    position:absolute;    height:100%;    top:0;}
.lof-main-outer .lof-next {    right:10px;}
.lof-main-outer .lof-previous {    left:10px;}
.lof-main-wapper li {border: none !important;}

/* main flash */
ul.lof-main-wapper{    /* margin-right:auto; */    background: transparent;    padding:0 !important;    margin:0 !important;    position: relative;}
ul.lof-main-wapper li{    padding:0 !important;    margin:0 !important;    float:left;    list-style: none;    position:relative;}
ul.lof-main-wapper li a img {border:none !important;}
.lof-opacity {    overflow:visible  !important;;    position:absolute !important;}
.lof-opacity  li{    position:absolute  !important;;    top:0;    left:0;    margin:0;    padding:0;    float:inherit  !important;}
ul.lof-main-wapper li img{    padding:0 !important; margin:0 !important; max-width: none !important; }

/* item navigator */.lof-navigator-wapper {    position:absolute;}
.lof-navigator-outer{    position:relative;    z-index:1;    height:180px;    overflow:hidden;    color:#FFF;    margin:0;    padding:0;}ul.lof-navigator{    top:0;    padding:0;    margin:0;    position:relative;    width:100%;}
ul.lof-navigator li{    cursor:pointer;    list-style:none;    padding:0;    margin: 0;    overflow:hidden;    float:left;    display:block;    text-align:left; border: none !important;}
ul.lof-navigator li span {    display: none;}
ul.lof-navigator li.active {        display:block;}

lưu ý quan trọng là mã dạng script của slide

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

Chào bạn cubi2012 xin bạn nói rõ hơn về code kiểm tra doamain là thế nào được không để mọi người hiểu rõ ý bạn nhé

Dear vuishopping

Mong bác giúp đỡ,

Mình kiếm được cái navbar, làm xong rùi sao mà rê chuột xuống menu cấp 2 thì menu cấp 2 biến mất

Code CSS

#toolbar { position: absolute; top: 160px; text-align: left;}
#toolbar { background: #fff url(files/assets/host/toolbar.png) 50% repeat-x; width: 100%;}
#toolbar_r { background: url(files/assets/host/toolbar.png) 100% -72px repeat; margin-right: -8px; height: 40px;}
#toolbar ul { margin: 0; padding: 0; z-index: 999; float: right; position: relative; right: 50%;}
#topnav li { float: left; margin: 0; padding: 0; list-style: none; position: relative; left: 50%;}
#topnav li a { display: block; line-height: 40px; padding: 0 15px; color: #000000; text-decoration: none;}
#topnav .daddy { font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 17px; position: relative;}
#topnav li a.active { background: url(../images/custom/active.png) 50% 100% no-repeat;}
#topnav li a.active, #topnav li a:hover { color: #0909f5;}
#topnav li:hover > a { color: #ef0413;}
#topnav li ul { position: absolute; width: 200px; top: -999em; left: 0; right: auto; padding: 5px 0; background: #b5bab8; border: 1px solid #b5bab8; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.6);}
#topnav li ul ul { margin: 0;}
#topnav li li { width: 200px; height: auto; padding: 0; margin: 0; left: auto;}
#topnav li li a { display: block; width: 170px; margin: 0 5px; padding: 0 10px; height: auto; float: none; line-height: 30px; font-size: 120%;}
#topnav li li a:hover, #topnav ul li:hover > a { background: #333; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none;}
#topnav li:hover ul { left: 0; top: 60px;}

-----------------------------------------------------------------------

Code header

<div id="toolbar">
<div id="toolbar_l">
<div id="toolbar_r">

<ul id="topnav">

<li id="button_home">
<a class="active daddy" href="http://webre.mov.mn">
<span class="last firstlevel"> <img src="files/assets/host/logo_1.png" alt=""></span>
</a>
<li>
<li id="button_home">
<a class="active daddy" href="http://webre.mov.mn/">
<span class="last firstlevel">Trang chủ</span>
</a>

</li>
<li id="button_help">
<a class="daddy" href="bvct/chitiet/2/Giới-thiệu.html">
<span class="firstlevel">Giới thiệu <img src="http://www.skinbox.net/community/public/style_images/skinbox32/top_bar_arrow.png" alt=""></span>
</a>
<ul>
<li>
<a href="/profile?mode=editprofile">
<span>Thay đổi thông tin</span>
</a>
</li>
<li>
<a href="/profile?mode=editprofile&page_profil=avatars">
<span>Đổi hình đại diện</span>
</a>

</li>
<li>
<a href="/profile?mode=editprofile&page_profil=signature">
<span>Sửa chữ ký</span>
</a>

</li>
<li>
<a href="/profile?mode=editprofile&page_profil=preferences">
<span>Cài đặt tài khoản</span>
</a>

</li>
<li>
<a href="/profile?mode=editprofile&page_profil=friendsfoes">
<span>Bạn bè</span>
</a>

</li>

</ul>
</li>
<li id="button_help">
<a class="daddy" href="bvct/chitiet/7/Gói-dịch-vụ.html">
<span class="firstlevel">Gói dịch vụ</span>
</a>
</li>

<li id="button_calendar">
<a class="daddy" href="bvct/chitiet/5/Câu-hỏi-thường-gặp.html">
<span class="firstlevel">Hỗ trợ <img src="http://www.skinbox.net/community/public/style_images/skinbox32/top_bar_arrow.png" alt=""></span>
</a>
<ul>
<li>
<a href="/profile?mode=editprofile">
<span>Thay đổi thông tin</span>
</a>
</li>
<li>
<a href="/profile?mode=editprofile&page_profil=avatars">
<span>Đổi hình đại diện</span>
</a>

</li>
<li>
<a href="/profile?mode=editprofile&page_profil=signature">
<span>Sửa chữ ký</span>
</a>

</li>
<li>
<a href="/profile?mode=editprofile&page_profil=preferences">
<span>Cài đặt tài khoản</span>
</a>

</li>
<li>
<a href="/profile?mode=editprofile&page_profil=friendsfoes">
<span>Bạn bè</span>
</a>

</li>

</ul>
</li>
<li id="button_help">
<a class="daddy" href="bv/danhsach/2/Tin-tức.html">
<span class="firstlevel">Tin tức</span>
<ul>
<li>
<a href="/profile?mode=editprofile">
<span>Thay đổi thông tin</span>
</a>
</li>
<li>
<a href="/profile?mode=editprofile&page_profil=avatars">
<span>Đổi hình đại diện</span>
</a>

</li>
<li>
<a href="/profile?mode=editprofile&page_profil=signature">
<span>Sửa chữ ký</span>
</a>

</li>
<li>
<a href="/profile?mode=editprofile&page_profil=preferences">
<span>Cài đặt tài khoản</span>
</a>

</li>
<li>
<a href="/profile?mode=editprofile&page_profil=friendsfoes">
<span>Bạn bè</span>
</a>

</li>

</ul>
</li>
<li id="button_help">


<li id="button_demo">
<a class="daddy" href="/lienhe.html">
<span class="firstlevel">Liên hệ</span>
</a>
<li id="button_help">
<a class="daddy" href="bvct/chitiet/7/Gói-dịch-vụ.html">
<span class="firstlevel">Diễn đàn</span>
</a>
</li>




</ul>
</div>
</div>
</div>

Topic bác luôn bay cao

Ah, OK rùi bác   vuishopping ah,

Sửa lại dòng code cuối CSS --> #topnav li:hover ul { left: 0; top: 40px;}

( 60px --> 40px) 

Sẵn chia sẻ cho anh em dùng lun, cũng chẹp chẹp. Anh em có thể điều chỉnh lại các thông số theo ý nhé, và cả link background

Thân,

Bạn ơi ! Cái silde của Website: http://sanpham.unicityvietnam.vn/ mình làm được rồi ! mà sao nó chỉ xuất hiện ở trang chủ còn các trang khác k hiện lên ! Mình đã tùy chọn trong phần bố cục chức năng chọn hiện toàn bộ các trang luôn mà sao nó vẫn k lên !

Giúp mình với ! Thanks bạn

có thể bạn chọn phần vị trí quảng cáo chỉ xuất hiện ở trang chủ, chứ nếu chọn các vị trí quảng cáo khác thì nó phải xuất hiện hết các trang chứ. Bạn kiểm tra lại, nếu vẫn không được thì nhờ Ad thôi vì phần này ngoài khả khả năng của mình.

Để ủng hộ sự nhiệt tình của các bạn, mình sẽ chia sẽ thêm một menu dạng trượt ẩn rất hay, với hiệu ứng ẩn phía top web, chỉ cần rê chuột lên top sẽ hiện menu này ra.

Các bạn có thể tham khảo menu này tại vuishopping ở phần danh mục sản phẩm, bạn chỉ cần rê chuột lên top web sẽ hiện menu này ra.

Menu này gồm 2 phần các bạn lưu ý:

Phần 1: các bạn add vào header

<div class="overlay"></div>
<div class="nav">
<div class="wrap">
<ul class='navigation'>
<li><a href="sp/danh-sach/38/v=0/giam-gia-moi-ngay.html">GIẢM GIÁ MỖI NGÀY</a></li>
<li><a href="sp/danh-sach/68/v=0/thuong-hieu.html">THƯƠNG HIỆU</a></li>
<li><a href="sp/danh-sach/8/v=0/phu-nu.html">PHỤ NỮ</a></li>
<li><a href="sp/danh-sach/7/v=0/nam-gioi.html">NAM GIỚI</a></li>
<li><a href="sp/danh-sach/45/v=0/my-pham.html">MỸ PHẨM</a></li>
<li><a href="sp/danh-sach/4/v=0/giam-can-tang-can.html">GIẢM CÂN & TĂNG CÂN</a></li>
<li><a href="sp/danh-sach/6/v=0/thuc-pham-chuc-nang.html">THỰC PHẨM CHỨC NĂNG</a></li>
<li><a href="sp/danh-sach/37/v=0/san-pham-khac.html">SẢN PHẨM KHÁC</a></li>
</ul></div></div>

Phần 2: Các bạn add vào CSS

.overlay{position:fixed;left:0;top:0;height:50px;width:100%;background-color:transparent;z-index:100}
.wrap{width:100%;margin:-12px -20px}
.nav{background-color:#000;height:50px;Text-align:center;position:fixed;width:100%;left:0;top:-50px;z-index:100;-moz-transition:top 0.4s ease;-webkit-transition:top 0.4s ease;-o-transition:top 0.4s ease;-ms-transition:top 0.4s ease;transition:top 0.4s ease}
.overlay:hover ~ .nav,.nav:hover{top:0px}
.navigation{display:inline-block}
.navigation li{display:inline}
.navigation a{display:block;float:left;font-family:helvetica,arial,sans-serif;color:#fff;font-size:13px;height:100%;line-height:50px;text-transform:uppercase;padding:0 15px;font-weight:bold;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;-ms-transition:all 0.4s ease;transition:all 0.4s ease}
.navigation li:nth-child(1) a:hover{background-color:#ff3939}
.navigation li:nth-child(2) a:hover{background-color:#73e900}
.navigation li:nth-child(3) a:hover{background-color:#992ff3}
.navigation li:nth-child(4) a:hover{background-color:#ffa32c}
.navigation li:nth-child(5) a:hover{background-color:#fff000}
.navigation li:nth-child(6) a:hover{background-color:#008aff}
.navigation li:nth-child(7) a:hover{background-color:#ff0096}
.navigation li:nth-child(8) a:hover{background-color:#0FF}

Rất đơn giản phải không? chúc các bạn thành công

@vuishopping

Có pro nào biết code chèn vào bài viết để làm slideshow ảnh hok?

như thế này:

Mình muốn làm webstudio

Hoặc tạo 1 file flash chèn vô cũng được

Mình chia sẽ cho mọi người code mà  bạn testcode yêu cầu, tuy nhiên trước khi mình chia sẽ thì mình có ý kiến thế này.

Mình thấy 1 số bạn lập nick giao lưu trên diễn đàn WMP mà không thấy các bạn có hoạt động bằng một website trên hệ thống WMP, lý do là mình mong muốn mọi người chung ta xây dựng WMP ngày càng lớn mạnh cho nên mình hơi cố chấp 1 tí là thực sự không ủng hộ những bạn kg hoạt động thực sự tại WMP nhé. Chính vì vậy những yêu cầu của các bạn kg có website trên WMP sau này mình sẽ không đáp ứng, mong các bạn thông cảm.

Code silde trên gồm có các phần sau:

Phần 1: mã html các bạn add vào chổ cần đặt banner và thay đổi hình ảnh cho phù hợp với web bạn

<div id="wrapper">
<div class="page-width">
<div id="slide"><a href="#"><img id="tk" src="http://ntmedia.vn/zen/application/templates/front/default/slider/slide-2.png" alt="thiet ke website" /></a> <a href="#"><img src="http://ntmedia.vn/zen/application/templates/front/default/slider/slide-1.png" alt="thiet ke website" /></a> <a href="#"><img src="http://ntmedia.vn/zen/application/templates/front/default/slider/slide-3.png" alt="thiet ke website" /></a> <a href="#"><img src="http://ntmedia.vn/zen/application/templates/front/default/slider/slide-4.png" alt="thiet ke website" /></a> <a href="#"><img src="http://ntmedia.vn/zen/application/templates/front/default/slider/slide-5.png" alt="thiet ke website" /></a></div>
</div>
</div>

Phần 2: các bạn add vào Header

<script type="text/javascript">
    $(document).ready(function() {
        $('#slide').cycle({
            fx: 'scrollRight',
                next:   '#next2',
                prev:   '#prev2',
             timeout: 5000
        });
    });
    </script>
<script type="text/javascript" src="http://ntmedia.vn/zen/application/templates/front/default/js/jquery.min.js"></script>
    <script type="text/javascript" src="http://ntmedia.vn/zen/application/templates/front/default/js/jquery.cycle.all.latest.js"></script>

Phần 3: các bạn add vào mã css

#wrapper #slide{
    background: url('http://ntmedia.vn/zen/application/templates/front/default/images/slide.png') no-repeat bottom center;
    height: 400px;
    width:1000px;
    margin: 0 0 0 35px;
}
#wrapper #prev2{
    position:absolute;
    display:block;
    width:32px;
    height:32px;
    top:116px;
    background:url(../images/previous.png) no-repeat;
}
#wrapper #next2{
    position:absolute;
    display:block;
    width:32px;
    height:32px;
    top:116px;
    left:1180px;
    background:#009;
    background:url(../images/next.png) no-repeat;
}
#wrapper #slide #tk{
    margin:70px 0 0 110px;
}
#wrapper #slide img{
    margin:50px 0 0 110px;
}
#wrapper #service #khung-slide{
    margin: 0 -12px;
}

Hình như bên trang này họ lấy slide này từ đâu nhưng ma fkhi add vào bị thiếu code cho nên các nút chuyển hướng không có tác dụng nên nhìn hơi bị xấu và thiếu sự linh động.

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

Bác vuishopping chỉ em cách làm phần em đóng khung màu đỏ với :D

Phần này đơn giản, bạn vào phàn quản trị -> giao diện & banner -> cài khung trên banner -> ô tự nhập nội dung rồi chèn hình ảnh vào là được

thanks anh nhé! anh chỉ giúp em cách tạo cái này với

Cái này còn đơn giản hơn nữa, bạn vào phần quản lý quảng cáo -> sau đó chọn phần quảng cáo bên phải hoặc bên trái cuả bạn -> rồi chọn phần mã html rồi chèn vào thôi (lưu ý độ rộng của phần cột trái hoặc cột phải do bạn lựa chọn)

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

Bạn Vuishopping giỏi quá ^_^

bạn nói rõ slide nào và bạn xem lại là đã làm theo đúng hướng dẫn chưa để biết sai ở bước nào nhé

Mình hiểu rồi, do web bạn thiếu 1 phần mã script nên vậy mình, bạn add thêm mã này lên đầu tiên ở phần head nhé:

<script type="text/javascript" src="http://www.marcofbb.com.ar/wp-content/uploads/2010/11/jquery-1.3.2.js"></script>

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

cho mình xin code like facebook ở góc phải web nhé vuishopping

Tốt nhất không nên đưa nút like vào web sẽ làm cho web chạy chậm vì hiện F bị chặn ở VN mà bạn, bạn thấy web mình cũng kg hề dùng. còn nếu dùng thì WMP có sẳn đó bạn

Bạn luis8668 mình thấy web bạn lúc đầu làm bố trí nhìn đẹp hơn hiện nay nhiều đó bạn, vừa có banner nhóm sản phẩm và vừa có thông tin sản  phẩm bên dưới (sẽ bắt link tốt hơn) web hiện nay, vì GG index trang chủ nhiều hơn

Bác vuishopping thật sự là rất tuyệt vời! bác có trao đổi link không?

bạn cubi2012 cái slide này do các bạn nhờ mình lấy từ site khác, nó sao thì mình lấy lại vậy nên mình biết các nút chuyển hướng nó đơ như cây cơ vậy (hiiii đành chịu)

Thanks bạn vietceo đã ủng hộ mình, hiện bên web mình không có trao đổi link trên hệ thống bạn thông cảm nha bạn (đó là quy định bên mình từ 2009 rồi bạn à)

Để ủng hộ sự nhiệt tình của các bạn sẽ chia sẽ thêm cho các bạn code để làm ẩn hiện nội dung giống demo dưới đây (các bạn bấm vào sẽ biết):

Với tiêu chí nhanh chóng, an toàn và hiệu quả, chúng tôi cam kết phục vụ khách hàng trong thời gian nhanh nhất và với những sản phẩm chất lượng tốt nhất.

 

Hiện nay chúng tôi áp dụng hình thức giao hàng miễn phí Chỉ áp dụng cho Khách hàng ở Tỉnh trong 3 trường hợp sau đây

1. Quý khách thanh toán trước bằng cách chuyển tiền mua hàng bằng Thẻ ATM, Internet Banking hoặc ngân hàng vào các tài khoản của Vuishopping.com sau đây:

Miền nam (Từ Đà Nẵng trở vào): 

	Ngân hàng Ngoại thương Việt Nam - Vietcombank – CN TP.HCM Chủ tài khoản: Phạm Xuân Thành Số tài khoản: 0071.000.731.411
	Ngân hàng đầu tư và phát triển Việt Nam Chi nhánh Bắc Sài Gòn – BIDV Chủ tài khoản: Phạm Xuân Thành Số tài khoản: 3131.0000.2300.92
	Ngân hàng Nông nghiệp & PT Nông thôn Việt Nam - Agribank PGD Rạch Ông Chủ tài khoản: Phạm Xuân Thành Số tài khoản: 1700.206.167.871
	Ngân hàng Công Thương Việt Nam CN TP. Hồ Chí Minh - Vietinbank Chủ tài khoản: Phạm Xuân Thành Số tài khoản: 711A.22.545.331
	Ngân Hàng Đông Á - PGD Cầu Kho Quận 1 Chủ tài khoản: Phạm Xuân Thành Số tài khoản: 010.337.0728
	Ngân Hàng Sài Gòn Thương Tín - Sacombank - PGD Phú Mỹ Hưng Chủ tài khoản: Phạm Xuân Thành Số tài khoản: 0600.1469.8240
	Ngân Hàng Kỹ thương - Techcombank Mỹ Toàn Chủ tài khoản:  Phạm Xuân Thành Số tài khoản:  102.2421.5824.016
	Ngân Hàng Quốc tế - VIB Phú Mỹ Hưng Chủ tài khoản:  Phạm Xuân Thành Số tài khoản:  61870.406001.5290
	Ngân Hàng Xuất nhập khẩu Việt Nam - Eximbank CN Phú Mỹ Hưng Chủ tài khoản:  Phạm Xuân Thành Số tài khoản:  21011.484.909.7566

Miền bắc (Từ Thừa Thiên Huế trở ra): 

Ngân hàng ngoại thương Việt Nam - Vietcombank – CN Chương Dương, TP.Hà Nội Chủ tài khoản: Phạm Xuân Thành Số tài khoản: 0541.001.552.150

Lưu ý:

- Để không mất chi phí khi chuyển tiền, Quý khách nên chuyển tiền bằng thẻ ATM hoặc Internet  Banking (đăng ký khi làm thẻ tại ngân hàng) của cùng hệ thống. Ví dụ Thẻ Vietcombank chuyển vào tài khoản Vietcombank.

- Quý khách chuyển tiền bằng đúng tiền hàng được niêm yết trên website, còn chi phí vận chuyển chúng tôi sẽ chịu.

- Sau khi hoàn tất chuyển tiền Quý khách có thể gởi tin nhắn hoặc điện thoại trực tiếp cho chúng tôi cung cấp thông tin của Quý khách để chúng tôi kiểm tra Tài khoản và tiến hành giao hàng cho Quý khách trong thời gian sớm nhất.

- Đối với trọng lượng sản phẩm trên 300gr, chúng tôi sẽ phụ thu thêm phí vận chuyển theo phí vận chuyển của cty chuyển phát.

2. Giao hàng qua đường bộ (chành xe):

- Quý khách hàng đặt hàng, sau đó nhờ xe mà Quý khách quen để nhận hàng giúp Quý khách

- Sau khi chuyển tiền cho Nhà xe, Quý khách liên hệ với chúng tôi để cho thông tin về Nhà xe đó, chúng tôi sẽ liên hệ và giao hàng nhận tiền trực tiếp từ Nhà xe mà Quý khách yêu cầu.

- Quý khách chỉ cần chuyển đúng số tiền hàng mà Quý khách đặt mua, còn phí vận chuyển chúng tôi sẽ thanh toán cho Nhà xe.

3. Nhờ người thân nhận hàng giúp:

- Nếu Quý khách có người thân hoặc người quen tại TP.HCM, sau đó cho chúng tôi thông tin hoặc nhờ người thân gọi điện để chúng tôi giao hàng hoàn toàn miễn phí tại địa điểm yêu cầu.

Nguyên tắc khi nhận đơn hàng và thời gian giao hàng:

- Sau khi nhận đơn hàng, chúng tôi sẽ kiểm tra tình trạng hàng và sẽ xác nhận bằng điện thoại với Quý khách.

- Trước khi tiến hành giao hàng, chúng tôi sẽ điện thoại trước với Quý khách để Quý khách có sắp xếp công việc và nhận hàng trong khoảng thời gian đó.

- Để giúp chúng tôi phục vụ Quý khách tốt hơn, nếu không có thời gian để nhận hàng trực tiếp, Quý khách có thể nhờ người thân nhận giúp hoặc hẹn lại thời gian để nhận hàng nhằm tránh trường hợp nhân viên giao hàng đến nơi mà không trao hàng được tận tay cho Quý khách.

- Thời gian nhận hàng phụ thuộc hoàn toàn vào Cty chuyển phát, tuy nhiên thông thường là từ 24h - 72h kể từ thời điểm đặt hàng

- Sau khi hoàn tất chuyển hàng, chúng tôi sẽ cung cấp số vận đơn để có thể tham khảo tình trạng đơn hàng của mình được chuyển như thế nào.

- Riêng trường hợp ở các Thành phố lớn, thời gian nhận hàng là 24h kể từ lúc chuyển hàng.

Xin lưu ý khi đặt hàng qua điện thoại: 

- Tất cả thông tin sản phẩm đã được đăng tải trên website kể cả nguồn khác để quý khách tìm hiểu thêm, cho nên quý khách nên tìm hiểu thật kỹ trước khi quyết định mua hàng. Và nếu có thắc mắc gì xin điện thoại trực tiếp cho chúng tôi để được hỗ trợ.

- Vì mua hàng là một hình thức nghiêm túc, xin Quý khách gọi điện trực tiếp cho chúng tôi. Xin đừng nhắn tin hỏi sản phẩm hay những thông tin cần tìm hiểu, chúng tôi xin được phép từ chối trả lời qua tin nhắn để Quý khách hàng cảm thấy được tôn trọng.

- Khi nhân viên giao hàng Quý khách hàng nên kiểm tra kỹ sản phẩm để chắc chắn chúng tôi giao đúng sản phẩm mà Quý khách đặt, tránh trường hợp nhầm lẫn.

Code này cực kỳ đơn gian và các bạn có thể biến tấu tùy thích: lưu ý đây là code html nên các bạn muốn dùng đâu cũng được

ẩn hiện đoạn text với 1 nút bấm

<div>

<div><div class="smallfont" style="margin-bottom: 0px;"><span style="color: #008000;"><strong><span style="font-size: small;">Hướng dẫn đặt h&agrave;ng tại www.vuishopping.com</span></strong></span>: <input style="width: 120px; font-size: 10px; margin: 0px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ẩn nội dung'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Xem thông tin chi tiết'; }" type="button" value="Xem thông tin chi tiết" /></div>

<div>

<div style="display: none;">{Phần nội dung bị ẩn}</div>

</div>

</div>

ẩn hiện đoạn text với 1 nút bấm với nút bấm thể hiện nội dung (cái này giống cái mình đang dùng demo phía trên)

<div>

<div><input style="width: 100%; margin: 0px; color: #008000; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Giao h&agrave;ng tận tay Kh&aacute;ch h&agrave;ng tr&ecirc;n To&agrave;n quốc'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Giao h&agrave;ng tận tay Kh&aacute;ch h&agrave;ng tr&ecirc;n To&agrave;n quốc'; }" type="" value="Giao h&agrave;ng tận tay Kh&aacute;ch h&agrave;ng tr&ecirc;n To&agrave;n quốc" /></div>

<div>

<div style="display: none;">{Phần nội dung bị ẩn}</div>

</div>

</div>

ẩn hiện nội dung đoạn text với 2 nút bấm (để dành cho những đoạn text quá dài không thể quay lên trên để bấm ẩn thì có luôn nút ở dưới)

<div style="margin: 0px 0px 0px;">

<div class="smallfont" style="margin-bottom: 0px;">Spoiler: <input style="font-size: 10px; margin: 0px; padding: 0px; width: 45px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '')  {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Ẩn';  } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';  this.innerText = ''; this.value = 'Xem';  }" type="button" value="Xem" /></div>

<div>

<div style="display: none;">Đoạn text của bạn tại đ&acirc;y</div>

<input style="font-size: 10px; margin: 0px; padding: 0px; width: 45px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '')  {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Ẩn';  } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';  this.innerText = ''; this.value = 'Xem';  }" type="button" value="Ẩn" /></div>

</div>

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

Bác Vuishopping chia sẻ code facebook ẩn hiện bám ở sườn phải của web đi bác.  để khách vào có  thể like face đó bác

Sorry mọi người vì chậm trể, lý do mình dùng vnpt nên mjang bị lỗi cả tuần nay không ổn định nên lúc được lú không. vì thời gian hạn chế nên mình dùng luôn code của thành viên trên wmp chia sẽ cho mọi người luôn cho tiện nhé.

Code box like ẩn hiện face gồm 2 phần

Phần 1 các bạn dùng mã CSS:

.slide_likebox {
float:right;
width:247px;
height:385px;
background: url('https://dl.dropbox.com/u/52829486/www.bachlong.name.vn/Image/fb.png') no-repeat !important;
display:block;
color:#FFFFFF ;
right:-205px;
padding:0;
position:fixed;
top: 170px;
z-index:1002;
}

Phần 2 các bạn chèn vào footer nha: (thay đổi trang cá nhân của các bạn ở phần in đậm)

<script src="https://dl.dropbox.com/u/52829486/www.bachlong.name.vn/js/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".slide_likebox").hover(function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"-205"},"medium");
},500);
return false;
});
</script>
<div class="slide_likebox" style="right: -205px; ">
<div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;">
<div class="FB_Loader"></div><span>
<iframe src="http://www.o.facebook.com/plugins/likebox.php?href=http://www.facebook.com/sieuthithucphamchucnang&width=198&colorscheme=light&show_faces=true&stream=false&header=false&height=368" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:198px; height:368px;" allowtransparency="true">
</iframe>
</span>
</div>
</div>

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

Vì diễn đàn trên WMP hơi bất tiện vì quá dài nên một số bạn sẽ rất khó tìm được code mình cần, cho nên mình mở chuyên mục ngay trên web vuishopping của mình để mọi người dể theo dỏi chủ đề cũng như có thể vào trao đổi chia sẽ kinh nghiệm làm web nhé.

Mong mọi người ủng hộ cũng chung tay tự làm đẹp cho web của mình nhé.

Link đến chuyên mục chia sẽ code đây

Mình đã chèn theo CODE như trên nhưng bị lỗi, mình phải sửa lại như thế này mới được nè (xóa 2 kí tự bôi đỏ ở phần 2). Anh Vuishoping xem có phải không nhé !

Phần 2 các bạn chèn vào footer nha: (thay đổi trang cá nhân của các bạn ở phần in đậm)

<script src="https://dl.dropbox.com/u/52829486/www.bachlong.name.vn/js/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".slide_likebox").hover(function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"-205"},"medium");
},500);
return false;
});
</script>
<div class="slide_likebox" style="right: -205px; ">
<div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;">
<div class="FB_Loader"></div><span>
<iframe src="http://www.o.facebook.com/plugins/likebox.php?href=http://www.facebook.com/sieuthithucphamchucnang&width=198&colorscheme=light&show_faces=true&stream=false&header=false&height=368" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:198px; height:368px;" allowtransparency="true">
</iframe>
</span>
</div>
</div>

Đúng rồi bạn, lý do là mình đang test trên mạng bị chặn face nên khi chia sẽ mình quên bỏ link web này, săn đây mình cũng nói luôn nếu hệ thống các bạn bị chặn face thì có thể dùng link sau để vào face mà kg cần phần mềm gì hết:

link vào face không bị chặn: www.o.facebook.com

thanks bạn capquang123 đã phát hiện

Mình thấy bên trang 

http://www.gaet.com.vn/web/

Họ làm slide đẹp thế, không biết bác vuishopping có thể chia sẻ code làm slide thế ko?

Trang bạn đưa cái Slide đó nhìn cùi bắp lắm.

Mời bạn tham khảo Slide đó tại đây, đẹp hơn trang bạn đưa rất rất nhiều:

http://vuishopping.com/bvct/chi-tiet/566/code-slide-chay-vong-tron-lap-rat-dep.html

trời, phải nói là đẹp gấp 100 lần ấy, cảm ơn bác vuishopping nhiều lắm ý :D!!

vuishopping bạn có thể hd giúp mình cái slide ko sao mình làm nó ko hiện ra http://vuishopping.com/bvct/chi-tiet/566/code-slide-chay-vong-tron-lap-rat-dep.html

bạn xem kỹ đã làm đúng các bước chưa? và mã html xin hỏi bạn add ở đâu mà kg được

bác  vuishopping

bác có thể sửa lại code giúp mình được ko..

- Xóa giúp mình cái bóng của ảnh

- Xóa giúp mình cái viền ( border ) màu cam bao quanh slide nhé

đây là code :

Code Slide banner có nút chuyển hướng và chạy lặp

Slide này gồm 3 phần bạn có thể tạo như sau:

Phần 1: Mã hmtl (lưu nơi cần đặt slide)

<div class="lof-container" style="height: 339px; padding: 0px;">
<div id="lofslidecontent45" class="lof-slidecontent" style="border: 3px solid #ff7700; width: 958px; height: 339px;">
<div class="preload" style="background: url('http://sanpham.unicityvietnam.vn/wp-content/plugins/easing-slider/images/.gif') no-repeat center center #fff;">&nbsp;</div>
<div class="lof-main-outer" style="background: #fff; width: 958px; height: 339px;">
<ul class="lof-main-wapper">
<li><img style="width: 958px;" src="http://biosnatural.com/wp-content/uploads/2012/07/slide-bios-life-e.jpg" alt="" /></li>
<li><img style="width: 958px;" src="http://biosnatural.com/wp-content/uploads/2012/06/slide-bios-life-slim.jpg" alt="" /></li>
<li><img style="width: 958px;" src="http://biosnatural.com/wp-content/uploads/2012/07/nature-t-infusion.jpg" alt="" /></li>
<li><img style="width: 958px;" src="http://www.congnghelamdep.com/files/slide_home/1.jpg" alt="" /></li>
<li><img style="width: 958px;" src="http://biosnatural.com/wp-content/uploads/2012/06/slide-bios-life-d.jpg" alt="" /></li>
<li><img style="width: 958px;" src="http://biosnatural.com/wp-content/uploads/2012/06/super-chlorophyll.jpg" alt="" /></li>
</ul>
<div class="lof-previous" style="background: url('http://sanpham.unicityvietnam.vn/wp-content/plugins/easing-slider/images/b_prev.png') no-repeat left center;" onclick="return false">&nbsp;</div>
<div class="lof-next" style="background: url('http://sanpham.unicityvietnam.vn/wp-content/plugins/easing-slider/images/b_next.png') no-repeat right center;" onclick="return false">&nbsp;</div>
</div>
<div class="lof-navigator-wapper" style="bottom: 5px; right: -10px; padding: 5px 15px;">
<div class="lof-navigator-outer">
<ul class="lof-navigator">
<li><span>.</span></li>
<li><span>.</span></li>
<li><span>.</span></li>
<li><span>.</span></li>
<li><span>.</span></li>
<li><span>.</span></li>
</ul>
</div>
</div>
</div>
</div>
<p><img style="width: 958px; padding-left: 0px; padding-bottom: 0px; padding-top: 6px; margin-left: 3px;" src="http://sanpham.unicityvietnam.vn/wp-content/plugins/easing-slider/images/shadow_arc.png" alt="" /></p>
<!-- End of Easing Slider -->

Phần 2: (bạn lưu vào phần header trên wmp) mã javascript (mã này mình mượn tạm bên trang bạn cho, nếu bạn muốn sở hữu thì chép nội dung bên trong lưu thành tên khác và up lên google lấy link nhé - bạn lên google search lưu mã dạng javascript hoặc đuôi js) mình đánh dấu mấy chổ cho bạn lấy nội dung

<script type='text/javascript' src='http://sanpham.unicityvietnam.vn/wp-content/plugins/easing-slider/js/jquery.js?ver=1.4.2'></script>
<script type='text/javascript' src='http://sanpham.unicityvietnam.vn/wp-content/plugins/easing-slider/js/jquery.easing.js?ver=1.3'></script>
<script type='text/javascript' src='http://sanpham.unicityvietnam.vn/wp-content/plugins/easing-slider/js/script.js?ver=1.2'></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready( function($){
var buttons = { previous:$('#lofslidecontent45 .lof-previous') , next:$('#lofslidecontent45 .lof-next') };
$obj = $('#lofslidecontent45')
.lofJSidernews( { interval : 5000,
easing : 'easeOutBack',
duration : 1000,
auto : true,
maxItemDisplay : 10,
startItem:0,
navPosition : 'horizontal', // horizontal
navigatorHeight : 15,
navigatorWidth : 25,
buttons : buttons,
mainWidth:958} );
});</script>

Phần 3: mã css

ul.lof-navigator li{background: url(http://sanpham.unicityvietnam.vn/wp-content/plugins/easing-slider/images/pagination.png) 0 0 no-repeat;} ul.lof-navigator li.active{background: url(http://sanpham.unicityvietnam.vn/wp-content/plugins/easing-slider/images/pagination_current.png) 0 0 no-repeat;}
.lof-opacity{width:958px;height:px;}
.lof-opacity li{width:958px;height:px;}

.lof-slidecontent, .lof-slidecontent a {    color:#FFF;    }
.lof-container {}.lof-slidecontent{    position: relative;}
.lof-slidecontent .preload{    position:absolute;    top:0;    left:0;    z-index:2; height: 100%; width: 100%;}
.lof-main-outer {position: relative; overflow:hidden;}
.lof-main-outer .lof-next,  .lof-main-outer .lof-previous{    display:block;    width:40px;    color:#FFF;    cursor:pointer;    position:absolute;    height:100%;    top:0;}
.lof-main-outer .lof-next {    right:10px;}
.lof-main-outer .lof-previous {    left:10px;}
.lof-main-wapper li {border: none !important;}

/* main flash */
ul.lof-main-wapper{    /* margin-right:auto; */    background: transparent;    padding:0 !important;    margin:0 !important;    position: relative;}
ul.lof-main-wapper li{    padding:0 !important;    margin:0 !important;    float:left;    list-style: none;    position:relative;}
ul.lof-main-wapper li a img {border:none !important;}
.lof-opacity {    overflow:visible  !important;;    position:absolute !important;}
.lof-opacity  li{    position:absolute  !important;;    top:0;    left:0;    margin:0;    padding:0;    float:inherit  !important;}
ul.lof-main-wapper li img{    padding:0 !important; margin:0 !important; max-width: none !important; }

/* item navigator */.lof-navigator-wapper {    position:absolute;}
.lof-navigator-outer{    position:relative;    z-index:1;    height:180px;    overflow:hidden;    color:#FFF;    margin:0;    padding:0;}ul.lof-navigator{    top:0;    padding:0;    margin:0;    position:relative;    width:100%;}
ul.lof-navigator li{    cursor:pointer;    list-style:none;    padding:0;    margin: 0;    overflow:hidden;    float:left;    display:block;    text-align:left; border: none !important;}
ul.lof-navigator li span {    display: none;}
ul.lof-navigator li.active {        display:block;}

lưu ý quan trọng là mã dạng script của slide

Mã HTML mình dán ở footer 

mã html sao bạn lại dán ở footer, bạn nên dán vào quảng cáo dạng html mới được

bác Vúihopping không sửa giúp mình sao...

tiện thể bác cung cấp luôn code rê chuột vào ảnh làm ảnh mờ đi với.. thank bác và chờ phản hồi từ bác

sorry mình quên, bạn chỉ cần chỉnh mã html lại là được:

<div class="lof-container" style="height: 339px; padding: 0px;">
<div id="lofslidecontent45" class="lof-slidecontent" style="solid #ff7700; width: 958px; height: 339px;">
<div class="preload" style="background: url('http://sanpham.unicityvietnam.vn/wp-content/plugins/easing-slider/images/.gif') no-repeat center center #fff;">&nbsp;</div>
<div class="lof-main-outer" style="background: #fff; width: 958px; height: 339px;">
<ul class="lof-main-wapper">
<li><img style="width: 958px;" src="http://biosnatural.com/wp-content/uploads/2012/07/slide-bios-life-e.jpg" alt="" /></li>
<li><img style="width: 958px;" src="http://biosnatural.com/wp-content/uploads/2012/06/slide-bios-life-slim.jpg" alt="" /></li>
<li><img style="width: 958px;" src="http://biosnatural.com/wp-content/uploads/2012/07/nature-t-infusion.jpg" alt="" /></li>
<li><img style="width: 958px;" src="http://www.congnghelamdep.com/files/slide_home/1.jpg" alt="" /></li>
<li><img style="width: 958px;" src="http://biosnatural.com/wp-content/uploads/2012/06/slide-bios-life-d.jpg" alt="" /></li>
<li><img style="width: 958px;" src="http://biosnatural.com/wp-content/uploads/2012/06/super-chlorophyll.jpg" alt="" /></li>
</ul>
<div class="lof-previous" style="background: url('http://sanpham.unicityvietnam.vn/wp-content/plugins/easing-slider/images/b_prev.png') no-repeat left center;" onclick="return false">&nbsp;</div>
<div class="lof-next" style="background: url('http://sanpham.unicityvietnam.vn/wp-content/plugins/easing-slider/images/b_next.png') no-repeat right center;" onclick="return false">&nbsp;</div>
</div>
<div class="lof-navigator-wapper" style="bottom: 5px; right: -10px; padding: 5px 15px;">
<div class="lof-navigator-outer">
<ul class="lof-navigator">
<li><span>.</span></li>
<li><span>.</span></li>
<li><span>.</span></li>
<li><span>.</span></li>
<li><span>.</span></li>
<li><span>.</span></li>
</ul>
</div>
</div>
</div>
</div>
<p>&nbsp;</p>
<!-- End of Easing Slider -->

BÁC CHO MÌNH THÊM CODE RÊ CHUỘT VÀO LÀM ẢNH MỜ ĐI ĐƯỢC KO BÁC... HIIII THAM QUÁ

tiện thể bác cho mình hỏi luôn.. làm sao để chèn link clik vào hình.. mình chèn vào phần alt "" mà ko được

để gắn link vào hình bạn chèn vào trước hình như code sau:

<li><a href="#"><img style="width: 958px;" src="http://biosnatural.com/wp-content/uploads/2012/07/slide-bios-life-e.jpg" alt="" /></a></li>

Mã làm mờ hình:

<a href="#"><span style="color: #333333;"><img style="opacity: 2; filter: alpha(opacity=200);" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity=30" onmouseout="this.style.opacity=2;this.filters.alpha.opacity=200" src="Link hình" alt="Home Vuishopping.com" width="228" height="80" />

Mình đã làm được thnks vuishopping nhiều.

bác      bác cho thể lấy code của silde này ko.. mình thấy nó đẹp quá.. thank bác nhiều 

http://demo.anhsaokhuya.net/Slide-Image/imagescaptions/

mình có code đây.. bác sửa lại cho hợp với WMP được ko

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>Slides, A Slideshow Plugin for jQuery</title><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><script src="js/slides.min.jquery.js"></script><script>
		$(function(){
			$('#slides').slides({
				preload: true,
				preloadImage: 'img/loading.gif',
				play: 5000,
				pause: 2500,
				hoverPause: true,
				animationStart: function(current){
					$('.caption').animate({
						bottom:-35
					},100);
					if (window.console && console.log) {
						// example return of current slide number
						console.log('animationStart on slide: ', current);
					};
				},
				animationComplete: function(current){
					$('.caption').animate({
						bottom:0
					},200);
					if (window.console && console.log) {
						// example return of current slide number
						console.log('animationComplete on slide: ', current);
					};
				},
				slidesLoaded: function() {
					$('.caption').animate({
						bottom:0
					},200);
				}
			});
		});
	</script><link rel="stylesheet" href="css/global.css"></head><body><div id="container"><div id="example"><img src="img/new-ribbon.png" width="112" height="112" alt="New Ribbon" id="ribbon"><div id="slides"><div class="slides_container"><div class="slide"><a href="http://www.flickr.com/photos/jliba/4665625073/" title="145.365 - Happy Bokeh Thursday! | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-1.jpg" width="570" height="270" alt="Slide 1"></a><div class="caption" style="bottom:0"><p>Happy Bokeh Thursday!</p></div></div><div class="slide"><a href="http://www.flickr.com/photos/stephangeyer/3020487807/" title="Taxi | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-2.jpg" width="570" height="270" alt="Slide 2"></a><div class="caption"><p>Taxi</p></div></div><div class="slide"><a href="http://www.flickr.com/photos/childofwar/2984345060/" title="Happy Bokeh raining Day | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-3.jpg" width="570" height="270" alt="Slide 3"></a><div class="caption"><p>Happy Bokeh raining Day</p></div></div><div class="slide"><a href="http://www.flickr.com/photos/b-tal/117037943/" title="We Eat Light | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-4.jpg" width="570" height="270" alt="Slide 4"></a><div class="caption"><p>We Eat Light</p></div></div><div class="slide"><a href="http://www.flickr.com/photos/bu7amd/3447416780/" title="&ldquo;I must go down to the sea again, to the lonely sea and the sky; and all I ask is a tall ship and a star to steer her by.&rdquo; | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-5.jpg" width="570" height="270" alt="Slide 5"></a><div class="caption"><p>&ldquo;I must go down to the sea again, to the lonely sea and the sky...&rdquo;</p></div></div><div class="slide"><a href="http://www.flickr.com/photos/streetpreacher/2078765853/" title="twelve.inch | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-6.jpg" width="570" height="270" alt="Slide 6"></a><div class="caption"><p>twelve.inch</p></div></div><div class="slide"><a href="http://www.flickr.com/photos/aftab/3152515428/" title="Save my love for loneliness | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-7.jpg" width="570" height="270" alt="Slide 7"></a><div class="caption"><p>Save my love for loneliness</p></div></div></div><a href="#" class="prev"><img src="img/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a><a href="#" class="next"><img src="img/arrow-next.png" width="24" height="43" alt="Arrow Next"></a></div><img src="img/example-frame.png" width="739" height="341" alt="Example Frame" id="frame"></div><div id="footer"><p>For full instructions go to <a href="http://slidesjs.com" target="_blank">http://slidesjs.com</a>.</p><p>Slider design by Orman Clark at <a href="http://www.premiumpixels.com/" target="_blank">Premium Pixels</a>. You can donwload the source PSD at <a href="http://www.premiumpixels.com/clean-simple-image-slider-psd/" target="_blank">Premium Pixels</a></p><p>&copy; 2010 <a href="http://nathansearles.com" target="_blank">Nathan Searles</a>. All rights reserved. Slides is licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache license</a>.</p></div></div></body></html>

bác vuishopping ơi! trang chia sẻ code trên web của bác em không vào được nữa T_T

Em có tìm được một slide có ảnh thumb ở dưới rất đẹp, demo của nó clich vào hình dc, nhưng em chỉnh lấy code thì không thể click chuột được, bác xem hộ em với:

http://www.nitinh.com/static/SlideShow/jquery.html

hướng dẫn của nó đây ạ:

http://www.nitinh.com/2010/03/how-to-create-a-simple-slideshow-using-mootools-jquery/

Web mình tự dưng bị lỗi mất toàn bộ nội dung bài viết ở chuyên mục chia sẽ code, mình đang nhờ Ad can thiệp.

Chào các bạn dạo này mình bận qua nên kg có thời gian lên diễn đàn nên một số bạn yêu cầu mình sorry hẹn dịp khác nha.

Mình sẽ cố gắng sắp xếp thời gian để hỗ  trợ các bạn khi có thể, mong các bạn thông cảm.

Thanks các bạn đã ủng hộ

Bác vuishopping cho xin cái code chương trình khuyến mại góc phải, phía dưới cái.

Phần bạn cần nằm ở đây bạn nhé:

http://www.vuishopping.com/bvct/chi-tiet/552/code-phan-quang-cao-phia-duoi-ben-phai.html

Bác vuishopping giúp em cái code slide của trang này với http://inspiration-srtemplate.blogspot.com/

Quan trọng là cái slide nằm trên cái khung trắng

Sẵn có pro nào ghé thì vào trang sau tham khảo template về mode Web mình nhé http://www.soratemplates.com/

Thanks

Xin chào Vuishoping!

Mình xin nhờ anh chia sẽ hướng dẫn cho mình tạo ảnh cuốn ngang như hình sau:

được không ạ

Chân thành cảm ơn!

Trước hết mình cảm ơn các bạn rất nhiều đã quan tâm đến topic của mình, trong thời gian qua mình có rất nhiều công việc phải làm cho nên mình chưa có thời gian giúp các bạn sữa code - mình rất lấy làm tiếc. các vấn đề các bạn hỏi hiện mình chia sẽ ở topic này hoặc ở trang code chính trên web. Mình tạm thời giải quyết theo nhưng code đã có sẳn, nếu các bạn chưa được giải quyết xin đừng buồn mình nha, sau khi mình sắp xếp được cv sẽ hỗ trợ các bạn hết mình. Thanks và chúc các bạn đắt khách nha

Cảm ơn vuishopping! rất nhiều mong sớm được nhận sự chia sẽ quí báo của vuishopping!

Code tạo ngày tháng năm

Các bạn chèn code Html ở chổ cần chèn ngày tháng năm nha:

<script language="JavaScript" type="text/javascript">
                        function makeArray(n) {
                            arglen=makeArray.arguments.length;
                            for (var i=0;i<arglen;i++) { this[i+1] = makeArray.arguments[i]; }}
                            var today=new Date();
                            var months=new makeArray("1","2","3","4","5","6","7","8","9","10","11","12");
                            var days= new makeArray("Chủ nhật","Thứ hai","Thứ ba","Thứ tư","Thứ năm","Thứ sáu","Thứ bảy");
                            var dates= today.getDate();
                            var ngay= today.getDay() + 1;
                            var nam= (today.getYear() % 100) + 2000;
                            if (ngay==0) ngay+=7;
                            document.write("Hôm nay, "+days[ngay]+" ngày "+ dates+" tháng "+months[today.getMonth()+1]+" năm "+nam); //today.getYear()
 </script>

Kết quả

Mình lập trang trên Face để cho tất cả anh em có thể dể dàng trao đổi, cập nhật và chia sẽ code hay cho mọi người thuộc cộng đồng WMP, thân mời các anh e có nhiều kinh nghiệm có thể vào cùng quản trị để giúp mọi người tiếp cận nhiều hơn với WMP.

Địa chỉ tại: https://www.facebook.com/thichthietkeweb

Xin chân thành cảm ơn mọi người đã ủng hộ Vuishopping.com trong thời gian qua

vuashopping ơi !

bạn tổng hợp các code của trang bạn thành 1 file world để AE dẽ nhìn và nghiêm cứu đc không bạn . để zậy lung tung quá và khó tìm nữa. bạn có gắng giúp nhé

Thanks bạn 

Mình đã tổng hợp từ lâu rồi tại địa chỉ này các bạn tham khảo nha:

http://vuishopping.com/thiet-ke-web-code-hay-share-code-b69.html

a vuishopping ơi e  hâm mộ a lắm e k bít gì về code hết nhưng sẽ cố gắng theo a để học hỏi :)

Phần này gọi là thanh Navar luôn hiển thị và vị trí thì mìh tùy thích muốn đặt phía trên hoặc dưới tùy chỉnh:

COde bao gồm 2 phần:

Phần 1 các bạn chép vào CSS

div.fixed-navbar {
background-color: #ccc;
color: #000;
font: bold 13px "Trebuchet MS", Verdana, Arial, sans-serif;
position: fixed; top: 0; left: 0;
text-align: left;
width: 100%;
border: 2px #00f solid;
}
div.fixed-navbar a:hover {
color: #00f;
}

- đọc hiểu code:
+ background-color: #ccc; : màu nền của thanh navbar, nếu bạn dùng ảnh nền thì đổi code lại thành background: #ccc url(link ảnh) ;
+ position: fixed; top: 0; left: 0; : code xác định vị trí hiển thị của thanh navbar trên blog. Thuộc tính fixed là để cho thanh cố định khi di ta di chuyển chuột. còn thuộc tính left top dùng để xác định vị trí , nếu các bạn muốn đặt phía dưới thì thay top bằng bottom:0
+ width: 100%; : độ rộng của thanh Navbar
+ border: 2px #00f solid; tạo đường bo cho thanh navbar, nếu bạn không thích thì cứ bỏ nó đi.

Phần code thứ 2 các bạn chép vào Footer cho mình nhé:

fixed-navbar">
nội dung mà bạn muốn hiển thị trên thanh navbar

Giải thích:

phần nội dung các bạn có thể soạn thảo phía bên ngoài ( các bạn có thể vào phần bài viết rồi soạn thảo) sao đó các bạn nhấn vào html để lấy code -> sao đó dán vào phần nội dung hiển thị thì các bạn sẽ được nội dung trên thanh navar:

Sau đây là code mẫu phần nội dung mình làm trên vuishopping các bạn có thể tham khảo:

<div class="fixed-navbar">
<table style="width: 1050x; height: 17px;" border="0" rules="none" cellpadding="3" align="center">
<thead>
<tr align="center" valign="middle">
<td align="center" valign="middle"><strong><img src="files/assets/Iconnho/home.png" alt="" align="absmiddle" />  <a href="#">Trang chủ</a></strong></td>
<td align="center" valign="middle"><strong><img src="files/assets/Iconnho/oder.png" alt="" align="absmiddle"/>  <a  href="bvct/chi-tiet/10/huong-dan-dat-hang-tai-www-vuishopping-com.html">Hướng dẫn cách mua hàng</a></strong></td>
<td align="center" valign="middle"><strong><img src="files/assets/Iconnho/pay.png" alt="" align="absmiddle" />  <a  href="bv/danh-sach/2/thanh-toan-va-giao-hang.html">Thanh toán & giao hàng</a></strong></td>
<td align="center" valign="middle"><strong><img src="files/assets/Iconnho/sale.png" alt="" align="absmiddle" />  <a  href="sp/danh-sach/38/v=0/giam-gia-moi-ngay.html">Đang Giảm giá</a></strong></td>
<td align="center" valign="middle"><strong><img src="files/assets/Iconnho/search.png" alt="" align="absmiddle" />  <a  href="bvct/chi-tiet/201/tim-kiem-thong-tin-tren-vuishopping-com.html">Tìm kiếm</a></strong></td>
<td align="center" valign="middle">
<div align="center"><strong><a href="ymsgr:sendim?xuanthanh1410&m=Chào%20www.vuishopping.com,%20Mình%20cần%20tư%20vấn%20về%20sản%20phẩm"> <img src="http://opi.yahoo.com/online?u=xuanthanh1410&m=g&t=0" alt="Ho tro truc tuyen" width="15" height="15" align="absmiddle" border="0" /></a>  <a  href="ymsgr:sendim?xuanthanh1410&m=Chào%20www.vuishopping.com,%20Mình%20cần%20tư%20vấn%20về%20sản%20phẩm">Tư vấn Online</a></strong></div>
</td>
<td align="center" valign="middle">
<div align="center"><strong><a href="ymsgr:sendim?thuha060708&m=Chào%20www.vuishopping.com!%20Mình%20là%20nữ,%20mình%20cần%20tư%20vấn%20về%20sản%20phẩm%20dành%20cho%20Phụ%20nữ"> <img src="http://opi.yahoo.com/online?u=thuha060708&m=g&t=0" alt="Ho tro truc tuyen" width="15" height="15" align="absmiddle" border="0" /></a>  <a href="ymsgr:sendim?thuha060708&m=Chào%20www.vuishopping.com!%20Mình%20là%20nữ,%20mình%20cần%20tư%20vấn%20về%20sản%20phẩm%20dành%20cho%20Phụ%20nữ">Tư vấn làm đẹp </a></strong></a></div>
</td>
<td align="center" valign="middle"><strong><a href="ymsgr:sendim?xuanthanh1410&m=Chào%20www.vuishopping.com,%20Mình%20cần%20tư%20vấn%20Phương%20thức%20mua%20hàng%20và%20thanh%20toán"> <img src="http://opi.yahoo.com/online?u=xuanthanh1410&m=g&t=0" alt="Ho tro truc tuyen" width="15" height="15" align="absmiddle" border="0" /></a>  <a  href="ymsgr:sendim?xuanthanh1410&m=Chào%20www.vuishopping.com,%20Mình%20cần%20tư%20vấn%20Phương%20thức%20mua%20hàng%20và%20thanh%20toán">Hướng dẫn mua hàng</a></strong></td>
</tr>
</thead>
</table>
</div>

trong phần code mẫu này có cả phần gán icon của yahoo messager các bạn lưu ý nhé

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

Bạn PM qua yahoo thaihoc_tgdd giúp mình cái này đc không mình rất cần

Vuishopping cho e hỏi, cái hiệu ứng rê chuột vào hình ảnh chạy dài ra ấy, e làm đc rồi nhưng đoạn slide đó của e cách 2 đầu 1 khoảng lớn quá (e để giữa phần menu ngang và phần thân website). Cho e hỏi cách chỉnh cho khoảng cách sát vào ạ, em cảm ơn

chào bạn @vuishopping

Bạn có thể hướng dẫn mình tạo :

- Top bài viết của thành viên trong diễn đàn

- Level thành viên ( như thành viên mới ... quá trình viết bào của họ đạt lên level khác )

Mình cảm ơn trước nhé - web mình : http://www.forumkerry.mov.mn

với thêm cái nữa là : xác định thuộc tính ALT

mình không biết làm sao để thêm cái đó , bạn hướng dẫn giúp mình được không ? tại check seo nó báo phần đó mình thiếu

cảm ơn bạn

Ad chán quá sao ko làm lun cái khung chát cho vừa tầm màn hình tự nhiên kéo dài ra tận ngoài đó, mỗi lần coppy vừa lâu mà khó nhìn nữa

Cho mình xin cái code hotline nhe! thanks nhiều ạ!

chào bạn @vuishopping

Cho mình hỏi 2 vấn đề nhé:

- cách làm chân web tương tự như web của bạn thì làm như thế nào?!

- mình muốn SEO các bài viết lên google, nhưng chưa hiểu cách nhập các dòng như "Title", "Url" "Meta keyword" như thế nào cho hiệu quả, bạn ví dụ cụ thể luôn dùm mình với. (và nếu sau này mình trỏ từ euronawindow.mov.mn sang euronawindow.com thì cách nhập các dòng đó có thay đổi không khi Seo)

Cảm ơn bạn nhiều