Jump to content
  • 0

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


TRIGUN
 Share

Question

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

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

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

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

Вот код:

<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");

———————-

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

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

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

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

В стили:

.red {
color:red;
}

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

Link to comment
Share on other sites

  • 0

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

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

Link to comment
Share on other sites

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

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

В стили:

.red {
color:red;
}

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

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

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

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

Link to comment
Share on other sites

  • 0

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

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

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

Link to comment
Share on other sites

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

<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;

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy