пытаюсь добавить jQuery popup окно
пытаюсь сделать что-то вроде этого но не могу заставить его работать
пытался ставить перед
пытался ставить
Может быть, кто-то поможет:
спасибо заранее
пытался ставить перед
<head>пытался ставить
{literal}{/literal}Может быть, кто-то поможет:
<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='BloggerTricks'
//]]>
</script>
<style>
#fblikepop {
background-color:#fff;
display:none;
position:fixed;
top:200px;
_position:absolute;
width:450px;
border:10px solid #6F6F6F;
z-index:200;
-moz-border-radius:9px;
-webkit-border-radius:9px;
color:#333;
text-align:left;
font-family:arial,sans-serif;
font-size:13px;
margin:0;
padding:0;
}
#fblikepop body {
background:#fff none repeat scroll 0;
line-height:1;
height:100%;
margin:0;
}
.fbflush {
cursor:pointer;
font-size:11px !important;
color:#FFF !important;
text-decoration:none !important;
border:0 !important;
}
#fblikebg {
display:none;
position:fixed;
_position:absolute;
height:100%;
width:100%;
top:0;
left:0;
background:#000;
z-index:100;
}
#fblikepop #closeable {
float:right;
margin:7px 15px 0 0;
}
#fblikepop h1 {
background:#6D84B4 none repeat scroll 0 0;
border-top:1px solid #3B5998;
border-left:1px solid #3B5998;
border-right:1px solid #3B5998;
color:#FFF !important;
font-size:18px !important;
font-weight:400 !important;
font-family:"
margin:0 !important;
padding:5px !important;
}
#fblikepop #actionHolder {
height:30px;
overflow:hidden;
}
#fblikepop #buttonArea {
background:#F2F2F2;
border-top:1px solid #CCC;
min-height:50px;
padding:10px;
}
#fblikepop #buttonArea a {
color:#999 !important;
text-decoration:none !important;
border:0 !important;
font-size:10px !important;
}
#fblikepop #buttonArea a:hover {
color:#333 !important;
text-decoration:none !important;
border:0 !important;
}
#fblikepop #popupMessage {
font-size:12px !important;
font-weight:400 !important;
line-height:22px;
background:#fff !important;
padding:8px;
}
#fblikepop #counter-display {
float:right;
font-size:11px !important;
font-weight:400 !important;
text-align:right;
line-height:16px;
margin:5px 0 0;
}
</style>
<script src='http://mybloggertricks.googlecode.com/files/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='http://mybloggertricks.googlecode.com/files/mbtlikebox2.js' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 30,
wait: 0,
url: 'http://www.facebook.com/BloggerTricks',
closeable: true });
});
//]]>
</script>
<div id='fbtpdiv'/>
спасибо заранее
5 комментариев
1. Вынести стили в отдельный файл
2. Указать ссылки на js в конфиге, что бы они сами вынеслись в head
3. Js код вынести так же в отдельный файл.
4. div вставить в любом месте после тега body
Ну или либо оставьте все как есть и вставьте этот код после body обрамляя его как вы писали выше {literal}
И плюс то, что сказал beauty_free