OlympusCPA
Gamma
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
¿Hola como están alguien conoce algún plugin para crear números dentro de círculos?
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
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.
Leva 30 segundos · você volta a este tópico ao terminar
EricK Bueno
Ómicron
Verificado
Verificación en dos pasos activada
Usuário popular!
Sería bueno que pongas una imagen de lo que deseas hacer.
vg132
Beta
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Si algo para tener unas idea
Voldemorth
Épsilon
No recomendado
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
HTML Snippets for Twitter Boostrap framework : Bootsnipp.com
Awesome Bootstrap HTML CSS JS Snippet on Bootsnipp.com.
bootsnipp.com
OlympusCPA
Gamma
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Voldemorth
Épsilon
No recomendado
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
puedes poner cada numero dentro de un contenedor cuarado y por css ajustar el border radius
OlympusCPA
Gamma
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Mmm no entendi muy bien es que no soy programador
Voldemorth
Épsilon
No recomendado
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
puedes pasarme un ejemplo de donde se ven los numeros en tu web?
OlympusCPA
Gamma
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
me gustaría algo así https://loteriasdominicanas.com/loto-real
M
MRTecno
1
Iota
Verificado
Verificación en dos pasos activada
Usuário popular!
Suscripción a IA
Free WordPress Lottery Plugin | magayo
Free WordPress lottery plugin for you to easily integrate the lottery draw results and the next jackpots into your websites and applications.
www.magayo.com
De nada 🙂
OlympusCPA
Gamma
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Free WordPress Lottery Plugin | magayo
Free WordPress lottery plugin for you to easily integrate the lottery draw results and the next jackpots into your websites and applications.www.magayo.com
De nada 🙂
Muchas gracias
OlympusCPA
Gamma
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Este es mi sitio web http://bancasramirez.com/ donde se mostraran los resultados de la lotería lo hice con photoshop pero es muy tedioso para el cliente actualizar de esa forma me gustaría poder colocar los círculos de fondo y arriba poder escribir
OlympusCPA
Gamma
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Free WordPress Lottery Plugin | magayo
Free WordPress lottery plugin for you to easily integrate the lottery draw results and the next jackpots into your websites and applications.www.magayo.com
De nada 🙂
Lo probé pero no logre resolver
Voldemorth
Épsilon
No recomendado
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
a cada numero lo colocas dentro de un span, quedaria:
<span class="circulo">
23
</span>
ten en cuenta que 23 es el numero que usas en el ejemplo pero puede ser cualquier numero, y en tu hoja de estilos css pones:
.circulo {
-webkit-box-shadow: 10px 10px 17px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 17px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 17px 0px rgba(0,0,0,0.75);
width: 3em;
height: 3em;
border-radius: 50%;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
margin:0px auto;
padding:3%;
color: #000;
font-size: 1em;
font-weight: bold;
}
Lo importante son las propiedades border radius, esas definen la curva del borde, como el contenedor tiene un alto y ancho fijo para que sea un cuadrado el resultado es un circulo. Background define el color de fondo, color el color del texto, box shadow genera la sombra del borde, font-size es el tamaño de la fuente, font-weight es el peso (para ponerla en negrita) y lo demas es para centrar el contenido
<span class="circulo">
23
</span>
ten en cuenta que 23 es el numero que usas en el ejemplo pero puede ser cualquier numero, y en tu hoja de estilos css pones:
.circulo {
-webkit-box-shadow: 10px 10px 17px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 17px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 17px 0px rgba(0,0,0,0.75);
width: 3em;
height: 3em;
border-radius: 50%;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
margin:0px auto;
padding:3%;
color: #000;
font-size: 1em;
font-weight: bold;
}
Lo importante son las propiedades border radius, esas definen la curva del borde, como el contenedor tiene un alto y ancho fijo para que sea un cuadrado el resultado es un circulo. Background define el color de fondo, color el color del texto, box shadow genera la sombra del borde, font-size es el tamaño de la fuente, font-weight es el peso (para ponerla en negrita) y lo demas es para centrar el contenido
OlympusCPA
Gamma
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
