Transformar imagem em CSS

Minha questão:

Olá!

Gostaria de saber se é possivel por exemplo "transformar" esta imagem [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] por via CSS ou algo parecido que fique com a imagem. Tudo para não carregar mais o fórum.

Obrigado

---

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

eu sei que é possível, a partir de coordenadas... mas acho que daria um trabalho imenso.....
Talvez para algum mestre do bestSkin fique fácil hehehe..


EDIT

Perambulando pela internet, olha o que eu achei...
Ele converte a imagem em CSS..

Testa ai.. vou fazer uns testes aqui também..

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Não está a funcionar comigo esse site sempre dando erro


[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Sim, claro. Mas antes me diga, onde quer usar ? (estarei fazendo)

Background do fórum, dá para ver ela lá [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Pronto, localize 

Código:

.cabezal, .main .main-foot, .main .main-head, .popupInner h3, body {

no seu CSS e altere para:

Código:


.cabezal, .main .main-foot, .main .main-head, .popupInner h3, body {
background: #0E202E;
background: -moz-radial-gradient(center,ellipse cover,#1E425C 0%,#0B1722 100%);
background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#1E425C),color-stop(100%,#0B1722));
background: -webkit-radial-gradient(center,ellipse cover,#1E425C 0%,#0B1722 100%);
background: -o-radial-gradient(center,ellipse cover,#1E425C 0%,#0B1722 100%);
background: -ms-radial-gradient(center,ellipse cover,#1E425C 0%,#0B1722 100%);
background: radial-gradient(ellipse at center,#1E425C 0%,#0B1722 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E425C',endColorstr='#0B1722',GradientType=1);
background-attachment: fixed;
}


Obs: Deixei as cores mais próximas possível da imagem. Como seu Background tinha noisee estava em Jpg, não dava pra determinar corretamente as cores.

Algo não correu bem, ficou tudo branco


Coloquei assim:

Código:

cabezal, .main .main-foot, .main .main-head, .popupInner h3, body {
    background: #0E202E;
    background: -moz-radial-gradient(center,ellipse cover,#1E425C 0%,#0B1722 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#1E425C),color-stop(100%,#0B1722));
    background: -webkit-radial-gradient(center,ellipse cover,#1E425C 0%,#0B1722 100%);
    background: -o-radial-gradient(center,ellipse cover,#1E425C 0%,#0B1722 100%);
    background: -ms-radial-gradient(center,ellipse cover,#1E425C 0%,#0B1722 100%);
    background: radial-gradient(ellipse at center,#1E425C 0%,#0B1722 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E425C',endColorstr='#0B1722',GradientType=1);
    background-attachment: fixed;
    }

Estranho. Tente esse código só por teste:

Código:


.cabezal, .main .main-foot, .main .main-head, .popupInner h3, body {
background: radial-gradient(ellipse at center,#1E425C 0%,#0B1722 100%) !important;
background-attachment: fixed;
}


Também não deu certo amigo

Estou a utilizar assim agora

Código:

.cabezal, .main .main-foot, .main .main-head, .popupInner h3, body {
background: radial-gradient(ellipse at center,#1E425C 0%,#0B1722 100%) !important;


    background: #0E202E;
    background: -moz-radial-gradient(center,ellipse cover,#1E425C 0%,#0B1722 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#1E425C),color-stop(100%,#0B1722));
    background: -webkit-radial-gradient(center,ellipse cover,#1E425C 0%,#0B1722 100%);
    background: -o-radial-gradient(center,ellipse cover,#1E425C 0%,#0B1722 100%);
    background: -ms-radial-gradient(center,ellipse cover,#1E425C 0%,#0B1722 100%);
    background: radial-gradient(ellipse at center,#1E425C 0%,#0B1722 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E425C',endColorstr='#0B1722',GradientType=1);
    background-attachment: fixed;
    }

Esse antigo não vai funcionar mesmo, o editor de css da Forumeiros não aplica.

Tentou usar só esse novo ?

Código:


.cabezal, .main .main-foot, .main .main-head, .popupInner h3, body {
background: radial-gradient(ellipse at center,#1E425C 0%,#0B1722 100%) !important;
background-attachment: fixed;
}


Mas só mesmo isso ou juntar ao outro anterior, se é só esse eu utilizei e não funcionou.

Olá,
Você quer colocar no fundo do seu fórum?
Se sim adicione à sua Folha de Estilo CSS:

Código:

body {
background: url(http://i.imgur.com/YEkp4l0.jpg) repeat-x top center;
background-color: #d8dde8;
color: #5a5a5a;
font-family: "Open Sans",Arial,Helvetica,sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
padding-bottom: 20px;
}

Mr.Sheldon

Agradeço a intenção, mas isso é a mesma coisa que eu já tenho, não é a imagem em CSS

Amigo desative a opção que diz: Melhorar seu CSS. isso buga os gradient's e etc.

Eu desativo isso? E depois quais os código que introduzo?

@[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] o primeiro código do Je4n!

@dEll' Obrigado!
Problema resolvido e fórum agora ainda mais rápido!

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Arquivo - Pedido de código