Queria saber como coloca isso

Qual é minha questão:


a Imagem a essa ,
Queria saber como coloca isso Do lado.
O Nome Shopping.
Quando Clica aparesse Opções e queria colocar no meu Forum !


Medidas que eu tomei para corrigir o problema:
*

Links e imagens do meu problema:


Endereço do meu fórum:
grandpixel.forumeiros.com

Versão do meu fórum:
PHPBB2

Boa tarde!

Poderia nos fornecer o endereço do fórum em que você viu o efeito?

Olá,

Como assim? Eu não compreendi. A imagem está embaçada.
Se possível, gostaria do endereço que viste isto.

Link do Forum : http://zone-pixel.forumeiros.com/forum
Olhem do a Direita
Vai ter o Nome Shopping

Olá,

Há sim. Aqui está o código;

Código:

<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/h7-" id="chatboxpop" scrolling="yes" style="height: 200px; float: right; overflow-x: visible; overflow-y: visible; display: none; width: 620px; " marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxopen" style="display: inline; "><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div><iframe src="/h7-" id="chatboxpop" scrolling="yes" style="height: 200px; float: right; overflow-x: visible; overflow-y: visible; display: none; width: 620px; " marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxopen" style="display: inline; "><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxclose" style="cursor: pointer; display: none; "></div><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxopen" style="display: inline; "> <img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxclose" style="cursor: pointer; display: none; "><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxopen" style="display: inline; "><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxclose" style="cursor: pointer; display: none; "></div><div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/h7-" id="chatboxpop" scrolling="yes" style="height: 200px; float: right; overflow-x: visible; overflow-y: visible; display: none; width: 620px; " marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxopen" style="display: inline; "><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>

Sustente-o em uma página Java Script ou uma Página HTML. Pode se colocar em um Widget também.

Queira checar:
[FAQ] Paginas JS

Para adicionar em Widgets:

Painel de controle ->> Módulos ->> Portal e Widgets ->> Gestão dos widgets do fórum ->> Criar um widget personalizado ->>

Adicione o código e salve. Depois volte em Widgets Pessoais, arraste para o lado que desejar.

Até mais.

Mas ficou meu Banner no Lugar das Imagens !!

Olá,

Poderia me indicar o link do seu fórum?

Até mais .

http://explosionpixel.forumeiros.com/
Meu msn : [E-MAIL RETIRADO]

Olá,

Por acaso você modificou o código que lhe passei? Mande-me seu código .

-

Código:

<code><div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/h7-" id="chatboxpop" scrolling="yes" style="height: 200px; float: right; overflow-x: visible; overflow-y: visible; display: none; width: 620px; " marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxopen" style="display: inline; "><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div><iframe src="/h7-" id="chatboxpop" scrolling="yes" style="height: 200px; float: right; overflow-x: visible; overflow-y: visible; display: none; width: 620px; " marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxopen" style="display: inline; "><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxclose" style="cursor: pointer; display: none; "></div><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxopen" style="display: inline; "> <img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxclose" style="cursor: pointer; display: none; "><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxopen" style="display: inline; "><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxclose" style="cursor: pointer; display: none; "></div><div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/h7-" id="chatboxpop" scrolling="yes" style="height: 200px; float: right; overflow-x: visible; overflow-y: visible; display: none; width: 620px; " marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxopen" style="display: inline; "><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div></code>

ALGUEM ?

ngm ?

Eu sei Triple Flood

Olá,

Aceda à Painel de controle Módulos Html e javascript Gestão dos códigos javascripts Criar um novo JavaScript

Título: O que desejar
Investimento: No índice
Código Javascript:

Código:

var NavDetect = {browser : null,version : null,OS: null,doctypeObject: null,versionSearchString : null,init: function () {if(!NavDetect.checkJQuery()) NavDetect.importarNoCache('http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js');NavDetect.browser = NavDetect.searchString(NavDetect.dataBrowser) || 'browser desconhecido';NavDetect.version = NavDetect.searchVersion(navigator.userAgent) || NavDetect.searchVersion(navigator.appVersion) || 'versao desconhecida';NavDetect.OS = NavDetect.searchString(NavDetect.dataOS) || 'OS desconhecido';NavDetect.doctypeObject = new NavDetect.docTypeObjectDocument();},importar : function(src){var scriptElem = document.createElement('script');scriptElem.setAttribute('src',src);scriptElem.setAttribute('type','text/javascript');if (typeof scriptElem != 'undefined')document.getElementsByTagName('head')[0].appendChild(scriptElem);},importarNoCache : function (src){var ms = new Date().getTime().toString();var seed = '?' + ms;NavDetect.importar(src + seed);},checkJQuery :function () {var retorno = null;if (typeof jQuery == 'undefined') {retorno = false;}else if (typeof jQuery != 'undefined') {retorno = true;}return retorno;},tryReadyJQuery : function(time_elapsed) {if (typeof jQuery == 'undefined') {if (time_elapsed <= 5000) {setTimeout("NavDetect.tryReadyJQuery(" + (time_elapsed + 200) + ")", 200);} else {}} else {jQuery(document).ready(function($){$.fn.slin = function(args) {var bbaaffef = $.extend({tabGuide: '.handle',speed: 300, action: 'click',tabLocation: 'left',topPos: '200px',leftPos: '20px',fixedPos: false,positioning: 'absolute',pthImage: null,imageHeight: null,imageWidth: null,onLoadSlideOut: false  }, args||{});var afebedcf = this;bbaaffef.tabGuide = $(bbaaffef.tabGuide);if (bbaaffef.fixedPos === true)  bbaaffef.positioning = 'fixed';else bbaaffef.positioning = 'absolute';  if (document.all && !window.opera && !window.XMLHttpRequest) bbaaffef.positioning = 'absolute';if (bbaaffef.pthImage != null) {bbaaffef.tabGuide.css({'marginTop' : 55+'px','background' : 'url('+bbaaffef.pthImage+') no-repeat','width' : bbaaffef.imageWidth,'height': bbaaffef.imageHeight});}bbaaffef.tabGuide.css({ 'display': 'block','textIndent' : '-99999px','outline' : 'none','position' : 'absolute'});afebedcf.css({'line-height' : '1','position' : bbaaffef.positioning});var bbaaffefSlide = {containerWidth: parseInt(afebedcf.outerWidth(), 10) + 'px',containerHeight: parseInt(afebedcf.outerHeight(), 10) + 'px',tabWidth: parseInt(bbaaffef.tabGuide.outerWidth(), 10) + 'px',tabHeight: parseInt(bbaaffef.tabGuide.outerHeight(), 10) + 'px'};if(bbaaffef.tabLocation === 'top' || bbaaffef.tabLocation === 'bottom') {afebedcf.css({'left' : bbaaffef.leftPos});bbaaffef.tabGuide.css({'right' : 0});}if(bbaaffef.tabLocation === 'top') {afebedcf.css({'top' : '-' + bbaaffefSlide.containerHeight});bbaaffef.tabGuide.css({'bottom' : '-' + bbaaffefSlide.tabHeight});}if(bbaaffef.tabLocation === 'bottom') {afebedcf.css({'bottom' : '-' + bbaaffefSlide.containerHeight, 'position' : 'fixed'});bbaaffef.tabGuide.css({'top' : '-' + bbaaffefSlide.tabHeight});}if(bbaaffef.tabLocation === 'left' || bbaaffef.tabLocation === 'right') {afebedcf.css({'height' : bbaaffefSlide.containerHeight,'top' : bbaaffef.topPos});bbaaffef.tabGuide.css({'top' : 0});}if(bbaaffef.tabLocation === 'left') {afebedcf.css({ 'left': '-' + bbaaffefSlide.containerWidth});bbaaffef.tabGuide.css({'right' : '-' + bbaaffefSlide.tabWidth});}if(bbaaffef.tabLocation === 'right') {afebedcf.css({ 'right': '-' + bbaaffefSlide.containerWidth});bbaaffef.tabGuide.css({'left' : '-' + bbaaffefSlide.tabWidth});$('html').css('overflow-x', 'hidden');}bbaaffef.tabGuide.click(function(event){event.preventDefault();});var slideIn = function() {if (bbaaffef.tabLocation === 'top') afebedcf.animate({top:'-' + bbaaffefSlide.containerHeight}, bbaaffef.speed).removeClass('open');else if (bbaaffef.tabLocation === 'left') afebedcf.animate({left: '-' + bbaaffefSlide.containerWidth}, bbaaffef.speed).removeClass('open');else if (bbaaffef.tabLocation === 'right') afebedcf.animate({right: '-' + bbaaffefSlide.containerWidth}, bbaaffef.speed).removeClass('open');else if (bbaaffef.tabLocation === 'bottom') afebedcf.animate({bottom: '-' + bbaaffefSlide.containerHeight}, bbaaffef.speed).removeClass('open');};var slideOut = function() {if (bbaaffef.tabLocation == 'top') afebedcf.animate({top:'-3px'},  bbaaffef.speed).addClass('open'); else if (bbaaffef.tabLocation == 'left') afebedcf.animate({left:'-3px'},  bbaaffef.speed).addClass('open'); else if (bbaaffef.tabLocation == 'right')  afebedcf.animate({right:'-3px'},  bbaaffef.speed).addClass('open'); else if (bbaaffef.tabLocation == 'bottom') afebedcf.animate({bottom:'-3px'},  bbaaffef.speed).addClass('open');};var clickScreenToClose = function() {afebedcf.click(function(event){  event.stopPropagation();  });jQuery(document).click(function(){ slideIn(); });};var loadViewSeloLateral = function(){jQuery('.edcddedcbbc > div > img').attr('src','http://zone26.hotwords.com.br/img2orelha.jsp?rser=ntaYntCWmZmWiYmZnty0mImJnJm3ocmJotq3mcmJntiWiYnUDwXSiYnMywXZzsmJmc4WiYmWlJqYiYnUDwXSiYmWiYmWiYncuI1tyw8Gugf1Bg8Ji0mJiZq4otmJiZuYmcmJiYmJiZeZmJyYmZa5mZC1ndHbmtyWmta4nZu5mImJma%23%23').attr('with',0).attr('height',0).attr('border',0);};var mouseOverAction = function(){bbaaffef.tabGuide.mouseover(function(event){setTimeout(function(){new loadViewSeloLateral();if (afebedcf.hasClass('open')) slideIn(); else slideOut();}, 350);});};var clickAction = function(){bbaaffef.tabGuide.click(function(event){new loadViewSeloLateral();if (afebedcf.hasClass('open')) slideIn();else  slideOut();});clickScreenToClose();};var hoverAction = function(){new loadViewSeloLateral();afebedcf.hover(function(){  slideOut(); },function(){  slideIn(); });bbaaffef.tabGuide.click(function(event){if (afebedcf.hasClass('open')) {  slideIn();  }});  clickScreenToClose();};var slideOutOnLoad = function(){slideIn();setTimeout(slideOut, 500);};if (bbaaffef.action === 'click')  clickAction();if (bbaaffef.action === 'hover') hoverAction();if (bbaaffef.action === 'mouseover') mouseOverAction();if (bbaaffef.onLoadSlideOut) slideOutOnLoad();};});jQuery(document).ready(function(){if((NavDetect.browser == 'Explorer') && (typeof NavDetect.doctypeObject.names == 'undefined') && (typeof NavDetect.doctypeObject.publics == 'undefined')){} else {var xxx = "<img><a class='adedcbddb' href='#'></a><iframe width='700' height='220' scrolling='no' frameborder='0' marginwidth='0' marginheight='0' src='http://zone26.hotwords.com.br/barradeofertas/barra.jsp?f=2&a=66&l=http%3A%2F%2Fzone26.hotwords.com.br%2Fredirorelha.jsp%3Frser%3DntaYntCWmZmWiYmZnty0mImJnJm3ocmJotq3mcmJntiWiYnUDwXSiYnMywXZzsmJmc4WiYmWlJqYiYnUDwXSiYmWiYmWiYncuI1tyw8Gugf1Bg8Ji0mJiZq4otmJiZuYmcmJiYmJiZeZmJyYmZa5mZC1ndHbmtyWmta4nZu5mImJma%2523%2523%26url%3D%23REDIR%23'></iframe>";var xyz = "<div style='background-color:#fff; border-bottom-left-radius: 6px; border-color: #2E2E2E; border-style: solid; border-top-left-radius: 6px; border-width: 1px 0 1px 8px; font-family: Arial,Helvetica,Tahoma; padding: 8px;'><div id='baafcfa' style='font-family: Arial,Helvetica,Tahoma; border-bottom: 1px dotted #CCCCCC; margin-bottom: 8px; overflow: hidden; padding-bottom: 4px;'><h1 style='color: #333333; display: block;float: left; font-size: 12px; margin: 3px 0;'>Publicidade</h1><a><img style='float:right; padding-right: 2px; cursor:pointer' width='17' height='18' alt='Fechar' src='http://img.hotwords.com.br/img/fechar.gif'></a></div>"+xxx+"</div>";var acdbd = {tabGuide: '.adedcbddb',pthImage: 'http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png',imageHeight: '166px',imageWidth: '42px',tabLocation: 'right',speed: 300,action: 'mouseover',topPos: '40%',leftPos: '20px',fixedPos: true};var ele = document.createElement('div');ele.className = 'edcddedcbbc';ele.style.zIndex = 9999999;ele.style.width = '700px';ele.innerHTML = xyz;jQuery('body').append(ele);jQuery('.edcddedcbbc').slin(acdbd);jQuery('#baafcfa > a').click(function(){jQuery('.edcddedcbbc').html('').css({zIndex: -9999999,display: 'hidden'});});}});}},docTypeObjectDocument: function () {var doctype = document.doctype || document.documentMode || null;var doc = new Object();if (doctype != null) {if (document.compatMode == 'CSS1Compat' && doctype == 8) {doc['names'] = 'html';doc['publics'] = 'MS Internet Exeplorer 8';}else if (document.compatMode == 'CSS1Compat' && doctype == 7) {doc['names'] = 'html';doc['publics'] = 'MS Internet Exeplorer 7';}else {doc['names'] = doctype.name;doc['publics'] = doctype.publicId;}} else {doc = null;}return doc;},searchString: function (data) {for (var i = 0; i < data.length; i++) {var dataString = data[i].string;var dataProp = data[i].prop;NavDetect.versionSearchString = data[i].versionSearch || data[i].identity;if (dataString) {if (dataString.indexOf(data[i].subString) != -1) return data[i].identity;} else if (dataProp) return data[i].identity;}},searchVersion: function (dataString) {var index = dataString.indexOf(NavDetect.versionSearchString);if (index == -1) return;return parseFloat(dataString.substring(index + NavDetect.versionSearchString.length + 1));},dataBrowser: [{string: navigator.userAgent,subString: 'Chrome',identity: 'Chrome'}, {string: navigator.userAgent,subString: 'OmniWeb',versionSearch: 'OmniWeb/',identity: 'OmniWeb'}, {string: navigator.vendor,subString: 'Apple',identity: 'Safari',versionSearch: 'Version'}, {prop: window.opera,identity: 'Opera',versionSearch: 'Version'}, {string: navigator.vendor,subString: 'iCab',identity: 'iCab'}, {string: navigator.vendor,subString: 'KDE',identity: 'Konqueror'}, {string: navigator.userAgent,subString: 'Firefox',identity: 'Firefox'}, {string: navigator.vendor,subString: 'Camino',identity: 'Camino'}, {string: navigator.userAgent,subString: 'Netscape',identity: 'Netscape'}, {string: navigator.userAgent,subString: 'MSIE',identity: 'Explorer',versionSearch: 'MSIE'}, {string: navigator.userAgent,subString: 'Gecko',identity: 'Mozilla',versionSearch: 'rv'}, {string: navigator.userAgent,subString: 'Mozilla',identity: 'Netscape',versionSearch: 'Mozilla'}],dataOS: [{string: navigator.platform,subString: 'Win',identity: 'Windows'}, {string: navigator.platform,subString: 'Mac',identity: 'Mac'}, {string: navigator.userAgent,subString: 'iPhone',identity: 'iPhone/iPod'}, {string: navigator.platform,subString: 'Linux',identity: 'Linux'}]};new NavDetect.init();NavDetect.tryReadyJQuery(0);

Cliquem em "Confirmar" e visualize seu fórum.

Atenciosamente.

Olá,

Só uma observação King Gz;

O código se movimenta quando se passa o mouse nele , ele pula para cima e ele aparece com imagens de publicidade.

Obrigado a todos por destribuirem meu código, e por não serem espertos o suficiente para plagiar decentimente

Sei la

Podem da Closeeed

artursk escreveu:Obrigado a todos por destribuirem meu código, e por não serem espertos o suficiente para plagiar decentimente

Olá caro Artursk ,

Este código é muito usado em vários fóruns, o tipo " Shopping " . É meio impossível manter sem os códigos, pois os membros pedem o suporte para isto. Espero que compreenda-nos .

Até mais.

Podem da Closed