25-12-2012 Saat: 19:18
Öncelikle Admin kp >> Şablonlar >> İndex ($header)'in hemen üstüne hiç bir şeyi silmeden ekleyiniz.
Kodumuz;
Kod İçerisinde;DUYURU ve Buraya Duyurunuzu yazın. Yazan yerleri istediğiniz gibi düzenleyebilirsiniz.
Özelliği:
Resmin Üzerine Gelince Duyurunun Üstünde Çıkmasıdır.
Canlı Demo
Kodumuz;
Kod:
<!--Online Duyuru Panosu Başlangıcı-->
<style><!-- Free JavaScripts at http://www.ScriptBreaker.com -->
.divstyle{position:absolute;
border:1px groove #115585;
width:110;
top:0;
left:0;
}
.pstyletitle{postion:absolute;
background:#4490ed;
color:red;
font-size:110%;
font-family:verdana;
heigth:5px;}
.pstylebody{postion:absolute;
background:#adff49;
color:black;
font-size:130%;
font-family:verdana;}
</style>
<script language="JavaScript1.2">
var IE = document.all?true:false
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
var tempX = 0
var tempY = 0
function getMouseXY(e) {
if (IE) { // grab the x-y pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft
tempY = event.clientY + document.body.scrollTop
} else { // grab the x-y pos.s if browser is NS
tempX = e.pageX
tempY = e.pageY
}
// catch possible negative values in NS4
if (tempX < 0){tempX = 0}
if (tempY < 0){tempY = 0}
// show the position values in the form named Show
// in the text fields named MouseX and MouseY
obj_info = document.getElementById("info")
obj_info.style.top = tempY + 10;
obj_info.style.left = tempX + 10;
return true
}
function alert_msg(titletext,bodytext){
obj_info = document.getElementById("info")
obj_info.style.display = '';
obj_imagetitle = document.getElementById("imagetitle");
obj_imagetitle.innerHTML = titletext;
obj_imagebody = document.getElementById("imagebody");
obj_imagebody.innerHTML = bodytext;
}
function away()
{
obj_info = document.getElementById("info")
obj_info.style.display = 'none';
}
function goToURL() { history.go(-1); }
</script>
<body>
<div Class="divstyle" id="info" style='display:none;'>
<div id="imagetitle" class="pstyletitle" align="center"></div>
<div id="imagebody" class="pstylebody"></div>
</div>
<img src="http://a1212.hizliresim.com/14/t/h8lh8.png" width="138" height="138" onmouseover="alert_msg('DUYURU',' Buraya duyurunuzu yazın.')" onmouseout="away()">
<!--Online Duyuru Panosu Bitişi-->Kod İçerisinde;DUYURU ve Buraya Duyurunuzu yazın. Yazan yerleri istediğiniz gibi düzenleyebilirsiniz.
Özelliği:
Resmin Üzerine Gelince Duyurunun Üstünde Çıkmasıdır.
Canlı Demo
Hayatta üç şey insanın özüne zarar verir; öfke,açgözlülük, kibir.. Hz.Muhammed (s.a.v)
