Widget de parcerias

3 participantes

Ir para baixo

Tópico resolvido Widget de parcerias

Mensagem por IsmaelS. 19.07.14 2:40

  • Descrição:
Olá,

Seria possível ter este widget de Parceiros?
http://megapublicidade.pureforum.net/forum

Mas queria que tive-se fechado só quando o usuário quiser abria!

  • Informações:
Fórum:http://master-publicitario.forumeiros.com/forumVersão:PHPBB2
Tipo:Pedido de códigoTags:Widget,parcerias



Última edição por IsmaelS. em 21.07.14 17:47, editado 1 vez(es)
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de parcerias

Mensagem por HTML 19.07.14 15:30

Crie um widget com este código:

Código:
<script>jQuery(document).ready(function(){jQuery('#abrir-parc').click(function(){jQuery('#parceiros').slideToggle();});});</script><style>
.webstore-button.webstore-A-B-C {
border-color: #2D53AF;
background-color: #4D7BD6;
background-image: -moz-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5689DB),color-stop(100%,#4D7BD6));
background-image: -webkit-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
background-image: -o-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
background-image: -ms-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5689db,endColorstr=#4d7bd6,GradientType=0);
background-image: linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
padding-bottom: 4px;
}
.webstore-Gf-wb {
display: inline-block;
}
.webstore-A-L-i-J-B-K {
height: 28px;
font-size: 11px;
line-height: 28px;
min-width: 170px;
}
.webstore-button {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid;
cursor: pointer;
color: white;
font-size: 13px;
font-weight: bold;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-transform: uppercase;
padding: 0 4px 0 4px;
-webkit-box-shadow: 0 2px 0 0 rgba(255, 255, 255, .06) inset,0 2px 3px 0 rgba(0, 0, 0, .2);
-moz-box-shadow: 0 2px 0 0 rgba(255,255,255,.06) inset,0 2px 3px 0 rgba(0,0,0,.2);
box-shadow: 0 2px 0 0 rgba(255, 255, 255, .06) inset,0 2px 3px 0 rgba(0, 0, 0, .2);
outline: 0px;
}
.webstore-button.webstore-A-J-i-J-B-K .webstore-A-B-I, .webstore-button.webstore-A-L-i-J-B-K .webstore-A-B-I {
}
.webstore-A-B-eb-I {
width: 19px;
height: 17px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAQAAACVkV9MAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAABMAAAARAMNJ7iwAAACPSURBVCjPjZJRDsMgDENfCAfY1+5/vh2g0iRI9gG0AbUa/glGiWMZxNlB2urabcutyDnmFUAUaxc+q3WPSqiX77DUI0+xafHmD2eQRqV7WiHqFtWUe+i89CmYNAWCyYsMJP8AyBsDyohltFUOUuAHBTDqojbmOgrfm93/kBfePJZF+8ztUlcSRp3fVPb+2w/RaCkkhrW/agAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=);
}
.webstore-A-B-I-O-P {
margin-right: -7px;
margin-left: 20px;
}
.webstore-A-B-I {
position: relative;
vertical-align: text-bottom;
top: 7px;
}
.webstore-A-L-i-J-B-K {
font-size: 11px;
line-height: 28px;
}
.webstore-button {
cursor: pointer;
color: white;
font-size: 13px;
font-weight: bold;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-transform: uppercase;
}
.webstore-A-B-o {
margin: auto;
direction: ltr;
line-height: 0px;
}
.webstore-rb-Gc
.webstore-fd-rb {
font-family: 'Open Sans',arial,sans-serif;
font-size: 14px;
}
.webstore-button.webstore-A-B-C:hover {
border-color: #4076FF;
background-color: #5C92FF;
background-image: -moz-linear-gradient(top,#669EFF 0%,#5286FF 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#669EFF),color-stop(100%,#5286FF));
background-image: -webkit-linear-gradient(top,#669EFF 0%,#5286FF 100%);
background-image: -o-linear-gradient(top,#669EFF 0%,#5286FF 100%);
background-image: -ms-linear-gradient(top,#669EFF 0%,#5286FF 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#669eff,endColorstr=#5286ff,GradientType=0);
background-image: linear-gradient(top,#669EFF 0%,#5286FF 100%);
}
#parceiros {
    max-height: 300px;
    overflow: auto;
    padding: 0px;
}
#parceiros img {
    height: 60px;
    width: 150px;
    opacity: .2;
    -webkit-transition-duration: .8s;-moz-transition-duration: .8s;-ms-transition-duration: .8s;-o-transition-duration: .8s;transition-duration: .8s;
}
#parceiros img:hover {
    opacity: 10;
}
</style><br />
<center>
 
 <div id="abrir-parc" tabindex="0" style="-webkit-user-select: none;" class="webstore-Gf-wb webstore-A-B-C webstore-A-L-i-J-B-K webstore-A-B-Y-Z-ab-bb webstore-button webstore-button-hover" role="button">
 
 <div class="webstore-A-B-o">
 
 <div class="webstore-A-B-I webstore-A-B-eb-I webstore-A-B-I-O-P">
 
 </div>
 
 <div id="abrir-parc" class="webstore-A-B-H webstore-test-button-label">
 Parceiros
 </div>
 
 </div>
 
 </div><br /><br />
 <div style="display: block; " id="parceiros">
 
 <marquee style="width: 200px; height: 300px;" scrolldelay="53" scrollamount="3" direction="up" id="comments_scroll_container">
 <a target="_blank" href="LINK PARCEIRO"><img src="http://s5.postimg.org/6ayh6q737/BAN2.png" /></a><br /><br />
 <a target="_blank" href="LINK PARCEIRO"><img src="http://s5.postimg.org/6ayh6q737/BAN2.png" /></a><br /><br />
 <a target="_blank" href="LINK PARCEIRO"><img src="http://s5.postimg.org/6ayh6q737/BAN2.png" /></a><br /><br />
 <a target="_blank" href="LINK PARCEIRO"><img src="http://s5.postimg.org/6ayh6q737/BAN2.png" /></a><br /><br />
 <a target="_blank" href="LINK PARCEIRO"><img src="http://s5.postimg.org/6ayh6q737/BAN2.png" /></a><br /><br />
 </marquee>
 
 </div>
 
</center>
 <br />

Altere:

Código:
<a target="_blank" href="LINK PARCEIRO"><img src="IMAGEM" /></a><br /><br />

LINK PARCEIRO = ENDEREÇO DO FÓRUM PARCEIRO
https://2img.net/h/s5.postimg.cc/6ayh6q737/BAN2.png = LINK IMAGEM FÓRUM PARCEIRO

Até!
HTML
HTML
***

Membro desde : 17/04/2014
Mensagens : 114
Pontos : 216

http://html.ativoforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de parcerias

Mensagem por IsmaelS. 19.07.14 16:54

Olá,

Tem possibilidade de só abrir quando o usuário desejar? Ou seja quando eu vou ao fórum ele já está aberto mas queria ele fechado!

Utilize este código:
Código:
<div align="center">
    <img src="http://i.imgur.com/JH5NaqE.gif" border="0" alt="" /><br /><strong>Deseja ser nosso parceiro?</strong>
</div>
 <script>jQuery(document).ready(function(){jQuery('#abrir-parc').click(function(){jQuery('#parceiros').slideToggle();});});</script><style>
.webstore-button.webstore-A-B-C {
border-color: #2D53AF;
background-color: #4D7BD6;
background-image: -moz-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5689DB),color-stop(100%,#4D7BD6));
background-image: -webkit-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
background-image: -o-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
background-image: -ms-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5689db,endColorstr=#4d7bd6,GradientType=0);
background-image: linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
padding-bottom: 4px;
}
.webstore-Gf-wb {
display: inline-block;
}
.webstore-A-L-i-J-B-K {
height: 28px;
font-size: 11px;
line-height: 28px;
min-width: 170px;
}
.webstore-button {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid;
cursor: pointer;
color: white;
font-size: 13px;
font-weight: bold;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-transform: uppercase;
padding: 0 4px 0 4px;
-webkit-box-shadow: 0 2px 0 0 rgba(255, 255, 255, .06) inset,0 2px 3px 0 rgba(0, 0, 0, .2);
-moz-box-shadow: 0 2px 0 0 rgba(255,255,255,.06) inset,0 2px 3px 0 rgba(0,0,0,.2);
box-shadow: 0 2px 0 0 rgba(255, 255, 255, .06) inset,0 2px 3px 0 rgba(0, 0, 0, .2);
outline: 0px;
}
.webstore-button.webstore-A-J-i-J-B-K .webstore-A-B-I, .webstore-button.webstore-A-L-i-J-B-K .webstore-A-B-I {
}
.webstore-A-B-eb-I {
width: 19px;
height: 17px;
}
.webstore-A-L-i-J-B-K {
font-size: 11px;
line-height: 28px;
}
.webstore-button {
cursor: pointer;
color: white;
font-size: 13px;
font-weight: bold;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-transform: uppercase;
}
.webstore-A-B-o {
margin: auto;
direction: ltr;
line-height: 0px;
}
.webstore-rb-Gc
.webstore-fd-rb {
font-family: 'Open Sans',arial,sans-serif;
font-size: 14px;
}
.webstore-button.webstore-A-B-C:hover {
border-color: #4076FF;
background-color: #5C92FF;
background-image: -moz-linear-gradient(top,#669EFF 0%,#5286FF 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#669EFF),color-stop(100%,#5286FF));
background-image: -webkit-linear-gradient(top,#669EFF 0%,#5286FF 100%);
background-image: -o-linear-gradient(top,#669EFF 0%,#5286FF 100%);
background-image: -ms-linear-gradient(top,#669EFF 0%,#5286FF 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#669eff,endColorstr=#5286ff,GradientType=0);
background-image: linear-gradient(top,#669EFF 0%,#5286FF 100%);
}
#parceiros {
    max-height: 300px;
    overflow: auto;
    padding: 0px;
}
#parceiros img {
    height: 60px;
    width: 150px;
    opacity: .2;
    -webkit-transition-duration: .8s;-moz-transition-duration: .8s;-ms-transition-duration: .8s;-o-transition-duration: .8s;transition-duration: .8s;
}
#parceiros img:hover {
    opacity: 10;
}
</style><br />
<center>
   
   <div role="button" class="webstore-Gf-wb webstore-A-B-C webstore-A-L-i-J-B-K webstore-A-B-Y-Z-ab-bb webstore-button webstore-button-hover" style="-webkit-user-select: none;" tabindex="0" id="abrir-parc">
      
      <div class="webstore-A-B-o">
         
         <div class="webstore-A-B-I webstore-A-B-eb-I webstore-A-B-I-O-P">
            
         </div>
         
         <div class="webstore-A-B-H webstore-test-button-label" id="abrir-parc">
             Abrir as Parcerias
         </div>
         
      </div>
      
   </div><br /><br />
   <div id="parceiros" style="display: block; ">
      
      <div align="center">
         
         <div align="left">
            
            <div align="center">
               
               <marquee id="comments_scroll_container" direction="up" scrollamount="3" scrolldelay="53" style="width: 200px; height: 300px;">
                   <a href="LINK PARCEIRO" target="_blank"><img src="http://i.imgur.com/TMGf7Hc.png" /></a><br /><br /> <a href="LINK PARCEIRO" target="_blank"><img src="http://i.imgur.com/TMGf7Hc.png" /></a><br /><br /> <a href="LINK PARCEIRO" target="_blank"><img src="http://i.imgur.com/TMGf7Hc.png" /></a><br /><br /> <a href="LINK PARCEIRO" target="_blank"><img src="http://i.imgur.com/TMGf7Hc.png" /></a><br /><br /> <a href="LINK PARCEIRO" target="_blank"><img src="http://i.imgur.com/TMGf7Hc.png" /></a><br />
               </marquee>
               
            </div>
            
         </div>
         
      </div>
      
   </div>
   
</center>
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de parcerias

Mensagem por IsmaelS. 20.07.14 5:20

UP !
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de parcerias

Mensagem por IsmaelS. 21.07.14 1:46

UP!
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de parcerias

Mensagem por First 21.07.14 17:38

Olá,

Senhor, substitua o código por este:
Código:
<table cellspacing="1" cellpadding="7" border="0" align="center" style="width: 100%;">
   
  <tbody>
      <tr>
         
        <td class="column" style="width: 20%; height: 1px;">
           
        </td>
         
        <td style="width: 60%;">
           
        </td>
         
        <td class="column" style="width: 20%;">
           
        </td>
         
      </tr>
     
      <tr>
         
        <td colspan="3" style="width: 100%;">
            <script>jQuery(document).ready(function(){jQuery('#abrir-parc').click(function(){jQuery('#parceiros').slideToggle();});});</script><style>
     
.webstore-button.webstore-A-B-C {
border-color: #2D53AF;
background-color: #4D7BD6;
background-image: -moz-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5689DB),color-stop(100%,#4D7BD6));
background-image: -webkit-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
background-image: -o-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
background-image: -ms-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5689db,endColorstr=#4d7bd6,GradientType=0);
background-image: linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
padding-bottom: 4px;
}
.webstore-Gf-wb {
display: inline-block;
}
.webstore-A-L-i-J-B-K {
height: 28px;
font-size: 11px;
line-height: 28px;
min-width: 170px;
}
.webstore-button {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid;
cursor: pointer;
color: white;
font-size: 13px;
font-weight: bold;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-transform: uppercase;
padding: 0 4px 0 4px;
-webkit-box-shadow: 0 2px 0 0 rgba(255, 255, 255, .06) inset,0 2px 3px 0 rgba(0, 0, 0, .2);
-moz-box-shadow: 0 2px 0 0 rgba(255,255,255,.06) inset,0 2px 3px 0 rgba(0,0,0,.2);
box-shadow: 0 2px 0 0 rgba(255, 255, 255, .06) inset,0 2px 3px 0 rgba(0, 0, 0, .2);
outline: 0px;
}
.webstore-button.webstore-A-J-i-J-B-K .webstore-A-B-I, .webstore-button.webstore-A-L-i-J-B-K .webstore-A-B-I {
}
.webstore-A-B-eb-I {
width: 19px;
height: 17px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAQAAACVkV9MAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAABMAAAARAMNJ7iwAAACPSURBVCjPjZJRDsMgDENfCAfY1+5/vh2g0iRI9gG0AbUa/glGiWMZxNlB2urabcutyDnmFUAUaxc+q3WPSqiX77DUI0+xafHmD2eQRqV7WiHqFtWUe+i89CmYNAWCyYsMJP8AyBsDyohltFUOUuAHBTDqojbmOgrfm93/kBfePJZF+8ztUlcSRp3fVPb+2w/RaCkkhrW/agAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=);
}
.webstore-A-B-I-O-P {
margin-right: -7px;
margin-left: 20px;
}
.webstore-A-B-I {
position: relative;
vertical-align: text-bottom;
top: 7px;
}
.webstore-A-L-i-J-B-K {
font-size: 11px;
line-height: 28px;
}
.webstore-button {
cursor: pointer;
color: white;
font-size: 13px;
font-weight: bold;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-transform: uppercase;
}
.webstore-A-B-o {
margin: auto;
direction: ltr;
line-height: 0px;
}
.webstore-rb-Gc
.webstore-fd-rb {
font-family: 'Open Sans',arial,sans-serif;
font-size: 14px;
}
.webstore-button.webstore-A-B-C:hover {
border-color: #4076FF;
background-color: #5C92FF;
background-image: -moz-linear-gradient(top,#669EFF 0%,#5286FF 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#669EFF),color-stop(100%,#5286FF));
background-image: -webkit-linear-gradient(top,#669EFF 0%,#5286FF 100%);
background-image: -o-linear-gradient(top,#669EFF 0%,#5286FF 100%);
background-image: -ms-linear-gradient(top,#669EFF 0%,#5286FF 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#669eff,endColorstr=#5286ff,GradientType=0);
background-image: linear-gradient(top,#669EFF 0%,#5286FF 100%);
}
#parceiros {
    max-height: 300px;
    overflow: auto;
    padding: 0px;
}
#parceiros img {
    opacity: .2;
    -webkit-transition-duration: .8s;-moz-transition-duration: .8s;-ms-transition-duration: .8s;-o-transition-duration: .8s;transition-duration: .8s;
}
#parceiros img:hover {
    opacity: 10;
}
</style><br />
            <center>
               
              <div role="button" class="webstore-Gf-wb webstore-A-B-C webstore-A-L-i-J-B-K webstore-A-B-Y-Z-ab-bb webstore-button webstore-button-hover" style="-webkit-user-select: none;" tabindex="0" id="abrir-parc">
                 
                  <div class="webstore-A-B-o">
                     
                    <div class="webstore-A-B-I webstore-A-B-eb-I webstore-A-B-I-O-P">
                       
                    </div>
                     
                    <div class="webstore-A-B-H webstore-test-button-label" id="abrir-parc">
                        Parceiros
                    </div>
                     
                  </div>
                 
              </div><br /><br />
              <div id="parceiros" style="display: none; ">
                  <marquee id="comments_scroll_container" direction="up" scrollamount="2" scrolldelay="90" style="width: 200px; height: 200px;"><a href="LINK" target="_blank"><img src="URL_DA_IMAGEM" style="width: 130px;" /></a><br /><a href="LINK" target="_blank"><img src="URL_DA_IMAGEM" style="width: 130px;" /></a><br /></marquee>
              </div>
               
            </center>
            <br />
        </td>
         
      </tr>
     
  </tbody>
</table>
URL_DA_IMAGEM Troque para a URL do banner do seu parceiro.
LINK Troque pelo link para quando clicar no banner ser redirecionado.


Até mais,
Passar bem. Piscada
First
First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de parcerias

Mensagem por IsmaelS. 21.07.14 17:42

Olá,

Ficou perfeito amigo, obrigado!
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos