Registrarse

[Solucionado] poner imagende fondo en un tema

Estado
Cerrado para nuevas respuestas.

Juan Kio

Aprendiendo decomp...
hola queria saber como se puede hacer esto en un tema osea poner una imagen de fondo.
si no esta en el lugar correcto pueden moverlo porque no se donde podia ir XD

 

Juan Kio

Aprendiendo decomp...
puse una imagen en los paréntesis y no aparece nada aparecen solo las letras
 
Última edición:

Ryuko

no
Fácil.

.

Código:
[CSS=background:url('https://www.xmple.com/wallpaper/beehive-hexagon-white-honeycomb-grey-1920x1080-c2-ffffff-a9a9a9-l2-6-102-a-30-f-5.svg') center;].[/CSS]
Esta es una caja que he hecho desde cero sin añadirle ningún atributo, aplicándose esta por defecto, sólo he puesto lo que ves, un fondo y una letra para que tenga tamaño.

Este CSS es lo que tú ibas pidiendo, una caja con una imagen. El CSS es extensible, podrás meterle cualquier otro valor CSS-DIV y/o un texto dentro del mismo.
Veamos que pasa.


Texto de ejemplo, título cualquiera

Un valor CSS dentro de otro valor CSS.



Código:
[CSS=background:url('http://science-all.com/images/wallpapers/image-blur/image-blur-15.jpg');]
[CENTER][FONT="Microsoft Sans Serif"][SIZE="7"]Texto de ejemplo, título cualquiera[/SIZE][/FONT][/CENTER]

[CSS=background-color:rgba(0,0,0,0.60);color:#999]Un valor CSS dentro de otro valor CSS.[/CSS]
[/CSS]
Ahora he hecho otro valor CSS con otro atributo dentro del valor CSS. Estos CSS son totalmente customizables si sabes los valores que tienen cada uno de ellos. Por ejemplo, quieres añadirle decoración y un tamaño.
Para añadirle un tamaño, lo que debemos tener en cuenta es que no vamos a definir lo alto que puede llegar a ser el CSS, tampoco queremos.
  • width:92%; Un valor aleatorio que puedes cambiar en cualquier momento, establece el tamaño que tendrá tu CSS. Como no me va a limitar el tamaño de alto sin haber puesto otro valor, por ahora nos establecerá un margen, y cuanto menos porcentaje haya (%), más margen tendrá.
    Esto se suele usar para los CSS que están dentro de otros CSS.
Bien, puesto el tamaño, vamos a decorar un poco: establecer el radio de los bordes y quitarle el borde gris.
  • border:none; Este valor te quitará los bordes grises que se le atribuye al CSS por defecto.
  • border-radius:10px; Este valor, dependiendo del radio en px o %, nos cambiará un borde cuadrado por el que le hayamos asignado, en este caso le pondré uno cualquiera, 10px.
Teniendo esto en cuenta, vamos a ponerlo en práctica. Yo pondré el atributo "width" en el CSS que está dentro del CSS, y les añadiré los dos atributos a los dos CSS, de tal forma que quede así:


Texto de ejemplo, título cualquiera

Un valor CSS dentro de otro valor CSS.



Código:
[CSS=background:url('http://science-all.com/images/wallpapers/image-blur/image-blur-15.jpg');border:none;border-radius:10px;]
[CENTER][FONT="Microsoft Sans Serif"][SIZE="7"]Texto de ejemplo, título cualquiera[/SIZE][/FONT][/CENTER]

[CSS=background-color:rgba(0,0,0,0.60);color:#999;border:none;border-radius:10px;width:92%;]Un valor CSS dentro de otro valor CSS.[/CSS]
[/CSS]
Y ya tendrías hecho tu propio CSS. Debes atribuirle los valores que quieras, es tan sencillo como ir al buscador y ver las propiedades que tiene el CSS. Esto generalmente es lo que se utiliza en los posts de hacks, como habrás visto.
Es muy fácil crear un CSS, sólo debes seguir esta pauta:
[CSS-DIV=valor1;valor2;valor3;valor4;][/CSS-DIV]

En tu caso:
[CSS-DIV=background:url('Url de la imagen');][/CSS-DIV]
Puedes ampliar estos valores tanto como prefieras. Obviamente no es "valor", es un ejemplo de una propiedad cualquiera de un CSS.
 
Última edición:
Estado
Cerrado para nuevas respuestas.
Arriba