OlympusCPA
Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
¿Hola como están alguien conoce algún plugin para crear números dentro de círculos?
EricK Bueno
Ómicron
Verificado
Verificación en dos pasos activada
¡Usuario popular!
Sería bueno que pongas una imagen de lo que deseas hacer.
vg132
Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Si algo para tener unas idea
Voldemorth
Épsilon
No recomendado
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
HTML Snippets for Twitter Boostrap framework : Bootsnipp.com
Awesome Bootstrap HTML CSS JS Snippet on Bootsnipp.com.
bootsnipp.com
OlympusCPA
Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Voldemorth
Épsilon
No recomendado
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
puedes poner cada numero dentro de un contenedor cuarado y por css ajustar el border radius
OlympusCPA
Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Mmm no entendi muy bien es que no soy programador
Voldemorth
Épsilon
No recomendado
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
puedes pasarme un ejemplo de donde se ven los numeros en tu web?
OlympusCPA
Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
me gustaría algo así https://loteriasdominicanas.com/loto-real
M
MRTecno
1
Iota
Verificado
Verificación en dos pasos activada
¡Usuario 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
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de 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
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de 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
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de 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
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de 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
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Temas similares
-
elkinmm
- Ofertas gratuitas de fanpages
