please admin sir tell ma how to make banner and button looks like presmurdu
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
// open hidden layer
function mopen(id)
{
// cancel close timer
mcancelclosetime();
// close old layer
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
// get new layer and show it
ddmenuitem = document.getElementById(id);
ddmenuitem.style.visibility = 'visible';
}
// close showed layer
function mclose()
{
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}
// go close timer
function mclosetime()
{
closetimer = window.setTimeout(mclose, timeout);
}
// cancel close timer
function mcancelclosetime()
{
if(closetimer)
{
window.clearTimeout(closetimer);
closetimer = null;
}
}
// close layer when click-out
document.onclick = mclose;
/*-----------------------------Presmurdu.com Banner--------------*/
pubnr {
margin: 0;
padding: 0.5em 0em 0em 0em;
border: 1px solid #78C773 !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 10px;
background-color: #56B051;
text-align: center;
background-repeat: repeat-x;
}
/*-----------------------------Presmurdu.com Button--------------*/
#pubtn
{ margin: 0;
padding: 0;
z-index: 30}
#pubtn li
{ margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 12px arial}
#pubtn li a
{ display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
width: 60px;
background-color: #78C773;
background-image: url("https://i.servimg.com/u/f30/13/70/55/62/grey-u10.png");
color: #FFF;
text-align: center;
text-decoration: none}
#pubtn li a:hover
{ display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
background-color: #56B051;
background-image: url("https://i.servimg.com/u/f30/13/70/55/62/grey-u10.png");
}
#pubtn div
{ position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #EAEBD8;
border: 1px solid #78C773 !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 10px;}
#pubtn div a
{ position: relative;
display: block;
margin: 0;
padding: 5px 10px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
background-color: #D7F5D5;
background-image: url("https://i.servimg.com/u/f30/13/70/55/62/grey-u10.png");
color: #56B051;
font: bold 13px arial}
#pubtn div a:hover
{ background-color: #78C773;
background-image: url("https://i.servimg.com/u/f30/13/70/55/62/grey-u10.png");
color: #FFF}
<link rel="stylesheet" type="text/css" href="presmurdubanner.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="presmurdumenu.js" type="text/javascript"></script>
<div id=pubnr>
<td class="c_view" width="30%"><div class="overflow">
<embed wmode="transparent" flashvars="pics=http://www.presmurdu.com/users/1411/35/43/13/album/islamm10.jpg|http://www.presmurdu.com/users/1411/35/43/13/album/design10.jpg|http://www.presmurdu.com/users/1411/35/43/13/album/medica10.jpg|http://www.presmurdu.com/users/1411/35/43/13/album/webdes10.jpg|http://www.presmurdu.com/users/1411/35/43/13/album/videoz10.jpg|http://www.presmurdu.com/users/1411/35/43/13/album/mobile10.jpg|http://www.presmurdu.com/users/1411/35/43/13/album/kahwat10.jpg&links=http://www.presmurdu.com/islam-c1/|http://www.presmurdu.com/poetry-c2/|http://www.presmurdu.com/help-line-f66/|http://www.presmurdu.com/web-designing-coding-urdu-c7/|http://www.presmurdu.com/audio-and-video-zone-c15/|http://www.presmurdu.com/mobile-corner-c6/|http://www.presmurdu.com/khawateen-corner-c3/&pic_width=775&pic_height=160&stop_time=6000"
[/url] src="http://img692.imageshack.us/img692/7662/beautifuldreamblog.swf?
https://i465.photobucket.com/support/http://s1.zetaboards.com/1010VF/index/" allowscriptaccess="never" type="application/x-shockwave-flash" width="775" height="160">
</div>
<ul id="pubtn">
<li><a href="http://www.presmurdu.com/">Home</a>
</li>
<li><a href="#"
onmouseover="mopen('m2')"
onmouseout="mclosetime()">Forums</a>
<div id="m2"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="/forum.htm">Forum Home</a>
<a href="/announcements-f7/presmurdu-major-rules-t1240.htm">Forum Rules</a>
<a href="/portal.htm">Forum Portal</a>
<a href="/gallery/index.htm">Forum Gallery</a>
<a href="/memberlist.forum">Memberlist</a>
<a href="/Presmurdu-Forum-Leaders-h10.htm">Forum Leaders </a>
<a href="/donate.forum">VIP Membership</a>
<a href="/report_abuse.forum?page=%2Fforum.htm&report=1">Report & abuse </a>
</div>
</li>
<li><a href="#"
onmouseover="mopen('m3')"
onmouseout="mclosetime()">Help</a>
<div id="m3"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="/faq.htm">Forum FAQ</a>
<a href="/member-s-guideline-f21/">Member's GuideLine</a>
<a href="/problems-f20/">Problems
</a>
</div>
</li>
<li><a href="#"
onmouseover="mopen('m4')"
onmouseout="mclosetime()">Network</a>
<div id="m4"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="https://www.facebook.com/apps/application.php?id=106306119423976">FB Application</a>
<a href="http://www.presmurdu.blogspot.com/">Blogger</a>
<a href="https://www.facebook.com/home.php#!/group.php?gid=301409601106">FB Group
</a>
</div>
</li>
<li><a href="/contact.forum">Contact</a></li>
<li><a href="/search.forum">Search</a></li>
</ul><div style="clear:both"></div></td>
Code:
<link rel="stylesheet" type="text/css" href="presmurdubanner.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="presmurdumenu.js" type="text/javascript"></script>
Code:
<html>
<head>
<title> Your title </title>
<style>
Paste your css codes here
</style>
<script>
Paste your java script code here
</script>
</head>
<body>
</body>
</html>
Code:
<html>
<head>
<title>Testing Page (Animation2)</title>
<style>
/*-----------------------------Presmurdu.com Banner--------------*/
pubnr {
margin: 0;
padding: 0.5em 0em 0em 0em;
border: 1px solid #78C773 !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 10px;
background-color: #56B051;
text-align: center;
background-repeat: repeat-x;
}
/*-----------------------------Presmurdu.com Button--------------*/
#pubtn
{ margin: 0;
padding: 0;
z-index: 30}
#pubtn li
{ margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 12px arial}
#pubtn li a
{ display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
width: 60px;
background-color: #78C773;
background-image: url("http://i30.servimg.com/u/f30/13/70/55/62/grey-u10.png");
color: #FFF;
text-align: center;
text-decoration: none}
#pubtn li a:hover
{ display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
background-color: #56B051;
background-image: url("http://i30.servimg.com/u/f30/13/70/55/62/grey-u10.png");
}
#pubtn div
{ position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #EAEBD8;
border: 1px solid #78C773 !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 10px;}
#pubtn div a
{ position: relative;
display: block;
margin: 0;
padding: 5px 10px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
background-color: #D7F5D5;
background-image: url("http://i30.servimg.com/u/f30/13/70/55/62/grey-u10.png");
color: #56B051;
font: bold 13px arial}
#pubtn div a:hover
{ background-color: #78C773;
background-image: url("http://i30.servimg.com/u/f30/13/70/55/62/grey-u10.png");
color: #FFF}
</style>
<script>
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
// open hidden layer
function mopen(id)
{
// cancel close timer
mcancelclosetime();
// close old layer
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
// get new layer and show it
ddmenuitem = document.getElementById(id);
ddmenuitem.style.visibility = 'visible';
}
// close showed layer
function mclose()
{
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}
// go close timer
function mclosetime()
{
closetimer = window.setTimeout(mclose, timeout);
}
// cancel close timer
function mcancelclosetime()
{
if(closetimer)
{
window.clearTimeout(closetimer);
closetimer = null;
}
}
// close layer when click-out
document.onclick = mclose;
</script>
</head>
<body>
<div id=pubnr>
<td class="c_view" width="30%"><div class="overflow">
<embed wmode="transparent" flashvars="pics=http://www.presmurdu.com/users/1411/35/43/13/album/islamm10.jpg|http://www.presmurdu.com/users/1411/35/43/13/album/design10.jpg|http://www.presmurdu.com/users/1411/35/43/13/album/medica10.jpg|http://www.presmurdu.com/users/1411/35/43/13/album/webdes10.jpg|http://www.presmurdu.com/users/1411/35/43/13/album/videoz10.jpg|http://www.presmurdu.com/users/1411/35/43/13/album/mobile10.jpg|http://www.presmurdu.com/users/1411/35/43/13/album/kahwat10.jpg&links=http://www.presmurdu.com/islam-c1/|http://www.presmurdu.com/poetry-c2/|http://www.presmurdu.com/help-line-f66/|http://www.presmurdu.com/web-designing-coding-urdu-c7/|http://www.presmurdu.com/audio-and-video-zone-c15/|http://www.presmurdu.com/mobile-corner-c6/|http://www.presmurdu.com/khawateen-corner-c3/&pic_width=775&pic_height=160&stop_time=6000"
[/url] src="http://img692.imageshack.us/img692/7662/beautifuldreamblog.swf?
http://i465.photobucket.com/support/http://s1.zetaboards.com/1010VF/index/" allowscriptaccess="never" type="application/x-shockwave-flash" width="775" height="160">
</div>
<ul id="pubtn">
<li><a href="http://www.presmurdu.com/">Home</a>
</li>
<li><a href="#"
onmouseover="mopen('m2')"
onmouseout="mclosetime()">Forums</a>
<div id="m2"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="/forum.htm">Forum Home</a>
<a href="/announcements-f7/presmurdu-major-rules-t1240.htm">Forum Rules</a>
<a href="/portal.htm">Forum Portal</a>
<a href="/gallery/index.htm">Forum Gallery</a>
<a href="/memberlist.forum">Memberlist</a>
<a href="/Presmurdu-Forum-Leaders-h10.htm">Forum Leaders </a>
<a href="/donate.forum">VIP Membership</a>
<a href="/report_abuse.forum?page=%2Fforum.htm&report=1">Report & abuse </a>
</div>
</li>
<li><a href="#"
onmouseover="mopen('m3')"
onmouseout="mclosetime()">Help</a>
<div id="m3"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="/faq.htm">Forum FAQ</a>
<a href="/member-s-guideline-f21/">Member's GuideLine</a>
<a href="/problems-f20/">Problems
</a>
</div>
</li>
<li><a href="#"
onmouseover="mopen('m4')"
onmouseout="mclosetime()">Network</a>
<div id="m4"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="http://www.facebook.com/apps/application.php?id=106306119423976">FB Application</a>
<a href="http://www.presmurdu.blogspot.com/">Blogger</a>
<a href="http://www.facebook.com/home.php#!/group.php?gid=301409601106">FB Group
</a>
</div>
</li>
<li><a href="/contact.forum">Contact</a></li>
<li><a href="/search.forum">Search</a></li>
</ul><div style="clear:both"></div></td>
</body>
</html>
Husnain.Jutt wrote:mujy iski zara b samj nahi aye k kya hai ye?
Husnain.Jutt wrote:je admin thankx samj aa gai hai
Husnain.Jutt wrote:kaise ghowy exams?
|
|