SupeSite的目前的广告功能基本可以实现任意形式的广告。非常的灵活。根据广告内容的需要，可以任意选择其中的调用方式。
这里再说下放置广告的流程：
登陆站点设置--广告--添加广告--添加完毕之后回到浏览广告--获取代码--将获取的代码放置在模版中需要的位置中（这步一定要操作！）
下面看看如何添加对联广告和漂浮广告，这些代码到baidu/google 上一搜一大把。
1，添加广告代码,一定要选择直接显示
对联广告代码：
- <script type="text/javascript">
- var delta = 0.15; //每次走动的像素
- var speeds = 30; //图片浮动速度，数值越大，速度越慢（建议设置为30-100之间）
- var collections;
- function floaters() {
- this.items = [];
- this.addItem = function(id,x,y,content) {
- document.write('<DIV id='+id+' style="z-index:5; position:absolute; left:'+(typeof(x)=='string'?eval(x):x)+'px;top:'+(typeof(y)=='string'?eval(y):y)+'px">'+content+'</DIV>');
-
- var newItem = {};
- newItem.object = document.getElementById(id);
- newItem.x = x;
- newItem.y = y;
- this.items[this.items.length] = newItem;
- }
- this.play = function() {
- collections = this.items
- setInterval('float_play()',speeds);
- }
- }
- function float_play() {
- if(screen.width<=800) {
- for(var i=0;i<collections.length;i++) {
- collections.object.style.display = 'none';
- }
- return;
- }
- for(var i=0;i<collections.length;i++) {
- var followObj = collections.object;
- var followObj_x = (typeof(collections.x)=='string'?eval(collections.x):collections.x);
- var followObj_y = (typeof(collections.y)=='string'?eval(collections.y):collections.y);
- if(followObj.offsetLeft!=(document.documentElement.scrollLeft+followObj_x)) {
- var dx=(document.documentElement.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
- dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
- followObj.style.left=followObj.offsetLeft+dx+'px';
- }
- if(followObj.offsetTop!=(document.documentElement.scrollTop+followObj_y)) {
- var dy=(document.documentElement.scrollTop+followObj_y-followObj.offsetTop)*delta;
- dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
- followObj.style.top=followObj.offsetTop+dy+'px';
- }
- followObj.style.display = '';
- }
- }
-
- var theFloaters = new floaters();
- theFloaters.addItem('{广告ID1}','document.documentElement.clientWidth-{宽度}',0,'<a href="{链接1}" target=_blank><img src="{图片地址}" width="{宽度}px" height="{高度}px" border="0" /></a>');//对联的右部
- theFloaters.addItem('{广告ID2}',0,0,'<a href="{链接2}" target=_blank><img src="{图片地址}" width="{宽度}px" height="{高度}px" border="0"></a>');//对联的左部
- theFloaters.play();
- </script>
说明：
{广告ID} ： 广告的ID名，自行设置不同的ID名，一般设置为英文，比如one，two等.请注意区分对联的左右部分。左边和右边包括下面的漂浮广告的{广告ID} 都不要重复
{宽度} ： 放置广告图片的宽度，仅填数字
{高度} ： 放置广告图片的高度，仅填数字
{链接} ： 广告的链接地址，比如https://discuz.dismall.com
{图片地址}：广告的图片的访问地址，比如https://discuz.dismall.com/images/default/logo.gif
注意：{}包括里面的文字需要全部替换成您设置的东西，比如https://discuz.dismall.com/images/default/logo.gif全部替换{图片地址}，而不是{https://discuz.dismall.com/images/default/logo.gif}这种形式。
当然，如果要用flash，不用图片的话，只需要将上面的<img src="{图片地址}" width="{宽度}px" height="{高度}px" border="0" />替换为flash的代码。
flash代码：
- <EMB
- ED src="{FLASH地址}" wmode="transparent" style="position:absolute;width:{宽度};height:{高度};">
漂浮广告代码：
- <script type="text/javascript">
- var step = 1; //每次走动的像素
- var speed = 30; //图片浮动速度，数值越大，速度越慢（建议设置为30-100之间）
- var collection;
- function floaters_move() {
- this.items = [];
- this.addItem = function(id,x,y,content) {
- document.write('<div id='+id+' style="z-index:2; position:absolute;">'+content+'</div>');
- var newItem = {};
- newItem.object = document.getElementById(id);
- newItem.xPos = x;
- newItem.yPos = y;
- newItem.xon = 0;
- newItem.yon = 0;
- this.items[this.items.length] = newItem;
- }
- this.play = function() {
- collection = this.items
- setInterval('move_play()',speed);
- }
- }
- function move_play() {
- for(var i=0;i<collection.length;i++) {
- var followObj = collection.object;
- var followObj_x = followObj.offsetWidth;
- var followObj_y = followObj.offsetHeight;
-
- followObj.style.left = collection.xPos + document.documentElement.scrollLeft+'px';
- followObj.style.top = collection.yPos + document.documentElement.scrollTop+'px';
- if(collection.xon) {
- collection.xPos += step;
- } else {
- collection.xPos -= step;
- }
- if(collection.yon) {
- collection.yPos += step;
- } else {
- collection.yPos -= step;
- }
- if(collection.xPos >= (document.documentElement.clientWidth-followObj_x)) {
- collection.xon = 0;
- collection.xPos = document.documentElement.clientWidth-followObj_x;
- }
- if(collection.xPos < 0) {
- collection.xon = 1;
- collection.xPos = 0;
- }
- if(collection.yPos >= (document.documentElement.clientHeight-followObj_y)) {
- collection.yon = 0;
- collection.yPos = document.documentElement.clientHeight-followObj_y;
- }
- if(collection.yPos < 0) {
- collection.yon = 1;
- collection.yPos = 0;
- }
- }
- }
- var theFloaters_move = new floaters_move();
- theFloaters_move.addItem('{广告ID1}',{左边位置},{顶部位置},'<a href="{链接1}" target=_blank><img src="{图片地址}" width="{宽度}px" height="{高度}px" border="0" /></a>');//漂浮广告第一个，漂浮广告第二个，第三的类似增加这段代码。当然，只想漂浮一个的话只要这段即可
- theFloaters_move.play();
- </script>
说明：
可设置多个浮动广告
格式：
theFloaters_move.addItem('{广告ID}',{左边位置},{顶部位置},'<a href="{链接2}" target=_blank><img src="{图片地址}" width="{宽度}px" height="{高度}px" border="0" /></a>');
{广告ID} ：同上面的对联广告， 一般设置为英文，比如one，two等.同一个页面的{广告ID}不要重复
{左边位置} ： 广告初始位置，距左边框的像素
{顶部位置} ： 广告初始位置，距顶部的像素
{宽度} ： 放置广告图片的宽度，仅填数字
{高度} ： 放置广告图片的高度，仅填数字
{链接} ： 广告的链接地址
{图片地址}：广告的图片的访问地址，比如https://discuz.dismall.com/images/default/logo.gif
注意：{}包括里面的文字需要全部替换成您设置的东西，比如https://discuz.dismall.com/images/default/logo.gif全部替换{图片地址}，而不是{https://discuz.dismall.com/images/default/logo.gif}这种形式。
2，获取广告代码
您添加了上面的广告代码之后，需要在站点设置--广告--浏览广告--获取广告代码。
您会得到类似
<div >{$_SGLOBAL[ad][11][adcontent]}</div><!--对联-->
这样的广告代码。
复制这段代码
3，更新模版文件
打开templates/default/header.html.php
找到
<body>
找其后面添加上面的获得的代码，保存。
这样，您就可以在首页实现漂浮的或者对联的广告效果了。
当然，SupeSite还可以实现其他广告效果，关键是类似1找到该效果广告代码。
此广告功能非常灵活和强大，大家可以仔细研究，一定会有新发现！ |
[复制链接]
置顶卡
喧嚣卡
变色卡
千斤顶
显身卡
