Rpg Maker BRasil
RPG Maker Brasil - RMBR

Seja Bem vindo ao Forúm! Faça seu cadastro e desfrute sobre o mundo do RPG Maker!
P.S.: PARA MELHOR VIZUALIZAÇÃO DO FORUM SEM BUGS, RECOMENDO QUE USEM O MOZILLA FIREFOX OU O GOOGLE CHROME!
Rpg Maker BRasil

Evoluindo cada vez mais!


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

HenRyqUéè

avatar
Administrador
Avaliador
Helper
>>[TUTORIAL CSS] Code elegante personalizado<<

Olá pessoal, nesta aula estarei disponibilizando um código css que deixa o code bem elegante, é claro q se você não gostar deste estilo, você poderá personalizar do seu gosto, e se quiser pode pedir ajuda aqui (mas crie um tópico de ajuda!).

>>Prévia:
Clique aqui para abrir:

[Você precisa estar registrado e conectado para ver esta imagem.]

CSS PUNBB/PHPBB3:
Aceda em: Painel de Controle>>Visualização>>Imagens e Cores>>Cores>>Folha de Estilo CSS
Clique aqui para abrir:
Código:

   
    .codebox {
    background: url('http://i32.servimg.com/u/f32/14/52/65/41/page_c10.png') no-repeat 6px #D7F8AC;
    border: 2px solid#35A002;
    padding: 0px;
    border-radius: 0px 50px 0px 50px;
    }
    .codebox:hover {
        background: url('http://i32.servimg.com/u/f32/14/52/65/41/page_c10.png') no-repeat 6px #AAF886;
        box-shadow: 0px 0px 10px green;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    }
    .codebox dd {
    border: 2px dotted #229605;
    border-radius: 20px;
    margin: 1.5em;
    padding: 0.5em;
    background-color: rgba(228, 255, 228, 0.83);
    margin-left: 45px;
    }
    .codebox dt {
    border: none;
    font-weight: bold;
    color: green;
    font-family: Arial;
    font-size: 13px;
    padding-left: 11px;
    padding-top: 7px;
    }
    .codebox dt:before {
    content: "Você está Visualizando um ";
    }
Valide e Salve!

PHPBB2:
Clique aqui para abrir:
Código:



    .code {
    background: url('http://i32.servimg.com/u/f32/14/52/65/41/page_c10.png') no-repeat 6px #D7F8AC;
    border: 2px solid#35A002;
    padding: 50px;
    border-radius: 0px 50px 0px 50px;
    color:black !Important;
    }
    .code:hover {
        background: url('http://i32.servimg.com/u/f32/14/52/65/41/page_c10.png') no-repeat 6px #AAF886;
        box-shadow: 0px 0px 10px green;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    }
Valide e Salve!


Beleza galera tai o code, lembrando que se você quiser editar e não souber, por favor nao pessa ajuda aqui no topico do tutorial, pessa [Você precisa estar registrado e conectado para ver este link.].
CRÉDITOS: SPD
__________________________________________________________________________________________________________

>>>>>©RMBR & DEXTER<<<<<

http://rmbr.forumeiros.com/

D'Leandro™

avatar
Iniciante
Para poder ver a mensagem, eu precisa postar?
(Não farei Flood!)

Foi visto um sinal de flood no tópico do senhor, favor nao cometer isso novamente, caso ocorra, o senhor será punido por flood!

http://staffergroupbr.stuning.net/forum

HenRyqUéè

avatar
Administrador
Avaliador
Helper
Cara, é a ultima vez q estarei te alertando por flood, da próxima vez será banimento!

http://rmbr.forumeiros.com/

kostaskiller2

avatar
Sou Nível 3
nc is good.. Feliz

-Naruto

avatar
Administrador
Publicitário
Helper
Comentando para ver o Codigo=/

D'Leandro™

avatar
Iniciante
hm, ja comentei aqui 1 vez.

http://staffergroupbr.stuning.net/forum

-Naruto

avatar
Administrador
Publicitário
Helper
Movido Para Tutoriais Aceitos.

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum