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 Show 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é (  [email protected] Gửi vào lúc : 14/11/2012 minh làm nhu vau ma ko dc ban huong dan minh nhe [email protected] Gửi vào lúc : 14/11/2012 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 [email protected] Gửi vào lúc : 14/11/2012 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 [email protected] Gửi vào lúc : 14/11/2012 ban gui cho moi nguoi mot doan code hoan chinh duoc ko ? cảm ơn bạn nhieu ! [email protected] Gửi vào lúc : 14/11/2012 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> [email protected] Gửi vào lúc : 15/11/2012 ban co the chia se code quang cao phía dươi ben trai duoc ko [email protected] Gửi vào lúc : 15/11/2012 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:111999999111; 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 [email protected] Gửi vào lúc : 15/11/2012 cam on ban rat nhieu ban cho minh hoi lam sao có thể cho anh cào [email protected] Gửi vào lúc : 15/11/2012 ban cho minh hoi lam sao có thể cho anh vào [email protected] Gửi vào lúc : 15/11/2012 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 [email protected] Gửi vào lúc : 15/11/2012 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:[email protected] Gửi vào lúc : 15/11/2012 có thể lấy ảnh chụp từ máy ảnh vào ko [email protected] Gửi vào lúc : 15/11/2012 Được nhưng bạn phải sữa lại kích thước, sau đó add lên web để lấy link [email protected] Gửi vào lúc : 15/11/2012 ban huong dẫn mình add lên web để lấy link [email protected] Gửi vào lúc : 15/11/2012 mình chua lam lần nao giup minh nhe [email protected] Gửi vào lúc : 15/11/2012 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 [email protected] Gửi vào lúc : 15/11/2012 mình làm được rồi cám ơn bạn nhé [email protected] Gửi vào lúc : 15/11/2012 ah vậy muốn cho nhiều ảnh vào đó thì làm thế nào [email protected] Gửi vào lúc : 15/11/2012 Bạn tìm code tạo Slide ảnh, trên WMP có nhiều bạn share rồi [email protected] Gửi vào lúc : 15/11/2012 cho mình xin code khi rê chuột vào hình zoom lớn ra được k. Thanks [email protected] Gửi vào lúc : 15/11/2012 [email protected] Gửi vào lúc : 15/11/2012 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;"> <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 [email protected] Gửi vào lúc : 16/11/2012 Thanks bạn, mình làm được rồi ! [email protected] Gửi vào lúc : 18/11/2012 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 [email protected] Gửi vào lúc : 19/11/2012 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 [email protected] Gửi vào lúc : 12/12/2012 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 [email protected] Gửi vào lúc : 19/12/2012 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é.. [email protected] Gửi vào lúc : 19/12/2012 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 [email protected] Gửi vào lúc : 20/12/2012 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 [email protected] Gửi vào lúc : 21/12/2012 share code mục liên hệ đặt hàng đi bạn .. thank bạn nhiều [email protected] Gửi vào lúc : 22/12/2012 bạn thaihoctgdd nói rõ cho mình biết phần nào được không? [email protected] Gửi vào lúc : 22/12/2012 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 [email protected] Gửi vào lúc : 22/12/2012 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 [email protected] Gửi vào lúc : 23/12/2012 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:111999999111; 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 [email protected] Gửi vào lúc : 23/12/2012 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 [email protected] Gửi vào lúc : 23/12/2012 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 [email protected] Gửi vào lúc : 23/12/2012 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 [email protected] Gửi vào lúc : 24/12/2012 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. [email protected] Gửi vào lúc : 24/12/2012 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 [email protected] Gửi vào lúc : 24/12/2012 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ả [email protected] Gửi vào lúc : 24/12/2012 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 [email protected] Gửi vào lúc : 25/12/2012 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. [email protected] Gửi vào lúc : 25/12/2012 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 [email protected] Gửi vào lúc : 25/12/2012 mình làm được mà bạn! có thể bạn bị trùng code chăng! [email protected] Gửi vào lúc : 26/12/2012 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á [email protected] Gửi vào lúc : 26/12/2012 mình làm được rồi nhé.. gỡ hết code cũ và thay đổi thứ tự là được.. thank vuishopping nhé [email protected] Gửi vào lúc : 26/12/2012 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. [email protected] Gửi vào lúc : 26/12/2012 trời ơi mình chỉ mà bác lại thank bác vuishop hic hic! [email protected] Gửi vào lúc : 28/12/2012 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é [email protected] Gửi vào lúc : 28/12/2012 trời em quên... thì bây giờ thank luôn bác dieukhaclonganh đây.. heeee [email protected] Gửi vào lúc : 28/12/2012 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" [email protected] Gửi vào lúc : 28/12/2012 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 [email protected] Gửi vào lúc : 05/01/2013 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 [email protected] Gửi vào lúc : 05/01/2013 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) [email protected] Gửi vào lúc : 05/01/2013 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 [email protected] Gửi vào lúc : 05/01/2013 à 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é [email protected] Gửi vào lúc : 07/01/2013 up lên đầu và cùng chờ code của bác Vuishopping nào!!! [email protected] Gửi vào lúc : 07/01/2013 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 solidccc;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,.rollBoxList2{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ình" alt="" width="130" height="95" /></a></div> <div class="pic"><a href="link web" target="_blank"><img src="Link hình" alt="" width="130" height="95" /></a></div> <div class="pic"><a href="link web" target="_blank"><img src="Link hình" alt="" width="130" height="95" /></a></div> <div class="pic"><a href="link web" target="_blank"><img src="Link hình" alt="" width="130" height="95" /></a></div> <div class="pic"><a href="link web" target="_blank"><img src="Link hình" alt="" width="130" height="95" /></a></div> <div class="pic"><a href="link web" target="_blank"><img src="Link hình" alt="" width="130" height="95" /></a></div> <div class="pic"><a href="link web" target="_blank"><img src="Link hình" alt="" width="130" height="95" /></a></div> <div class="pic"><a href="link web" target="_blank"><img src="Link hình" alt="" width="130" height="95" /></a></div> <div class="pic"><a href="link web" target="_blank"><img src="Link hình" alt="" width="130" height="95" /></a></div> <div class="pic"><a href="link web" target="_blank"><img src="Link hình" alt="" width="130" height="95" /></a></div> <! K?t th?c ></div> <div id="List2"> </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 [email protected] Gửi vào lúc : 08/01/2013 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 [email protected] Gửi vào lúc : 08/01/2013 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 [email protected] Gửi vào lúc : 08/01/2013 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. [email protected] Gửi vào lúc : 09/01/2013 Đâ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 [email protected] Gửi vào lúc : 09/01/2013 [email protected] Gửi vào lúc : 09/01/2013 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 [email protected] Gửi vào lúc : 14/01/2013 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 [email protected] Gửi vào lúc : 27/01/2013 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;"> <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.. [email protected] Gửi vào lúc : 27/01/2013 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;"> <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 [email protected] Gửi vào lúc : 28/01/2013 - 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 [email protected] Gửi vào lúc : 29/01/2013 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. [email protected] Gửi vào lúc : 01/02/2013 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. [email protected] Gửi vào lúc : 01/02/2013 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 [email protected] Gửi vào lúc : 02/02/2013 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. [email protected] Gửi vào lúc : 02/02/2013 4 hình chuyển động qua phải... [email protected] Gửi vào lúc : 02/02/2013 nhìn lại làn nữa thì thấy 5 hình, hok pải 3-4. hehe [email protected] Gửi vào lúc : 02/02/2013 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 [email protected] Gửi vào lúc : 04/02/2013 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 [email protected] Gửi vào lúc : 04/02/2013 link hình lỗi đây bác http://nu9.upanh.com/b4.s33.d2/cda102ea71902046bf67e89dc5e3af7d_53104089.loi.jpg [email protected] Gửi vào lúc : 04/02/2013 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é [email protected] Gửi vào lúc : 05/02/2013 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 [email protected] Gửi vào lúc : 05/02/2013 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 [email protected] Gửi vào lúc : 06/02/2013 Bạn có thể chỉ mình cách làm chân website như bạn thế này được không? [email protected] Gửi vào lúc : 18/02/2013 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 [email protected] Gửi vào lúc : 20/02/2013 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> [email protected] Gửi vào lúc : 21/02/2013 Với code này bạn chèn vào banner quảng cáo - > dạng html nhé [email protected] Gửi vào lúc : 23/02/2013 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;"> </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"> </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"> </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 [email protected] Gửi vào lúc : 23/02/2013 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é [email protected] Gửi vào lúc : 24/02/2013 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 solidb5bab8; 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 [email protected] Gửi vào lúc : 24/02/2013 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, [email protected] Gửi vào lúc : 25/02/2013 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 [email protected] Gửi vào lúc : 25/02/2013 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. [email protected] Gửi vào lúc : 26/02/2013 Để ủ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 [email protected] Gửi vào lúc : 01/03/2013 @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 [email protected] Gửi vào lúc : 05/03/2013 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 wrapperslide{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; } wrapperprev2{position:absolute; display:block; width:32px; height:32px; top:116px; background:url(../images/previous.png) no-repeat; } wrappernext2{position:absolute; display:block; width:32px; height:32px; top:116px; left:1180px; background: 009;background:url(../images/next.png) no-repeat; } wrapperslidetk{margin:70px 0 0 110px; } wrapperslide img{margin:50px 0 0 110px; } wrapperservicekhung-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 [email protected] Gửi vào lúc : 08/03/2013 [email protected] Gửi vào lúc : 08/03/2013 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 [email protected] Gửi vào lúc : 08/03/2013 thanks anh nhé! anh chỉ giúp em cách tạo cái này với [email protected] Gửi vào lúc : 08/03/2013 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 [email protected] Gửi vào lúc : 11/03/2013 Bạn Vuishopping giỏi quá _ [email protected] Gửi vào lúc : 12/03/2013 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é [email protected] Gửi vào lúc : 13/03/2013 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 [email protected] Gửi vào lúc : 14/03/2013 cho mình xin code like facebook ở góc phải web nhé vuishopping [email protected] Gửi vào lúc : 14/03/2013 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 [email protected] Gửi vào lúc : 14/03/2013 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 [email protected] Gửi vào lúc : 14/03/2013 Bác vuishopping thật sự là rất tuyệt vời! bác có trao đổi link không? [email protected] Gửi vào lúc : 14/03/2013 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 à) [email protected] Gửi vào lúc : 14/03/2013 Để ủ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): 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à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àng tận tay Khách hàng trên Toàn quốc'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Giao hàng tận tay Khách hàng trên Toàn quốc'; }" type="" value="Giao hàng tận tay Khách hàng trên Toà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 đâ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 [email protected] Gửi vào lúc : 16/03/2013 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 [email protected] Gửi vào lúc : 18/03/2013 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. [email protected] Gửi vào lúc : 19/03/2013 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 [email protected] Gửi vào lúc : 19/03/2013 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> [email protected] Gửi vào lúc : 19/03/2013 Đú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 [email protected] Gửi vào lúc : 19/03/2013 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? [email protected] Gửi vào lúc : 20/03/2013 [email protected] Gửi vào lúc : 20/03/2013 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!! [email protected] Gửi vào lúc : 21/03/2013 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 [email protected] Gửi vào lúc : 21/03/2013 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 [email protected] Gửi vào lúc : 21/03/2013 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ặpSlide 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;"> </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"> </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"> </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 [email protected] Gửi vào lúc : 22/03/2013 Mã HTML mình dán ở footer [email protected] Gửi vào lúc : 22/03/2013 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 [email protected] Gửi vào lúc : 22/03/2013 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 [email protected] Gửi vào lúc : 22/03/2013 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;"> </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"> </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"> </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> </p> <! End of Easing Slider > [email protected] Gửi vào lúc : 22/03/2013 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Á [email protected] Gửi vào lúc : 22/03/2013 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 [email protected] Gửi vào lúc : 22/03/2013 để 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" />[email protected] Gửi vào lúc : 22/03/2013 Mình đã làm được thnks vuishopping nhiều. [email protected] Gửi vào lúc : 07/04/2013 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> [email protected] Gửi vào lúc : 20/04/2013 [email protected] Gửi vào lúc : 23/04/2013 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ộ [email protected] Gửi vào lúc : 07/06/2013 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. [email protected] Gửi vào lúc : 07/06/2013 [email protected] Gửi vào lúc : 05/07/2013 [email protected] Gửi vào lúc : 31/07/2013 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! [email protected] Gửi vào lúc : 31/07/2013 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 [email protected] Gửi vào lúc : 31/07/2013 [email protected] Gửi vào lúc : 14/10/2013 Code tạo ngày tháng nămCá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ả [email protected] Gửi vào lúc : 19/10/2013 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 [email protected] Gửi vào lúc : 06/12/2013 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 [email protected] Gửi vào lúc : 13/12/2013 [email protected] Gửi vào lúc : 11/01/2014 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 :) [email protected] Gửi vào lúc : 19/01/2014 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 [email protected] Gửi vào lúc : 28/03/2014 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 [email protected] Gửi vào lúc : 29/06/2014 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 [email protected] Gửi vào lúc : 29/06/2014 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 [email protected] Gửi vào lúc : 29/10/2014 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 [email protected] Gửi vào lúc : 24/06/2015 Cho mình xin cái code hotline nhe! thanks nhiều ạ! [email protected] Gửi vào lúc : 28/10/2015 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) |
