* Tác Giả : Notme
* Style: c3zone.net
* Demo : maitruongmenyeu.org
* Ghi chú : Code dưới đây giao diện giống c3zone vì mình thấy cái giao diện đó rất cool.
Code này làm cái script chèn vô
Chèn vào cuối header
* Style: c3zone.net
* Demo : maitruongmenyeu.org
* Ghi chú : Code dưới đây giao diện giống c3zone vì mình thấy cái giao diện đó rất cool.
Code này làm cái script chèn vô
- Code:
function menu(button, div, id) {
var div = document.getElementById(div);
var lylich = document.getElementById('lylich');
var wall = document.getElementById('wall');
var wwall = document.getElementById('wwall');
var sta = document.getElementById('sta');
var pm = document.getElementById('pm');
var ban = document.getElementById('ban');
lylich.setAttribute('href', '/u' + id);
wall.setAttribute('href', '/u' + id + 'wall');
ban.setAttribute('href', '/u' + id + 'friends');
pm.setAttribute('href', '/privmsg?mode=post&u=' + id);
sta.setAttribute('href', '/u' + id + 'stats');
wwall.setAttribute('href', '/postp/' + id);
var visible = div.style.visibility;
var cd = FindXY(button);
var h = button.offsetHeight;
var i = 0;
while (i < selectId.length) {
if (document.getElementById(selectId[i])) {
document.getElementById(selectId[i]).style.visibility = 'hidden'
}
i++
}
div.style.visibility = 'visible';
overFlowX = cd['x'] + div.offsetWidth - document.body.offsetWidth;
cd['x'] = overFlowX > 0 ? cd['x'] - overFlowX : cd['x'];
div.style.left = cd['x'] + 'px';
div.style.top = (cd['y'] + h) + 'px';
};
function anmenu() {
var div = document.getElementById('mtmy');
div.style.visibility = 'hidden'
};
$(function () {
$(".username a[href^='/u']").click(function () {
menu(this, 'mtmy', $(this).attr('href').slice(2));
return false
})
});
- Code:
.select{background-color:#FFF;border:1px solid #BCBCBC;left:0;overflow:hidden;position:absolute;top:0;width:0;z-index:999}.select p{font-size:.7em;margin:0;padding:4px 6px;text-align:left;white-space:nowrap}.select button,.select div{background-color:#FFF;border:none;font-size:1em;margin:0;padding:4px;text-align:left}.select div{border:1px dashed #fff;padding:1px}.select div a{white-space:nowrap}.select hr{margin:2px;padding:0}.select div:hover{border:1px dashed #ccc}.select div img{vertical-align:middle}
Chèn vào cuối header
- Code:
<div style="width:auto;visibility:hidden;padding:5px" class="select" id="mtmy">
<div>
<a id="lylich" href="" target="_blank"><img src="http://i69.servimg.com/u/f69/11/79/54/63/pf10.gif"/> Lý lịch</a> <a style="float:right"><img onclick="anmenu();" src="http://2img.net/i/fa/cross.png" alt="Đóng cửa sổ này"/></a>
</div>
<div>
<a id="wall" href="" target="_blank"><img src="/users/1214/94/30/93/album/wall10.png"/> Xem tường nhà</a>
</div>
<div>
<a id="sta" href="" target="_blank"><img src="/users/1214/94/30/93/album/icon_s10.png"/> Thống kê</a>
</div>
<div>
<a id="ban" href="" target="_blank"><img src="/users/1214/94/30/93/album/fri10.jpg"/> Bạn bè</a>
</div>
<hr>
<div>
<a id="pm" href="" target="_blank"><img src="http://i69.servimg.com/u/f69/11/79/54/63/pm10.gif"/> Nhắn tin</a>
</div>
<div>
<a id="wwall" href="" target="_blank"><img src="/users/1214/94/30/93/album/write-10.gif"/> Viết lên tường</a>
</div>
</div>