hjhj, cái này thuần về Html. Bạn có thể cài một Module hoặc Com hỗ trợ chèn code Html vô Joomla hoặc bạn Chèn đoạn Code sau vào trong file Index Template luôn cũng được. Đoạn Code này mình lấy trong web Demo Nhất Nghệ mà bạn Up hình lên. HTML: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script> function hideMe(){ var tenchuyende = document.getElementById('theLayer'); if (tenchuyende != null) { theLayer.style.display = 'none'; } } </script> <body bgcolor="#99FFFF"> <div id="theLayer" style="z-index: 200; position:fixed; width: 700px; height:220px;left: 0pt; top: 0pt;"> <table align="center" width="632" border="0" cellpadding="5" cellspacing="0"> <tbody><tr> <td id="titleBar" style="cursor: move; text-align: right;"> <a href="javascript:;" onClick="hideMe();"><img src="quangcao/delete.png" width="25" height="26" border="0"></a> </td> </tr> <tr> <td width="100%" align="center" style="padding: 4px;"> <a target="_blank" href="http://nhatnghe.com/?id=sharepoint2010" onClick="hideMe();"><img src="quangcao/sharepoint.jpg" name="idflash" id="idflash" border="0"></a> </td> </tr> </tbody></table> </div> <!--Quang cao POPUP Goc Phai--> <script type="text/javascript"> //Alert MsgAd clicksor_enable_MsgAlert = true; //default pop-under house ad url clicksor_enable_pop = true; clicksor_frequencyCap = 0.1; durl = ''; //default banner house ad url clicksor_default_url = ''; clicksor_banner_border = '#000f30'; clicksor_banner_ad_bg = '#FFFFFF'; clicksor_banner_link_color = '#0c15ff'; clicksor_banner_text_color = '#da0041'; clicksor_banner_image_banner = true; clicksor_banner_text_banner = true; clicksor_layer_border_color = ''; clicksor_layer_ad_bg = ''; clicksor_layer_ad_link_color = ''; clicksor_layer_ad_text_color = ''; clicksor_text_link_bg = ''; clicksor_text_link_color = '#0c59ff'; clicksor_enable_text_link = true; clicksor_enable_VideoAd = true; </script> <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: 12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; right:0; bottom:0; height:150px; } #coh963846{color:#690;display:block; height:20px; line-height:20px; font-size:11px; width:290px;} #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://nhatnghe.com/forum/laivt_img/button.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;} </style> <div style="height: 212px;" id="fl813691"> <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> <li id="pf204652close"><a class="close" href="javascript:pf204652clickclose();" title="Đóng lại">Đóng</a></li> </ul> </div> <div id="co453569"> <!--- Ads by SinhVienIT.Net ---> <a href="http://www.nhatnghe.com/content/chuyende/chuyende.html"><img src="http://www.nhatnghe.com/content/chuyende/chuyende.png" border="0"> </a> <!--- Ads by SinhVienIT.Net ---> </div> </div></div></div> <script> pf204652bottomLayer = document.getElementById('fl813691'); var pf204652IntervalId = 0; var pf204652maxHeight = 230;//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> <!--Quang cao POPUP Goc Phai--> </body> </html>
Bạn ơi cho mình hỏi : hiện tại code này thì banner lớn nằm lệch bên góc bên trái, nếu muốn cho vào giữa thì sửa chỗ nào thế bạn, mình tìm mãi không ra demo : websviet.com
Không biết các bạn nghĩ sao chứ bản thân tôi rất bực mình và ghét mấy site khi mở lên là có popup. Thấy popup là tắt luôn site đó, không cần đọc, không cần biết nội dung của nó là gì vì site đó chú trọng đến kiếm tiền trên quảng cáo nhiều hơn là cung cấp và truyền tải nội dung hay cho mọi người. Giống như trang NhatNghe, mấy cái popup quá làm phiền. Hôm nào cafe với anh Huệ nói về việc này mới được.
Với Plugin này thì mình đưa hình vô OK chạy ngọt, còn trường hợp mình chèn đoạn flash thì no ko chạy gì hết chỉ có cái vòng tròn xoay xoay giống như là đang load vậy. Nhưng thật sự thì ko chạy đoạn flash. Pác nào có kinh nghiệm chỉ mình với. Thanks các Pác nhiều.
Cái này mình chèn hình thì có hiện hình nhưng sao ko hiện được nút ẩn và nút đóng vậy. Có ai biết lý do tại sao ko