Inicio
Anuncios
Mapa
Gimnasio
Élite 4
Awards
❝ Foros Hermanos ❞
Loving Pets
❝ Afiliaciones Élite ❞
Determination (Undertale)counting ★ starsFINAL FANTASY: ZeroBoku no Hero ROLDevil Within +18Sailor Moon SacrificeLittle FearsBoruto ROLWithout Place
❝ Directorios y Recursos ❞
¡Agradecimientos especiales por el Skin obtenido a The Captain Knows Best, bajo la creación de Neeve, y basado en el theme The Walking Dead Theme creado por Hardrock. Gracias a los aportes y tutoriales de Hardrock, Glintz y Asistencia Foroactivo. Skin modificado por ADMIN YSIEL. Agradecimientos también por el contenido gráfico basado en imagenes de Tumblr y Zerochan, ¡Muchas gracias a sus respectivos autores! Foro basado en el juego/anime/manga de la saga Pokémon de Satoshi Tajiri, Nintendo y Game Freak.

Todo contenido de edición gráfica, fichas, trama y demás es propiedad de Pokémon Ysiel. Recuerda pedir los permisos respectivos al respectivo autor antes de tomar su obra, ¡evitemos el plagio!
Últimos temas
» Cierre de Temas (iii)
Hoy a las 7:15 am por Melek Kirishima

» Primer saludo y un regreso
Ayer a las 4:47 pm por Azathoth

» Buscando hasta encontrar
Ayer a las 4:30 pm por Matires

» Registro de Huevos (II)
Ayer a las 5:44 am por Kagamine Twins

» Pregunta: ¿Extranjero?
Mar Ago 14, 2018 7:33 pm por H Uchiha

» Sugerencia para las misiones de rango & Zonas
Mar Ago 14, 2018 3:20 pm por Dufaux

» ¿Qué estás escuchando? | Juego |
Lun Ago 13, 2018 6:43 pm por Yuki Kobayashi

» Registro de Físicos (ii)
Lun Ago 13, 2018 4:15 pm por Lia Lestrange

» Edición de Expedientes
Dom Ago 12, 2018 11:28 pm por Komaru Naegi

» Registro de Cintas de Concurso
Dom Ago 12, 2018 9:32 pm por Narcisse Blanchard

7 JulLos Deseos de Jirachi - Ruleta y Boosts
Una vez más Jirachi vierte sus bendiciones sobre Ysiel, otorgando la oportunidad de obtener grandes premios en la Ruleta, así como hacer ciertas lanzadas de dados con más oportunidades de acierto. Más información aquí.
29 Jun17° Concurso Pokémon: Wrestlemania!
Nuevas atracciones y costumbres están llegando a la región Ysiel desde otras regiones, así que, mientras se están preparando, un nuevo Concurso Pokémon dará inicio en el pueblo de Tiamant. ¡Las múltiples categorías del Concurso se presentan ante todos! Y, como novedad del evento, una categoría especial permite la participación de todo tipo de entrenador pokémon aunque no se dedique a ser Coordinador. Información aquí
02 May¿Torneo Elemental y de Líderes?
Sucesos extraños ocurrieron en la Gran Final de los Torneos de Líderes y Elemental: ¡un misterioso ente vio la luz en Ysiel! ¿Será este el preámbulo de algo mayor?
Navegación
Últimos temas
Primavera
Día: 10° - 20° / Noche: 5° - 20°
staff
¿Sabías que...?
Datos curiosos del foro

Código para batallas pokemon o7

Página 2 de 2. Precedente  1, 2

Ver el tema anterior Ver el tema siguiente Ir abajo

Re: Código para batallas pokemon o7

Mensaje por Invitado el Mar Mar 22, 2016 3:02 am



TORKOAL


20/50
Morgana


15/60
EXP


Está precioso el código n_n prometo usarlo en tooodos mis temas :DDD ¡Continúen con el buen trabajo y gracias por la aportación!
Invitado
Invitado

✔ Online
✘ Offline

Volver arriba Ir abajo

Re: Código para batallas pokemon o7

Mensaje por Sophie Rose el Dom Abr 10, 2016 1:49 pm

Asdf, primero que nada, bonito code! Y perdón, no pude evitar hacerle un par de cambios también DDD:Û -huye- soy un poco maniática con simplificar lo que uso regularmente y no pude evitarlo, pero si te molesta lo borro < / 3 De todas maneras sólo hice una muy pequeña modificación estética, todo lo demás es igual a la vista (?)

Antes que nada, aquí, en este mismo post, es probable que alguna de las modificaciones que hice no funcione, porque hay varias veces los mismos elementos CSS con el mismo nombre (Si sumamos los otros dos que hay en el primer post) e interfieren D: para ver correctamente recomiendo probar en un post aparte donde no estén ya llamados esos elementos.

Visualmente es igual que el anterior (el amarillo, ya que edité sobre ese), solo hice un par de cosas:

  • Metí todo lo posible en el CSS con el fin de simplificar la parte 'editable'
  • Pasé la tabla de BBCode a HTML para que no hubiera saltos de línea automáticos entre las cajas
  • Eliminé elementos sin sentido (como los td vacíos, cambiando por paddings)
  • Reduje la barra de exp un poquito para que los números quedasen bajo la barra en vez de más lejos (esta es la única modificación estética)
  • Simplifiqué los géneros, ahora sólo hay cambiar la parte de delante del simbolito por pokemale (chico) o pokefemale (chica) y se pondrá del color (el símbolo sigue siendo manual).


De nuevo, espero que no te moleste, ;w; dejo el code por aquí -sin previa porque no va a funcionar aquí como ya dije, si queréis probarlo hacerlo en un tema nuevo (no siguiendo este, porque pasará igual)-

Código:
<link href="http://fonts.googleapis.com/css?family=VT323" rel="stylesheet" type="text/css"><style type="text/css">progress{appearance: none;-moz-appearance: none;-webkit-appearance: none;border: solid 1px #555;padding:1px;width: 100px;height: 10px;border-radius:5px;}progress::-webkit-progress-bar {background: #555;border-radius:5px}progress.verde::-webkit-progress-value{background:#0a0;border-radius:5px} progress.verde::-moz-progress-bar{background:#0a0;border-radius:5px}progress.rojo::-webkit-progress-value{background:#c00;border-radius:5px} progress.rojo::-moz-progress-bar{background:#c00;border-radius:5px}progress.amarillo::-webkit-progress-value{background:#fc0;border-radius:5px} progress.amarillo::-moz-progress-bar{background:#fc0;border-radius:5px} progress.exp{width:78px;height:6px;padding:0px; border:none;border-radius:0px;}progress.exp::-webkit-progress-bar {background: #aa7;}progress.exp::-webkit-progress-value{background:#4df;border-radius:5px} progress.exp::-moz-progress-bar{background:#4df;border-radius:5px} .poketable1{margin: 0 auto; font-family:VT323;text-shadow:1px 1px #ccc; padding-left: 200px} .poketable2{margin: 0 auto; font-family:VT323;text-shadow:1px 1px #ccc; padding-right: 200px} .pokestat{text-align: right} .pokemoname{display:inline-block;text-transform:uppercase; font-size:24px; font-family:VT323;} .pokefemale{color: #FF0000; font-size: 16px;} .pokemale{color: #0000FF; font-size: 16px;}</style>

<table class="poketable1"><td><div class="pokemoname">Absol <span class="pokefemale">♀</span></div>
<progress class="rojo" value="05" max="50"></progress><div class="pokestat">05/50</div></td><td>[img]http://www.pkparaiso.com/imagenes/xy/sprites/animados/absol.gif[/img]</td></table><table class="poketable2"><td>[img]http://www.pkparaiso.com/imagenes/xy/sprites/animados-espalda/pichu.gif[/img]</td><td><div class="pokemoname">Pichu <span class="pokemale">♂</span></div>
<progress class="amarillo" value="15" max="60"></progress><div class="pokestat">15/60</div>EXP <progress class="exp" value="2" max="4"></progress></td></table>

P.D:Personalmente te recomiendo enlazar todo el CSS con una hoja de estilo externa o que si es estándar se meta en el CSS del foro, de ese modo, no sería necesario copiar más que el HTML en cada post y sería menos lioso para los nuevos, pero ahí ya no quise meterme porque no es mi code >w< U
Agente Policial
avatar
Ver perfil de usuario http://www.pokemon-ysiel.com/t3068-sophie-s-id
Mensajes :
1750

Fecha de inscripción :
08/04/2016

Edad :
22


✔ Online
✘ Offline

Volver arriba Ir abajo

Re: Código para batallas pokemon o7

Mensaje por Maeve Lihart el Miér Jul 06, 2016 3:04 pm

Pido permiso para utilizar este maravilloso code en mis batallas <33
Entrenador Pokémon
avatar
Ver perfil de usuario http://www.pokemon-ysiel.com/t4099-maeve-lihart-id#140570
Mensajes :
34

Fecha de inscripción :
01/07/2016


✔ Online
✘ Offline

Volver arriba Ir abajo

Re: Código para batallas pokemon o7

Mensaje por Haru Nawera el Jue Ago 04, 2016 10:53 am

Pequeña aportación al genial trabajo que es este code<33



Dialga

90/90
Palkia

75/90

Giratina

45/90
EXP
Arceus

15/90
EXP


Como es obvio, es una adaptación a combate doble. El primer párrafo de los Pokémon son los enemigos, y el segundo los tuyos. Por favor, el Pokémon de la izquierda lucha con el de la izquierda y el de la derecha con el de la derecha, hagámosle fácil el trabajo a Rein (?) Funciona exactamente igual que el original, aunque tomé de base el que ya incluía el amarillo :3

Código:
<link href="http://fonts.googleapis.com/css?family=VT323" rel="stylesheet" type="text/css"><style type="text/css">progress{appearance: none;-moz-appearance: none;-webkit-appearance: none;border: solid 1px #555;padding:1px;width: 100px;height: 10px;border-radius:5px;}progress::-webkit-progress-bar {background: #555;border-radius:5px}progress.verde::-webkit-progress-value{background:#0a0;border-radius:5px} progress.verde::-moz-progress-bar{background:#0a0;border-radius:5px}progress.rojo::-webkit-progress-value{background:#c00;border-radius:5px} progress.rojo::-moz-progress-bar{background:#c00;border-radius:5px}progress.amarillo::-webkit-progress-value{background:#fc0;border-radius:5px} progress.amarillo::-moz-progress-bar{background:#fc0;border-radius:5px} progress.exp{width:78px;height:6px;padding:0px; border:none;border-radius:0px;}progress.exp::-webkit-progress-bar {background: #aa7;}progress.exp::-webkit-progress-value{background:#4df;border-radius:5px} progress.exp::-moz-progress-bar{background:#4df;border-radius:5px} .poketable1{margin: 0 auto; font-family:VT323;text-shadow:1px 1px #ccc; padding-left: 200px} .poketable2{margin: 0 auto; font-family:VT323;text-shadow:1px 1px #ccc; padding-right: 200px} .pokestat{text-align: right} .pokemoname{display:inline-block;text-transform:uppercase; font-size:24px; font-family:VT323;} .pokefemale{color: #FF0000; font-size: 16px;} .pokemale{color: #0000FF; font-size: 16px;}</style>


<table class="poketable1"><td><div class="pokemoname">Dialga <span class="pokefemale">♀</span></div>
<progress class="verde" value="90" max="90"></progress><div class="pokestat">90/90</div></td><td>[img]http://www.pkparaiso.com/imagenes/xy/sprites/animados/dialga.gif[/img]</td><td><div class="pokemoname">Palkia <span class="pokefemale">♀</span></div>
<progress class="verde" value="75" max="90"></progress><div class="pokestat">75/90</div></td><td>[img]http://www.pkparaiso.com/imagenes/xy/sprites/animados/palkia.gif[/img]</td></table>

<table class="poketable2"><td>[img]http://www.pkparaiso.com/imagenes/xy/sprites/animados-espalda/giratina.gif[/img]</td><td><div class="pokemoname">Giratina <span class="pokemale">♂</span></div>
<progress class="amarillo" value="45" max="90"></progress><div class="pokestat">45/90</div>EXP <progress class="exp" value="0" max="4"></progress>
<td>[img]http://www.pkparaiso.com/imagenes/xy/sprites/animados-espalda/arceus.gif[/img]</td><td><div class="pokemoname">Arceus <span class="pokemale">♂</span></div>
<progress class="rojo" value="15" max="90"></progress><div class="pokestat">15/90</div>EXP <progress class="exp" value="2" max="4"></progress></td></table>
Entrenador Pokémon
avatar
Ver perfil de usuario
Mensajes :
160

Fecha de inscripción :
25/07/2016


✔ Online
✘ Offline

Volver arriba Ir abajo

Re: Código para batallas pokemon o7

Mensaje por Maximillian el Jue Ago 04, 2016 11:54 am

Ya había pedido permiso para usar el code con anterioridad, pero dado que Sophie y Haru también hiciero su versión decidí volver a hacerlo.
Gracias a los tres por sus maravillosos codecs.
Entrenador Pokémon
avatar
Ver perfil de usuario
Mensajes :
472

Fecha de inscripción :
20/05/2015

Edad :
21


✔ Online
✘ Offline

Volver arriba Ir abajo

Re: Código para batallas pokemon o7

Mensaje por Emerald el Mar Ago 16, 2016 5:20 pm

Wow, la verdad es que yo solo andaba de curioso por el foro y me encontré con esta obra de arte. Me ha encantado, me gustaria pedir permiso para poder utilizarlo, ¡muy buen trabajo!
Entrenador Pokémon
avatar
Ver perfil de usuario
Mensajes :
21

Fecha de inscripción :
05/05/2016


✔ Online
✘ Offline

Volver arriba Ir abajo

Re: Código para batallas pokemon o7

Mensaje por Hikari el Sáb Sep 03, 2016 8:01 am

con tu permiso sino es mucha molestia me gustaria pedir permiso para utilizarlo es un gran trabajo el que hiciste totalmente increible y sorprendente
Entrenador Pokémon
avatar
Ver perfil de usuario
Mensajes :
463

Fecha de inscripción :
29/08/2016


✔ Online
✘ Offline

Volver arriba Ir abajo

Re: Código para batallas pokemon o7

Mensaje por Anthony Salazar el Dom Sep 11, 2016 8:40 pm

¡Está muy genial! En realidad parece como si estuvieras jugando a algún Pokémon, dará una mejor experiencia al combatir contra otros Pokémon. :DD
Entrenador Pokémon
avatar
Ver perfil de usuario
Mensajes :
97

Fecha de inscripción :
07/09/2016

Edad :
16

Localización :
Venezuela


✔ Online
✘ Offline

Volver arriba Ir abajo

Re: Código para batallas pokemon o7

Mensaje por Viktoria Weiss el Lun Oct 17, 2016 5:00 pm

¡Mis felicitaciones por vuestro trabajo! Con vuestro permiso, voy a intentar usarlo porque es fabuloso <3 (si no me lío mucho XD) ¡Muchas gracias por compartirlo!
Profesor Pokémon
avatar
Ver perfil de usuario
Mensajes :
84

Fecha de inscripción :
14/10/2016


✔ Online
✘ Offline

Volver arriba Ir abajo

Re: Código para batallas pokemon o7

Mensaje por H Uchiha el Vie Nov 11, 2016 11:20 pm

Holi, muy buenos codigos, me gustaría que me permitieran usarlo al menos para batallas oficiales :D (Si es que no me enredo con ellos D: )
Entrenador Pokémon
avatar
Ver perfil de usuario
Mensajes :
5992

Fecha de inscripción :
06/08/2016

Edad :
24


✔ Online
✘ Offline

Volver arriba Ir abajo

Re: Código para batallas pokemon o7

Mensaje por Shira el Sáb Nov 12, 2016 7:54 am

Yo también usaré estos codes :D Aunque primero he querido probarlos en bosquejo para saber si sería capaz de entenderlos XD Me ha costado la vida pero he salido triunfante (?

¡Gracias, son geniales!

Entrenador Pokémon
avatar
Ver perfil de usuario
Mensajes :
52

Fecha de inscripción :
09/10/2016


✔ Online
✘ Offline

Volver arriba Ir abajo

Re: Código para batallas pokemon o7

Mensaje por Reinis Horvath el Jue Nov 24, 2016 5:00 pm

Usare, con tu permiso y al fin, este código. Desde que he llegado a este foro no he dejado de ilusionarme con la idea de usarlo. Gracias por compartir tan bello trabajo.
Entrenador Pokémon
avatar
Ver perfil de usuario
Mensajes :
52

Fecha de inscripción :
10/11/2016

Localización :
No te importa


✔ Online
✘ Offline

Volver arriba Ir abajo

Re: Código para batallas pokemon o7

Mensaje por Raziel Lewach el Jue Dic 01, 2016 8:11 pm

¡Gracias por este genial code!
Profesor Pokémon
avatar
Ver perfil de usuario
Mensajes :
1424

Fecha de inscripción :
26/11/2016

Edad :
25

Localización :
En algún lugar donde la 100cia y la locura coincidan


✔ Online
✘ Offline

Volver arriba Ir abajo

Re: Código para batallas pokemon o7

Mensaje por Iride el Lun Dic 05, 2016 11:42 am

¡Muy chulo! Intentaré usarlo con tu permiso. Eso si no me lío con los códigos xD
Entrenador Pokémon
avatar
Ver perfil de usuario
Mensajes :
37

Fecha de inscripción :
02/12/2016


✔ Online
✘ Offline

Volver arriba Ir abajo

Re: Código para batallas pokemon o7

Mensaje por Raziel Lewach el Vie Dic 09, 2016 8:01 am

Me interesa usar el code en otro lado de mi post, es decir, coger el code de la barra de vida y ponerlo en otro lado en mi rol, ¿puedo?
Profesor Pokémon
avatar
Ver perfil de usuario
Mensajes :
1424

Fecha de inscripción :
26/11/2016

Edad :
25

Localización :
En algún lugar donde la 100cia y la locura coincidan


✔ Online
✘ Offline

Volver arriba Ir abajo

Re: Código para batallas pokemon o7

Mensaje por Joe Blake el Vie Jun 02, 2017 2:29 am



ARON


10/50
Totodile


25/50
EXP


Vamos a ver si me sale!
Entrenador Pokémon
avatar
Ver perfil de usuario
Mensajes :
37

Fecha de inscripción :
01/06/2017


✔ Online
✘ Offline

Volver arriba Ir abajo

Re: Código para batallas pokemon o7

Mensaje por Shin A. Madarame el Mar Dic 19, 2017 3:50 pm

He de admitir que estoy anonadado con el nivel de este lugar.

Pido permiso para usar este código.
Recluta del Team Genesis
avatar
Ver perfil de usuario
Mensajes :
31

Fecha de inscripción :
17/12/2017


✔ Online
✘ Offline

Volver arriba Ir abajo

Re: Código para batallas pokemon o7

Mensaje por Contenido patrocinado

Contenido patrocinado

✔ Online
✘ Offline

Volver arriba Ir abajo

Página 2 de 2. Precedente  1, 2

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

Permisos de este foro:
No puedes responder a temas en este foro.