📣 Seu anúncio aqui? Anuncie no ForoBeta

Alguém sabe como criar este widget

  • Autor Autor LiShaoran
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
LiShaoran

LiShaoran

Alfa
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Saludos, he estado tratando de crear este widget pero no logro que funcione..

animegenero3.webp

Aparece en la plantilla de clones blogger llamada AnimeID! V.4,
pero no logre que funcione copiando el codigo, me aparece las etiquetas y las flechas
sin estilo, pero al darle click a las flechas no muestras las demas etiquetas..

Espero alguien me pueda ayudar o asesorar..
Gracias de antemano...
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Continuar com o Google Criar conta com e-mail
Leva 30 segundos · você volta a este tópico ao terminar
El estilo se lo dan con CSS y el funcionamiento de las flechas es con Javascript.

Desde aquí puedes ver el demo y descargar la plantilla:
Plantilla AnimeID.com para Blogger | Trucasos Blogger!

Si quieres tener esa función lo mejor sería que te pusieras esa plantilla y editaras el resto, a no ser que identifiques qué script hace la función y lo copies.
 
No he logrado identificar el script que hace la función en la plantilla..
 
Pues para lograr eso, bastaría con el widget de etiquetas de blogger y javascript. :distant: No hay mayor problema en eso. Saludos. :encouragement:
 
Ya logre que apareciera de agregando lo siguiente, pero estoy tratando de acomodarlo para que se vea solo las etiquetas sin el recuadro alrededor.

Kuroneko-kun, ya tengo el widget de etiquetas por lista mostrando para seleccionar por año y fecha en 6 columnas ocupado.
Se podria usar el widget etiquetas pero por nube, pero como asociaria el script con el widget...

Inserir CODE, HTML ou PHP: 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/iclonesblogger/josetensei/scripts.js' type='text/javascript'/>

Inserir CODE, HTML ou PHP: 
/*MenuGenerosYporLetras*/

.fleft {
float: left;
}
.cc {
width: 482px;
height: 117px;
background-image: url([url]https://4.bp.blogspot.com/-1xiSknDbAAs/WvRmCm9fbhI/AAAAAAAAHo0/hXwMzpth6VkCAOy_QEHK5n5J_keOw2XZgCLcBGAs/s1600/c.jpg);[/url]
display: block;
margin-top: -3px;
margin-left: 5px;
margin-right: 5px;
}
.ctit {
height: 25px;
text-align: center;
color: #E0F7FC;
font-weight: bold;
font-family: Verdana,Geneva,sans-serif;
padding-top: 13px;
text-shadow: #01A2FF 0px 1px 0px;
}
.ccon {
height: 62px;
text-align: center;
padding-left: 20px;
padding-right: 20px;
padding-top: 4px;
}
ul.alfa {
list-style: none;
margin: 0;
padding: 0;
display: block;
}
ul.alfa  li {
list-style: none;
padding: 0;
display: block;
float: left;
margin-left: 1px;
margin-right: 2px;
margin-top: 2px;
margin-bottom: 1px;
}
a.let {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background-color: #EAFAFF;
padding-left: 8px;
padding-right: 7px;
padding-top: 3px;
padding-bottom: 0px;
font-size: 11px;
font-family: Verdana;
text-shadow: #AEDDFF 0px 1px 0px;
text-align: center;
font-weight: bold;
color: #0761B1;
display: block;
height: 17px;
width: auto;
text-decoration: none;
border-right: 1px solid #CAF2FF;
border-bottom: 1px solid #CAF2FF;
}
a.let:hover{
background-color:#CAF2FF;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-webkit-transition-property:background-color;
-moz-transition-property:background-color
}
Inserir CODE, HTML ou PHP: 
<div class='cc fleft'>
<div class='ctit'>Animes por género:</div>
<div class='ccon'>
<div id='genuno'>
<ul class='alfa' style='margin-top:6px; margin-left: 31px;'><li><a class='let' href='search/label/accion'>Accin</a></li><li><a class='let' href='search/label/aventura'>Aventura</a></li><li><a class='let' href='search/label/carreras'>Carreras</a></li><li><a class='let' href='search/label/comedia'>Comedia</a></li><li><a class='let' href='search/label/cyberpunk'>Cyberpunk</a></li></ul>
<ul class='alfa' style='margin-left: 30px;'><li><a class='let' href='search/label/deportes'>Deportes</a></li><li><a class='let' href='search/label/drama'>Drama</a></li><li><a class='let' href='search/label/ecchi'>Ecchi</a></li><li><a class='let' href='search/label/escolares'>Escolares</a></li><li><a class='let' href='search/label/fantasia'>Fantasa</a></li><li><a class='let' href='javascript:void(0);' id='unodos'><img alt='Siguiente' border='0' src='https://lh4.googleusercontent.com/-CMUfwxpV6uo/UNDskt59sgI/AAAAAAAAA30/GShgP95o1NU/s14/ncat.png'/></a></li></ul>
</div>
<div id='gendos' style='display: none; margin-top:6px;'>
<ul class='alfa' style='margin-left:29px;'><li><a class='let' href='javascript:void(0);' id='dosuno'><img alt='Anterior' border='0' src='https://lh4.googleusercontent.com/-f_w8PqGDPKA/UNDskjr5JoI/AAAAAAAAA3w/_TOsEyc9gGk/s14/pcat.png'/></a></li><li><a class='let' href='search/label/ficcion'>Ficcin</a></li><li><a class='let' href='search/label/gore'>Gore</a></li><li><a class='let' href='search/label/harem'>Harem</a></li><li><a class='let' href='search/label/horror'>Horror</a></li><li><a class='let' href='search/label/josei'>Josei</a></li><li><a class='let' href='search/label/lucha'>Lucha</a></li></ul>
<ul class='alfa' style='margin-left: 50px;'><li><a class='let' href='search/label/magia'>Magia</a></li><li><a class='let' href='search/label/mecha'>Mecha</a></li><li><a class='let' href='search/label/militar'>Militar</a></li><li><a class='let' href='search/label/misterio'>Misterio</a></li><li><a class='let' href='search/label/musica'>Msica</a></li><li><a class='let' href='javascript:void(0);' id='dostres'><img alt='Siguiente' border='0' src='https://lh4.googleusercontent.com/-CMUfwxpV6uo/UNDskt59sgI/AAAAAAAAA30/GShgP95o1NU/s14/ncat.png'/></a></li></ul>
</div>
<div id='gentres' style='display: none; margin-top:6px;'>
<ul class='alfa' style='margin-left: 5px;'><li><a class='let' href='javascript:void(0);' id='tresdos'><img alt='Anterior' border='0' src='https://lh4.googleusercontent.com/-f_w8PqGDPKA/UNDskjr5JoI/AAAAAAAAA3w/_TOsEyc9gGk/s14/pcat.png'/></a></li><li><a class='let' href='search/label/parodias'>Parodias</a></li><li><a class='let' href='search/label/psicologico'>Psicolgico</a></li><li><a class='let' href='search/label/recuentos-de-la-vida'>Recuentos de la Vida</a></li><li><a class='let' href='search/label/romance'>Romance</a></li></ul>
<ul class='alfa' style='margin-left: 40px;'><li><a class='let' href='search/label/seinen'>Seinen</a></li><li><a class='let' href='search/label/shojo'>Shojo</a></li><li><a class='let' href='search/label/shonen'>Shonen</a></li><li><a class='let' href='search/label/vampiros'>Vampiros</a></li><li><a class='let' href='search/label/yaoi'>Yaoi</a></li><li><a class='let' href='search/label/yuri'>Yuri</a></li></ul>
</div>
 
Você precisa estar logado ou cadastrado para responder aqui.

Tópicos similares

seoangel
Alguém sabe como criar estes vídeos com as imagens consistentes e áudio
Respostas
4
Visitas
124
seoangel
seoangel
Arias89
Alguém sabe por que meus anúncios da adsterra não aparecem
Respostas
5
Visitas
357
gigaxcol
G
aLPWeB
Alguém sabe de qual plataforma de IA é a voz deste short?
Respostas
8
Visitas
330
eldavinchi
E
Luisin
Entraram para roubar 😪 Alguém sabe como excluir a conta de uma TV android?
Respostas
1
Visitas
129
Annoywriter
A
yitan06
AdSense Alguém sabe como remover esta mensagem?
Respostas
3
Visitas
218
VSEO
VSEO
Voltar
Topo