MoNsTeR1KinG СаЙт ФаЙлов И то Другое:-)
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Простой, но симпотичный Профиль
MoNsTeR-666Дата: Понедельник, 26.08.2013, 03:31 | Сообщение # 1
Полковник
Группа: Администраторы
Сообщений: 170
Репутация: 12
Статус: Offline



Код
[spoiler=Спойлер]<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>  
<DIV align="center"><IMG src="http://re-horror.ucoz.ru/Profile/poloska4.png" alt="" align="" border="0px"><STRONG><FONT color="#ff0000"></FONT></STRONG></DIV>  
<div align="center"><font color="#0fc6dc"><strong>$USERNAME$</strong></FONT><br>  
     <DIV align="center"><IMG src="http://re-horror.ucoz.ru/Profile/poloska4.png" alt="" align="" border="0px"><STRONG><FONT color="#ff0000"></FONT></STRONG></DIV>  
     <?if($USER_AVATAR_URL$)?><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"><?else?><?if($USER_LOGGED_IN$)?><img class="userAvatar" title="$USERNAME$" src="http://re-horror.ucoz.ru/noava.jpg" border="0"><?else?><img class="userAvatar" title="$USERNAME$" src="http://re-horror.ucoz.ru/Sitena.jpg" title="У вас не выбран аватар!" alt="Аватар" border="0"><?endif?><?endif?>      
     <DIV align="center"><IMG src="http://re-horror.ucoz.ru/Profile/poloska4.png" alt="" align="" border="0px"><STRONG><FONT color="#ff0000"></FONT></STRONG></DIV>  
     <span style="font-weight: bold; color: rgb(0, 102, 0);"><br><font color="#0fc6dc">Группа: </font></span><b>$USER_GROUP$      
     <br>      
     <div align="center"><b>Ты здесь: <FONT color="#0fc6dc"><B>$USER_REG_DAYS$</B></FONT>-й день<br><br></b>  
     <DIV align="center"><IMG src="http://re-horror.ucoz.ru/Profile/poloska4.png" alt="" align="" border="0px"><STRONG><FONT color="#ff0000"></FONT></STRONG></DIV>  
     <br>      
     <?if($USER_LOGGED_IN$)?>  
     <br>  
     <div align="center"><span class="FakDjwest">      
     <center><a class="faklink1" href="$PERSONAL_PAGE_LINK$" target="_blank" alt="Профиль" title="Профиль"></a></center>      
     <br>  
     <DIV align="center"><IMG src="http://re-horror.ucoz.ru/Profile/poloska5.png" alt="" align="" border="0px"><STRONG><FONT color="#ff0000"></FONT></STRONG></DIV>  
<br>      
<br>      
     <a class="faklink6" href="$LOGOUT_LINK$" title="Выйти из сайта!" alt="Выйти из сайта"></a><br><br>  
     <DIV align="center"><IMG src="http://re-horror.ucoz.ru/Profile/poloska4.png" alt="" align="" border="0px"><STRONG><FONT color="#ff0000"></FONT></STRONG></DIV>  
     <div align="center"><b>Твой IP: <font color="#FF0000"><b>$IP_ADDRESS$</b></font></b>  
     <?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml2','')",500)</script><?endif?></span></b></div><b>      
     <script language=javascript type=text/javascript>      
     function openOnClick(client_type)      
     {      
     if(client_type=="mail")clientWindow = window.open("$PM_URL$","pmw","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!");      
     if(client_type=="send")clientWindow = window.open("/index/14-999-0-1","pms","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!");      
     if(client_type=="options")clientWindow = window.open("/index/11","options","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");      
     if(client_type=="users")clientWindow = window.open("$USERS_LIST_URL$","users","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");      
     }      
     </script><?else?><?endif?></div><b>      
     <style>      
     .FakDjwest a {      
     padding: 8px 0;      
     padding-right: 59%;      
     padding-center: 26px;      
     font-weight: bold;      
     font-size: 0.9em;      
     text-transform: uppercase;      
     color: #6d6d6d;</center>      
     }      
     .FakDjwest a.faklink1 { background: transparent url("http://re-horror.ucoz.ru/Profile/Myprofile.png") no-repeat left top; }      
     .FakDjwest a.faklink6 { background: transparent url("http://re-horror.ucoz.ru/Profile/exitsite.png") no-repeat left top; }      
     .FakDjwest a:hover { background-position: left -28px; }      
     </style>
Прикольный и простой мини профиль в стиле Resident Evil, Так как я делал его для своего сайта, автором являюсь я! 
Пользуйтесь кто хочет, можете переделать под себя.
 
  • Страница 1 из 1
  • 1
Поиск:

***/****
Администратор online
Администратор offline