Панель управления/Редактор страниц/Управление дизайном модуля/Общий вид страниц форума
Между head и /head ставим ( желательно прямо перед /head ):
Code
<script type="text/javascript">
document.getElementsByClassName = function(className) {
var children = document.getElementsByTagName('*') || document.all;
var elements = new Array();
for (var i = 0; i < children.length; i++) {
var child = children[i];
var classNames = child.className.split(' ');
for (var j = 0; j < classNames.length; j++) {
if (classNames[j] == className) {
elements.push(child);
break;
}
}
}
return elements;
}
var Reflection = {
defaultHeight : 0.5,
defaultOpacity: 0.5,
add: function(image, options) {
Reflection.remove(image);
doptions = { "height" : Reflection.defaultHeight, "opacity" : Reflection.defaultOpacity }
if (options) {
for (var i in doptions) {
if (!options[i]) {
options[i] = doptions[i];
}
}
} else {
options = doptions;
}
try {
var d = document.createElement('div');
var p = image;
var classes = p.className.split(' ');
var newClasses = '';
for (j=0;j<classes.length;j++) {
if (classes[j] != "userAvatar") {
if (newClasses) {
newClasses += ' '
}
newClasses += classes[j];
}
}
var reflectionHeight = Math.floor(p.height*options['height']);
var divHeight = Math.floor(p.height*(1+options['height']));
var reflectionWidth = p.width;
if (document.all && !window.opera) {
/* Copy original image's classes & styles to div */
d.className = newClasses;
p.className = 'reflected';
d.style.cssText = p.style.cssText;
p.style.cssText = 'vertical-align: bottom';
var reflection = document.createElement('img');
reflection.src = p.src;
reflection.style.width = reflectionWidth+'px';
reflection.style.marginBottom = "-"+(p.height-reflectionHeight)+'px';
reflection.style.filter = 'flipv progid:DXImageTransform.Microsoft.Alpha(opacity='+(options['opacity']*100)+', style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy='+(options['height']*100)+')';
d.style.width = reflectionWidth+'px';
d.style.height = divHeight+'px';
p.parentNode.replaceChild(d, p);
d.appendChild(p);
d.appendChild(reflection);
} else {
var canvas = document.createElement('canvas');
if (canvas.getContext) {
/* Copy original image's classes & styles to div */
d.className = newClasses;
p.className = 'reflected';
d.style.cssText = p.style.cssText;
p.style.cssText = 'vertical-align: bottom';
var context = canvas.getContext("2d");
canvas.style.height = reflectionHeight+'px';
canvas.style.width = reflectionWidth+'px';
canvas.height = reflectionHeight;
canvas.width = reflectionWidth;
d.style.width = reflectionWidth+'px';
d.style.height = divHeight+'px';
p.parentNode.replaceChild(d, p);
d.appendChild(p);
d.appendChild(canvas);
context.save();
context.translate(0,image.height-1);
context.scale(1,-1);
context.drawImage(image, 0, 0, reflectionWidth, image.height);
context.restore();
context.globalCompositeOperation = "destination-out";
var gradient = context.createLinearGradient(0, 0, 0, reflectionHeight);
gradient.addColorStop(1, "rgba(255, 255, 255, 1.0)");
gradient.addColorStop(0, "rgba(255, 255, 255, "+(1-options['opacity'])+")");
context.fillStyle = gradient;
if (navigator.appVersion.indexOf('WebKit') != -1) {
context.fill();
} else {
context.fillRect(0, 0, reflectionWidth, reflectionHeight*2);
}
}
}
} catch (e) {
}
},
remove : function(image) {
if (image.className == "reflected") {
image.className = image.parentNode.className;
image.parentNode.parentNode.replaceChild(image, image.parentNode);
}
}
}
function addReflections() {
var rimages = document.getElementsByClassName('userAvatar');
for (i=0;i<rimages.length;i++) {
var rheight = null;
var ropacity = null;
var classes = rimages[i].className.split(' ');
for (j=0;j<classes.length;j++) {
if (classes[j].indexOf("rheight") == 0) {
var rheight = classes[j].substring(7)/100;
} else if (classes[j].indexOf("ropacity") == 0) {
var ropacity = classes[j].substring(8)/100;
}
}
Reflection.add(rimages[i], { height: rheight, opacity : ropacity});
}
}
var previousOnload = window.onload;
window.onload = function () { if(previousOnload) previousOnload(); addReflections(); }
</script>
Далее. Панель управления/Редактор страниц/Управление дизайном модуля/Вид материалов форума. Меняем все на следующее:
Code
<table border="0" width="100%" cellspacing="1" cellpadding="2" class="postTable">
<tr><td width="23%" class="postTdTop" align="center"><a class="postUser" href="javascript://" onClick="emoticon('$USERNAME$,');return false;">$USERNAME$</a></td><td class="postTdTop"><div style="float:right"><a href="javascript://" onclick="new _uWnd('AwD','Вручить награду',380,200,{autosize:1,maxh:300},{url:'/index/55-$UID$-28-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'}); return false;"><img src="http://s18.ucoz.net/img/icon/thumbu.png" width="13" border="0" title="Хороший пост"></a> <a href="javascript://" onclick="new _uWnd('AwD','Вручить награду',380,200,{autosize:1,maxh:300},{url:'/index/55-$UID$-47-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'}); return false;"><img src="http://s18.ucoz.net/img/icon/thumbd.png" width="13" border="0" title="Плохой пост"></a></div>Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$</td></tr>
<tr><td class="postTdInfo" valign="top">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="17" background="http://i071.radikal.ru/0902/ff/3bd0bff61a01.png" height="17">
</td>
<td background="http://s41.radikal.ru/i093/0902/77/290b6ff174f7.png" height="17">
</td>
<td width="17" background="http://s49.radikal.ru/i126/0902/87/94af9881da39.png" height="17">
</td>
</tr>
<tr>
<td width="17" background="http://s59.radikal.ru/i164/0902/f8/326a55f011dc.png">
</td>
<td>
<img title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$">
</td>
<td width="17" background="http://s60.radikal.ru/i168/0902/c6/a4e3e0816fe3.png">
</td>
</tr>
<tr>
<td width="17" background="http://s60.radikal.ru/i167/0902/26/8cb928874182.png" height="17">
</td>
<td background="http://s55.radikal.ru/i147/0902/ea/8f85b050c329.png" height="17">
</td>
<td width="17" background="http://i011.radikal.ru/0902/bf/ce48d6da8a98.png" height="17">
</td>
</tr>
</tbody></table> </div>
<div class="postRankIco">$GROUP_ICON$</div><div class="postRankIco">$USER_RANK_ICON$</div>
<p><a href="$MSN$" target="_blank"><img alt="" src="http://s54.radikal.ru/i145/0812/55/db6f26a8e1b8.png" align="" border="0"></a></p>
<p><a title="$ICQ$" href="#" onClick="prompt('ICQ number','$ICQ$'); return false;"><img title="$ICQ$" src="http://fingerborders.ucoz.ru/Du3auH/nPO4EE/ICQ.png" border="0"></a></p>
<p><div class="postRankName">$USER_TITLE$</div><div class="postRankName">Ранг: $USER_RANK_NAME$</div> </p>
<p><div class="numposts">Сообщений: <span="unp">$POSTS$</span></div> </p>
<DIV class="userBan">Замечания: <A class="banPercent" title="Смотреть историю замечаний" href="$READ_BAN_URL$">$BAN_RATING$</A> <A title="Изменить уровень замечаний" class="banDo" href="$DO_BAN_URL$">±</A></DIV>
<p><DIV></DIV><A href="$DO_REP_URL$"><IMG onclick="repchange('minus','$ID$');" title="Понизить" align="absmiddle" src="http://amxserver.net.ru/4forum/icon-minus.gif" border="0"></A> <A href="$READ_REP_URL$"><B>Репутация: $REP_RATING$</B></A> <A href="$DO_REP_URL$"><IMG onclick="repchange('plus','$ID$');" align="absmiddle" title="Повысить" src="http://amxserver.net.ru/4forum/icon-plus.gif" border="0"></A> </p>
<DIV class="statusBlock">
<div class="reputation"><a href="$AWARDS_READ_URL$" title="Список наград"><span class="repNums"><b>Награды: $AWARDS$</b></span></a> <a href="$AWARDS_DO_URL$"><span style="font-size:8pt" title="Вручить награду"><b>±</b></span></a>
<p> $USER_STATUS$</DIV> </p>
</TD><TD class="posttdMessage" valign="top">$MESSAGE$
<div align="left" class="eAttach">Прикрепления: $ATTACHMENT$</div>
<br><hr size="1" width="150" align="left" class="signatureHr"><span class="signatureView">$SIGNATURE$</span>
<br><br><div class="edited">Сообщение отредактировал $EDITEDBY$</div></td></tr>
<tr><td class="postBottom" align="center"> (<a href="javascript://" onclick='prompt("","$POST_COUNTRY$");return false;'>$POST_COUNTRY_ID$</a>) </div></td><td class="postBottom">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr><td align="right" style="padding-right:15px;">$ENTRY_MANAGE_ICON_BAR$</td><td width="2%" nowrap align="right">$ON_TOP_ICON$$DEL_ENTRY_FIELD$</td></tr>
</table></td></tr></table>
Далее заходим Панель управления/главная/замена стандартных надписей
Заменяем "MSN" на "ВКонтакте"
Все готово)))
проверите сами)
При клике на значок ICQ всплывает окно, в котором написан номер аси
А при клике на "ВКонтакте", открывается новое-интернет-окно со страницей владельца)))))