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:
<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"/>
Chúc các bạn thành công
- See more at: http://vuishopping.com/bvct/chi-tiet/551/code-lam-mo-hoac-ro-anh-khi-re-chuot-vao.html#sthash.idRPALzg.dpuf

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

  <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"/>  

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:
<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"/>
Chúc các bạn thành công
- See more at: http://vuishopping.com/bvct/chi-tiet/551/code-lam-mo-hoac-ro-anh-khi-re-chuot-vao.html#sthash.idRPALzg.dpuf

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:
<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"/>
Chúc các bạn thành công
- See more at: http://vuishopping.com/bvct/chi-tiet/551/code-lam-mo-hoac-ro-anh-khi-re-chuot-vao.html#sthash.idRPALzg.dpuf

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:
<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"/>
Chúc các bạn thành công
- See more at: http://vuishopping.com/bvct/chi-tiet/551/code-lam-mo-hoac-ro-anh-khi-re-chuot-vao.html#sthash.idRPALzg.dpuf

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:
<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"/>
Chúc các bạn thành công
- See more at: http://vuishopping.com/bvct/chi-tiet/551/code-lam-mo-hoac-ro-anh-khi-re-chuot-vao.html#sthash.idRPALzg.dpuf

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:
<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"/>
Chúc các bạn thành công
- See more at: http://vuishopping.com/bvct/chi-tiet/551/code-lam-mo-hoac-ro-anh-khi-re-chuot-vao.html#sthash.idRPALzg.dpuf

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:
<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"/>
Chúc các bạn thành công
- See more at: http://vuishopping.com/bvct/chi-tiet/551/code-lam-mo-hoac-ro-anh-khi-re-chuot-vao.html#sthash.idRPALzg.dpuf

công

công

công

công

công

Tạo Phần Ho tro truc tuyen

 Phần này paste vào HTML footer

<script type="text/javascript">
jQuery(function($) {
var open = false;
$('#footerSlideButton').click(function () {
if(open === false) {
$('#footerSlideContent').animate({ height: '270px' });
$(this).css('backgroundPosition', 'bottom left');
open = true;
} else {
$('#footerSlideContent').animate({ height: '0px' });
$(this).css('backgroundPosition', 'top left');
open = false;
}
});
});
</script>
<script type="text/javascript"> Cufon.now(); </script>
<!-- Begin Support Online -->
<div id="footerSlideContainer">
<div id="footerSlideButton"></div>
<div id="footerSlideContent">
<div id="footerSlideText">

<span class="titles">Hỗ trợ trực tuyến </span>


<p><span class="left"><span class="left"><a href="ymsgr:sendIM?hi_new9999" rel="nofollow"><img src="http://opi.yahoo.com/online?u=xuanthanh1410&t=2" alt="Bán hàng" /></a></span></span></p>

<p><span style="color: #008000;"><strong><span style="font-size: small;">Mr. Thanh (General Director): 0902.506.345</span></strong></span></p>

<p><span style="color: #008000;"><strong><span style="font-size: small;">Email: thanh@dragonlines.vn</span></strong></span></p>


<p><span class="left"><span class="left"><a href="ymsgr:sendIM?hi_new9999" rel="nofollow"><img src="http://opi.yahoo.com/online?u=xuanthanh1410&t=2" alt="Đặt hàng" /></a></span></span></p>

<p><span style="color: #008000;"><strong><span style="font-size: small;">Mr.Liêm (P.Thiết kế - In ấn): 0907 88 00 07</span></strong></span></p>



<p><span style="color: #008000;"><strong><span style="font-size: small;">Email: liem@dragonlines.vn</span></strong></span></p>
</div>
</div>
</div><!-- End Support Online -->





Phần này paste vào CSS:

#footerSlideContainer {
    z-index: 1000;
    position: fixed;
    bottom:0;
    left: 0;
    width: 300px;
}
#footerSlideButton {
    background: url(http://i1247.photobucket.com/albums/gg637/vintage181/hotro_zps3d047ee1.png) top left no-repeat transparent;
    position: absolute;
    top: -80px;
    left: 0px;
    width:235px;
    height:100px;
    border: none;
    cursor: pointer;
}
#footerSlideContent {
    width: 100%;
    height: 0px;
    background: #FFFFFF;
    //color: #CCCCCC;
    font-size: 0.8em;
    border: 5px solid #FFCC00;
    border-bottom: none;
    //border-left: none;
    font-family: DejaVuSansBook, Sans-Serif;
    position: relative;
    bottom: -5px;
}
#footerSlideContent h3 {
    font-size: 36px;
    color: #9AC941;
    margin: 10px 0 10px 0;
}

#footerSlideText {
    padding: 10px 5px 5px 5px;
    text-shadow: 1px 1px #FFFFFF;
}
#footerSlideText .line{
    width: 95%;
    margin: auto;
    margin-top: 12px;
    margin-bottom: 12px;
    background: url(line.gif) repeat-x top lèt;
    height: 2px;
}
#footerSlideText .titles{
    font-size: 14px;
    text-transform: uppercase;
    color: #006795;
    font-weight: bold;
}

Hotline

Những loại website công ty KIẾN ĐỎ thiết kế :

- thiết kế web cá nhân

- thiết kế website cho doanh nghiệp

- thiết kế website bán hàng

- thiết kế website cho công ty


-thiết kế web nữ trang

-thiết kế web bán điện thoại

-thiết kế web bán mỹ phẩm

-thiết kế web hoa tươi

-thiết kế website xuất nhập khẩu

-thiết kế website xây dựng

-thiết kế website bất động sản

- v.v......website: http://marketingonline365.com

Miễn phí chuột kiêm chức năng Scan 1980k với 1 Click chuột ! Tham gia ngay !

Nhật Bản luôn là một đất nước có nhiều phát minh thú vị, đặc biệt là ở lĩnh vực công nghệ thông tin.
Sản phẩm chuột cao cấp King Jim Mouse Scanner MSC 10E đến từ Nhật Bản là sự kết hợp hai trong một giữa chuột máy tính và hệ thống scan của giúp người dùng scan những tài liệu cần thiết ví dụ danh thiếp, giấy tờ văn bản hoặc mặt bàn nếu muốn bằng chính con chuột đang cầm trên tay.
Tham gia sự kiện này bạn có cơ hội sở hữu chuột scan cao cấp của King Jim hoàn toàn miễn phí để trải nghiệm công nghệ đỉnh cao.

Tham gia sự kiện tại đây http://bit.ly/mousescan 

Thời gian tham gia:
Từ 25/06/2013 đến 09/07/2013

Đối tượng tham gia
Tất cả người dùng Facebook tại Việt Nam đã like fanpage KING JIM đều được tham gia chương trình này.

Cách thức tham gia
Scan hình online trúng thưởng. Điều khiển chuột scan trong khu vực hình. Sau khi scan hoàn thành thông tin trúng tưởng hoặc không trúng thưởng sẽ được hiển thị.
Mỗi ID sẽ được miễn phí 1 lần scan hình đầu tiên
Share link Ứng dụng trên tường sẽ được nhận thêm 5 lượt chơi

Tham gia sự kiện tại đây http://bit.ly/mousescan

Giải thưởng
Giải 1: Tặng chuộtscan MSC-10E trị giá 1,980,000
Giải 2: Tặng voucher giảm giá 20% cho sản phẩm chuột scan MSC-10E

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

Tư vấn chiến lược marketing Online doanh nghiệp, thiết kế web doanh nghiệp, web xuất nhập khẩu, web xây dựng, web bán hàng, web thời trang, web bất động sản.......

xem chi tiết tại :  http://marketingonline365.com/

Banner chính- Code slide chạy vòng tròn

Code slide chạy vòng tròn lặp rất đẹp 

 (mượn của trang lorem.vn ^_^)

Code gồm 3 phần

Phần 1 là mã CSS:

#slideshow{margin-top:-5px; overflow:visible}
.carousel-container { position:relative; width:950px; padding:0px 0 0 0; margin-center:5px; z-index:1;}
#carousel-1 { height:350px; width:950px; background:none; position:relative; overflow:visible}
.carousel-image { border:0; display:block;}
.carousel-feature { position:absolute; top:-1000px; center:-1000px;  border:none; cursor:pointer;}
.tracker-summation-container { position:absolute; color:white; center:48px; top:0px; padding:3px; margin:3px; background-color:#000; display:none;}
.tracker-individual-container {position:absolute;left:0px;top:0px;z-index:5555;}
.tracker-individual-container .tracker-individual-blip {display:block;    width:0px;    height:0px;background:#000;float:left;margin-right:0px;background:url("") no-repeat top;     text-indent:-5000px;}
.tracker-individual-container .tracker-individual-blip:hover{background-position:center;}
.tracker-individual-container .tracker-individual-blip-selected {background-position:bottom;}
.tracker-individual-container .tracker-individual-blip-selected:hover {background-position:bottom;}
.tracker-individual-blip-selected {cursor:default !important;}

Phần 2 là mã Script: add vào Header

<script type="text/javascript" src="http://lorem.vn/js/jquery.js"></script>
<script type="text/javascript" src="http://lorem.vn/js/jquery.carouFredSel-4.4.3-packed.js"></script>
<script type="text/javascript" src="http://lorem.vn/js/lightbox.js"></script>
<script type="text/javascript" src="http://lorem.vn/js/script.js"></script>
<script type="text/javascript" src="http://lorem.vn/js/jquery.featureCarousel.min.js"></script>

Phần 3 là mã html: (tạo 1 box HTML, vào bố cục chức năng để vào vị trí mong muốn)

<div id="slideshow">

<div id="carousel-1">

<div class="carousel-feature"><a href="#"><img class="carousel-image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOjbBCuiRhfugHbs-RhDGdpjtU1VzpYF_yYCTpqi1HdYTLp8BGIsibt0zu2SCckAhhrKP6wZ9folF4SLOi39pvv2_Ah-mUIyb4Xgg_hvnQ7C9QIVa1MQN8NqDsAtDTH2ZxtoeqlpBMjon6/s1600/11.jpg" alt="marketingonline365.com" /></a></div>

<div class="carousel-feature"><a href="#"><img class="carousel-image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg7KZu7LyN0477MZSwfNyRibvFFFfXQv60sJV9oHMBrJpUVncUSp2x3zXIk9JMimJ7xiJowHyzJvMecyPPxoVVlujmlCfDIi0C_c6H9HYKlHqZdsVnDL_e4kieua3WynyjzaISeL_l5mmL/s1600/22.jpg" alt="marketingonline365.com" /></a></div>

<div class="carousel-feature"><a href="#"><img class="carousel-image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH_APxVGDI0FM8Ni_7wB4Gzfm_UMI51Wo7romddhJmMdTvqCs7oD399Iq5U9aFqGXLpKgjPCs8uVnDoEIRiYCTY1iQsGbkhCcGtGrcC5evyM3xBOUtIeUvW_WdYw01O0-CSHckNDEUFssc/s1600/33.jpg" alt="marketingonline365.com" /></a></div>

</div>
</div>

Các bạn lưu ý những link của web mình lấy các bạn có thể thay đổi lại cho có bản quyền tí nhé

Tạo menu đơn giản bằng Photoshop

Tạo menu đơn giản bằng Photoshop

Thiết kế menu bằng Photoshop thì muôn hình vạn dạng, có vô vàn ý tưởng, vô vàn kiểu dáng. Dưới đây là 1 kiểu menu ngang khá đơn giản và đẹp mắt.






Bước 1

Tạo 1 file mới với kích thước tùy ý bạn, ở đây tôi làm với size 1200×600px.
Tạo 1 layer mới nằm trên cùng. Đặt tên nó là menu.
Dùng công cụ Rounded Rectangle Tool (U), thiết lập giá trị Radius khoảng 12px và tạo 1 hình chữ nhật dài bo góc. Kích thước khoảng 960×80px:

Bước 2

Tôi dùng font chữ tôi yêu thích là Leangue Gothic, cỡ chữ 28pt, và tiến hành gõ text, ở đây tôi dùng giá trị màu #999999 cho text, và #FFFFFF là khi hover:

Bước 3

Dùng Font Arial, cỡ chữ 12pt và thêm 1 vài từ mô tả rút gọn dưới menu, tương tự như trên, tôi dùng giá trị màu #684125 cho text, và #a16927 khi hover:

Bước 4

Nhấn chuột phải vào layer menu và chọn Blending Opitions, thiết lập các tùy chọn sau:
Drop Shadow

Gradient Overlay

Stroke

Bạn được kết quả:

Bước 5

Tạo 1 layer mới nằm trên layer menu, dùng Pencil Tool (, kích thước 1px, giữ Shift và tạo các đường phân cách:


Công việc cuối cùng là kiếm 1 hình nền nào đó bạn ưng ý và đưa vào tác phẩm, ở đây tôi dùng 1 tấm hình màu xanh và áp dụng 1 lớp Inner Shadow.
Kết quả


Bạn có thể xem thêm bài hướng dẫn trên từ Medialoot (hướng dẫn với Fireworks)
Tải về file psd và font ở đây

(st) ~~~> http://marketingonline365.com

Bỏ nút dùng thử và dấu Gạch " | "

vào phần Giao diện ~~> tự nhập CSS

.nut_dung_thu{display:none}
.gach_dung_thu{display:none}

Code thanh liên hệ cố định nằm ở chân web

<div style="displaylock;position:fixed; bottom:0; left: 25%; width:0%;text-align:center;line-height:0;z-index:998; height:40px;">
<a href="http://hdol.vn/dangkywebsite.html" target="_blank"><img src="http://kenwebdesigner.hdol.vn/files/assets/adiken3.gif" alt="iKenWeb.Com"/>
</div>


==============ứng dụng ~~~>

<div style="display:block;position:fixed; bottom:0; left: 440px; width:0%;text-align:center;line-height:0;z-index:998; height:51px;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj90ssoO3fO8aOE0nPaV8vtowqTrywj5_FW3qU17VRoqt3SexIFnpfkk3woMZRhxcndgNgp6Jl8uG2BvNXunV7xx0W1fty4yTWMdV3GwKtLzQyxMTzcvQrXupS7ftQ4CS5DCeElKMjDBWCw/s400/hotline1+up+wep.png" alt= marketingonline365.com">
</div>

Code thanh liên hệ cố định nằm ở chân web

Quảng cáo http://marketingonline365.com/

Những loại website công ty  KIẾN ĐỎ  thiết kế :

- thiết kế web cá nhân

- thiết kế website cho doanh nghiệp

- thiết kế website bán hàng

- thiết kế website cho công ty