Etiketler: avatar gölgelendirme
| Author | Message |
Kaan
2,082 posts |
#28061 2008-05-28 11:28 GMT |
|
Sitenizde avatarlarınız biraz farklı olsun diyorsanız aşagıdakileri uygulayın.. Demo için Sitemde forumlara bakabilirsiniz. system/fonksiyon.php yi açın alttakini bulun. Code: function sed_build_userimage($image) { if (!empty($image)) { $result = "<img src=\"".$image."\" alt=\"\" class=\"avatar\" />"; } return($result); } Alttaki ile degiştirin. Code: function sed_build_userimage($image) { if (!empty($image)) { $result = "<img src=\"".$image."\" class=\"reflect\" alt=\"\" class=\"avatar\" />"; } return($result); } skins/skinadı/header.tpl yi açın <head>....</head> Arasına alttakini ekleyin. Code: <script src="skins/skinadı/reflect.js" type="text/javascript"></script> attaki js kodlarını note pad a yapıştırın ve farklı kaydet diyip adını reflect.js yazarak kaydedin ve skins/skinsadı/ içine atınız. Code: var Reflection = { defaultHeight : 1.0, defaultOpacity: 1.0, Burada 1.0 yazan yeri değiştirebilirsiniz 0.5 yaptıgınız zaman gölgenin yarısını keser. Code: /**
* prototype.js v1.5 by Kaan * * Contributors: Cow http://cow.neondragon.net * Gfx http://www.jroller.com/page/gfx/ * Sitharus http://www.sitharus.com * Andreas Linde http://www.andreaslinde.de * Tralala, coder @ http://www.vbulletin.org * * Freely distributable under MIT-style license. */ /* From prototype.js */ 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 : 1.0, defaultOpacity: 1.0, 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] != "reflect") { 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; /* Copy original image's classes & styles to div */ d.className = newClasses; p.className = 'reflected'; d.style.cssText = p.style.cssText; p.style.cssText = ' '; if (document.all && !window.opera) { 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'); 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('reflect'); 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(); } This post was edited by Kaan (2008-05-28 11:52 GMT, 137 Gün ago) |
|
Bi0systeM
81 posts |
#28062 2008-05-28 11:45 GMT |
|
Güzel.. Emegine Saglik
|
|
|
KanKayizz.biz | Ldu Sandstorm Skins Artik Seditio da =) Görmek için Tiklayin..http://kankayizz.biz
|
|
emremix
483 posts |
#28066 2008-05-28 13:19 GMT |
|
Güzel iş teşekürler kaan.Ayrıca yansıma ile ilgili ayarlar yapabilirsiniz. Yansıma size kısa geldiyse class"reflect" 'i class="reflect rheight30" olarak değiştirebilirsiniz. Bu demektir ki yansıma resmin %30'si kadar olacak. Bu rakamı 50,60,70,80,90 yapabilirsiniz. Yansmanın ne kadar belli olacağınıda ayarlayabiliriz. Bunun için class="reflect ropacity30" ekleyeceğiz. Bunuda 50,60,70,80,90 yapabilirsiniz. Örnek olarak Code: function sed_build_userimage($image) { if (!empty($image)) { $result = "<img src=\"".$image."\" class=\"reflect rheight30\" alt=\"\" class=\"avatar\" />"; } return($result); } Şeklinde kullanilabilir.Buda benim demom http://evenos.org/forums.php?m=posts&q=3725&d=10 |
|
|
Sudo apt-get Alcohol
Forever Ubuntu :) |
|
Bi0systeM
81 posts |
#28067 2008-05-28 14:45 GMT |
|
demon'da bişey göremedim emre ben =)
|
|
|
KanKayizz.biz | Ldu Sandstorm Skins Artik Seditio da =) Görmek için Tiklayin..http://kankayizz.biz
|
|
emremix
483 posts |
#28069 2008-05-28 15:07 GMT |
|
reklamlardan dolayı çok geç yükleniyor.Biraz beklersen görürsün
|
|
|
Sudo apt-get Alcohol
Forever Ubuntu :) |
|
n0fx
83 posts |
#28070 2008-05-28 15:17 GMT |
Quote o reklamlar ne öyle |
|
ramazan07
20 posts |
#28073 2008-05-29 00:32 GMT |
|
bende bi deişiklik olmadı
|
|
Maddium Coder
113 posts |
#28074 2008-05-29 13:38 GMT |
|
Kaan Emre SagoLasin.. UyguLamalar Çalisiyor..
|
|
|
Madserver İnternet Hizmetleri
250 mb Alan 5 GB Trafik Güvenlik Hız Kalite Sınırsız özellikler 40 YTL [email]Admin@netCrew.uS[/email] |
|
hunter__01
51 posts |
#28269 2008-05-29 20:04 GMT |
|
offf yaa.. bitek ben mi yapamadım...:S:S:S saol kaan |
|
Benzer konular (Similar topics) #BETA
| Konular | Mesajlar | Son Yazar | Güncelleme |
| yorumlarda avatar? | 3 | Dekolax | 569 Gün |
| avatar cıkmıyoo | 6 | 3nokta5 | 19 Gün |
| Avatar Cikmiyor ? | 2 | Aragorn-pc | 37 Gün |
| Avatar Seçilmiyo ?? :S | 3 | By.Herakles | 215 Gün |
| DB Avatar Sorunu | 5 | Özgür | 244 Gün |






