Облако тегов 3D (модификации)

[TRIGUN]

Здравствуйте.

Разместил на сайте "Облако тегов", все работает верно.

Ранее очень часто слышал что его всячески можно модифицировать, например вставлять лого внутрь создавая иллюзию. Или же менять цвета ссылок.

Я сам не очень знаком с подобными технологиями и знания у меня поверхностные.

Вот код:

<script type="text/javascript" src="Мой сайт/swfobject.js">
</script>
<div id="RiveraCloud"><p align="center">
Для отображения элемента необходим  
<br>  
Adobe Flash Player   
</p></div><script type="text/javascript">var rnumber = Math.floor(Math.random()*9999999);
var widget_so = new SWFObject("Мой сайт/tagcloud.swf?r="+rnumber, 
"tagcloudflash", "150", "150", "9", "#FFFFFF");
widget_so.addParam("allowScriptAccess", "always");
widget_so.addVariable("tcolor", "0x0066cc");
widget_so.addVariable("tspeed", "130");
widget_so.addVariable("distr", "true");
widget_so.addVariable("mode", "tags");widget_so.addVariable("tagcloud", "<tags>
<a href='Ссылка'>Название</a>
<a href='Ссылка'>Название</a>
<a href='Ссылка'>Название</a>
<a href='Ссылка'>Название</a>
</tags>");widget_so.write("RiveraCloud");
</script>

Слышал что для вставки лого внутрь необходимо вставить строчку

<div style="background: url('Мой сайт/Лого.png') center center no-repeat;padding:0px 0px 0px 0px;"> Код для вставки облака </div>

Но как верно применить эту функцию конкретно для моего кода я не знаю.

Так же не особо понимаю как задать цвет каждому тегу отдельно. Знаю лишь что за общий цвет тегов в моем облаке отвечает параметр:

widget_so.addVariable("tcolor", "0x0066cc");

———————-

Помогите пожалуйста разобраться. Я лишь новичок в этом деле

[npofopr]

это на юкозе что ли такое?

[TRIGUN]

это на юкозе что ли такое?

Нет, Юкоз совсем не причем. Это мой персональный сайт.

Код везде по идее пойдет.

[Игорь Ермаков]

Задать цвет тегу в облаке можно в ручную, если такая функция не предусмотрена скриптом, например в облаке есть ссылка, мы присваиваем ей нужный класс и все.

...
<a href='#' class="red">ссылка</a>
...

В стили:

.red {
color:red;
}

Лого вставляется по такому же принципу, можете якорем ссылки сделать изображение, можете опять же через стили. Не сцыте поковыряться, тут все просто, скрипт может и сложный, но разметка элементарна.

[npofopr]

вообще облако тегов должно автоматически генерироваться в зависимости от самих тегов которые выданы страницам.

и как вы будете автоматически генерируемым тегам задавать каждому свой класс?

[TRIGUN]

Задать цвет тегу в облаке можно в ручную, если такая функция не предусмотрена скриптом, например в облаке есть ссылка, мы присваиваем ей нужный класс и все.

...
<a href='#' class="red">ссылка</a>
...

В стили:

.red {
color:red;
}

Лого вставляется по такому же принципу, можете якорем ссылки сделать изображение, можете опять же через стили. Не сцыте поковыряться, тут все просто, скрипт может и сложный, но разметка элементарна.

Попробовал сделать так как вы советовали:

<a href='http://www....' class='#EF6928' style='12'>Название</a>

Никаких изменений при том цвет остался тем же. Разные варианты проверял, ни в какую. Может в чем то ином проблема? Например в параметре который задает общий цвет (писал в 1 сообщении) ?

[Игорь Ермаков]

Так! Вы неверно класс присваиваете. Значит сделайте вот что:

<a href='#' style="color:#666;">ссылка</a>

Такой инлайн-стиль полюбому будет работать если где-то в исходнике скрипта нет !important. И вообще, было бы хорошо посмотреть на страничку с этим облаком.

[TRIGUN]

Так! Вы неверно класс присваиваете. Значит сделайте вот что:

<a href='#' style="color:#666;">ссылка</a>

Такой инлайн-стиль полюбому будет работать если где-то в исходнике скрипта нет !important. И вообще, было бы хорошо посмотреть на страничку с этим облаком.

Поставил, заменил '#' на ссылку верно? В итоге название просто стало большим Если без замены, то вообще облако перестает отображаться.

Вы можете пожалуйста сами поставить в таком случае её в мой код? Возможно я действительно что то не понимаю.

———--

Вот сайт на котором оно стоит http://www.world-rivera.ru/

Вот файл SWFObject:

/**
 * SWFObject v1.4: Flash Player detection and embed - http://blog.deconcept.com/swfobject/
 *
 * SWFObject is (c) 2006 Geoff Stearns and is released under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 *
 * **SWFObject is the SWF embed script formarly known as FlashObject. The name was changed for
 *   legal reasons.
 */
if(typeof deconcept=="undefined"){var deconcept=new Object();}
if(typeof deconcept.util=="undefined"){deconcept.util=new Object();}
if(typeof deconcept.SWFObjectUtil=="undefined"){deconcept.SWFObjectUtil=new Object();}
deconcept.SWFObject=function(_1,id,w,h,_5,c,_7,_8,_9,_a,_b){
if(!document.createElement||!document.getElementById){return;}
this.DETECT_KEY=_b?_b:"detectflash";
this.skipDetect=deconcept.util.getRequestParameter(this.DETECT_KEY);
this.params=new Object();
this.variables=new Object();
this.attributes=new Array();
if(_1){this.setAttribute("swf",_1);}
if(id){this.setAttribute("id",id);}
if(w){this.setAttribute("width",w);}
if(h){this.setAttribute("height",h);}
if(_5){this.setAttribute("version",new deconcept.PlayerVersion(_5.toString().split(".")));}
this.installedVer=deconcept.SWFObjectUtil.getPlayerVersion(this.getAttribute("version"),_7);
if(c){this.addParam("bgcolor",c);}
var q=_8?_8:"high";
this.addParam("quality",q);
this.setAttribute("useExpressInstall",_7);
this.setAttribute("doExpressInstall",false);
var _d=(_9)?_9:window.location;
this.setAttribute("xiRedirectUrl",_d);
this.setAttribute("redirectUrl","");
if(_a){this.setAttribute("redirectUrl",_a);}};
deconcept.SWFObject.prototype={setAttribute:function(_e,_f){
this.attributes[_e]=_f;
},getAttribute:function(_10){
return this.attributes[_10];
},addParam:function(_11,_12){
this.params[_11]=_12;
},getParams:function(){
return this.params;
},addVariable:function(_13,_14){
this.variables[_13]=_14;
},getVariable:function(_15){
return this.variables[_15];
},getVariables:function(){
return this.variables;
},getVariablePairs:function(){
var _16=new Array();
var key;
var _18=this.getVariables();
for(key in _18){
_16.push(key+"="+_18[key]);}
return _16;
},getSWFHTML:function(){
var _19="";
if(navigator.plugins&&navigator.mimeTypes&&navigator.mimeTypes.length){
if(this.getAttribute("doExpressInstall")){this.addVariable("MMplayerType","PlugIn");}
_19="<embed type=\"application/x-shockwave-flash\" src=\""+this.getAttribute("swf")+"\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\"";
_19+=" id=\""+this.getAttribute("id")+"\" name=\""+this.getAttribute("id")+"\" ";
var _1a=this.getParams();
for(var key in _1a){_19+=[key]+"=\""+_1a[key]+"\" ";}
var _1c=this.getVariablePairs().join("&");
if(_1c.length>0){_19+="flashvars=\""+_1c+"\"";}
_19+="/>";
}else{
if(this.getAttribute("doExpressInstall")){this.addVariable("MMplayerType","ActiveX");}
_19="<object id=\""+this.getAttribute("id")+"\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\">";
_19+="<param name=\"movie\" value=\""+this.getAttribute("swf")+"\" />";
var _1d=this.getParams();
for(var key in _1d){_19+="<param name=\""+key+"\" value=\""+_1d[key]+"\" />";}
var _1f=this.getVariablePairs().join("&");
if(_1f.length>0){_19+="<param name=\"flashvars\" value=\""+_1f+"\" />";}
_19+="</object>";}
return _19;
},write:function(_20){
if(this.getAttribute("useExpressInstall")){
var _21=new deconcept.PlayerVersion([6,0,65]);
if(this.installedVer.versionIsValid(_21)&&!this.installedVer.versionIsValid(this.getAttribute("version"))){
this.setAttribute("doExpressInstall",true);
this.addVariable("MMredirectURL",escape(this.getAttribute("xiRedirectUrl")));
document.title=document.title.slice(0,47)+" - Flash Player Installation";
this.addVariable("MMdoctitle",document.title);}}
if(this.skipDetect||this.getAttribute("doExpressInstall")||this.installedVer.versionIsValid(this.getAttribute("version"))){
var n=(typeof _20=="string")?document.getElementById(_20):_20;
n.innerHTML=this.getSWFHTML();
return true;
}else{
if(this.getAttribute("redirectUrl")!=""){document.location.replace(this.getAttribute("redirectUrl"));}}
return false;}};
deconcept.SWFObjectUtil.getPlayerVersion=function(_23,_24){
var _25=new deconcept.PlayerVersion([0,0,0]);
if(navigator.plugins&&navigator.mimeTypes.length){
var x=navigator.plugins["Shockwave Flash"];
if(x&&x.description){_25=new deconcept.PlayerVersion(x.description.replace(/([a-z]|[A-Z]|\s)+/,"").replace(/(\s+r|\s+b[0-9]+)/,".").split("."));}
}else{try{
var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
for(var i=3;axo!=null;i++){
axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+i);
_25=new deconcept.PlayerVersion([i,0,0]);}}
catch(e){}
if(_23&&_25.major>_23.major){return _25;}
if(!_23||((_23.minor!=0||_23.rev!=0)&&_25.major==_23.major)||_25.major!=6||_24){
try{_25=new deconcept.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","));}
catch(e){}}}
return _25;};
deconcept.PlayerVersion=function(_29){
this.major=parseInt(_29[0])!=null?parseInt(_29[0]):0;
this.minor=parseInt(_29[1])||0;
this.rev=parseInt(_29[2])||0;};
deconcept.PlayerVersion.prototype.versionIsValid=function(fv){
if(this.major<fv.major){return false;}
if(this.major>fv.major){return true;}
if(this.minor<fv.minor){return false;}
if(this.minor>fv.minor){return true;}
if(this.rev<fv.rev){return false;}return true;};
deconcept.util={getRequestParameter:function(_2b){
var q=document.location.search||document.location.hash;
if(q){
var _2d=q.indexOf(_2b+"=");
var _2e=(q.indexOf("&",_2d)>-1)?q.indexOf("&",_2d):q.length;
if(q.length>1&&_2d>-1){
return q.substring(q.indexOf("=",_2d)+1,_2e);
}}return "";}};
if(Array.prototype.push==null){
Array.prototype.push=function(_2f){
this[this.length]=_2f;
return this.length;};}
var getQueryParamValue=deconcept.util.getRequestParameter;
var FlashObject=deconcept.SWFObject; // for backwards compatibility
var SWFObject=deconcept.SWFObject;