BlueBox

Desenvolvimento de códigos, análises de informação

JS: Introdução

Seg Fev 24, 2014 11:33 am por Pac

Iniciando o Tutorial...


Para quem é direcionado este Tutorial de JavaScript?
Para quem não sabe nada de JavaScript ainda, mas já sabe básico de HTML.

O que é JavaScript?
É uma linguagem utilizada principalmente para auxílio de desenvolvimento de páginas para a Internet.

JavaScript é a mesma coisa que Java?
Não, JavaScript é mais simples que Java. Aprender …

Comentários: 0

Onde coloco o código JavaScript?

Seg Fev 24, 2014 11:32 am por Pac

Mostrar onde se digita o código JavaScript dentro de uma página HTML.
O Código JavaScript fica Entre o <script> e o </script>.
Ficaremos com a seguinte estrutura:


Mostrar onde se digita o código JavaScript dentro de uma página HTML.

Código:
<html>
<body>

<script>

alert("Minha primeira mensagem!")

</script>


Comentários: 0

Buscar
 
 

Resultados por:
 


Rechercher Busca avançada


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

[Pedido] Estilo de Quote

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

1 [Pedido] Estilo de Quote em Dom Mar 02, 2014 10:00 am

IsmaelS.

avatar
Membro
Olá,

Vi neste fórum e neste tópico um estilo de Quote engraçado:
[Você precisa estar registrado e conectado para ver este link.]

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

Gostava de saber se era possível me arranjarem esse Quote, agradecia.


[Você precisa estar registrado e conectado para ver este link.] || PunBB

Ver perfil do usuário http://www.suportedesign.forumeiros.com

2 Re: [Pedido] Estilo de Quote em Dom Mar 02, 2014 10:13 am

Engine404

avatar
Developer
Olá!
Tente adicionar o código em sua folha de estilo CSS

Código:
.postmain blockquote div cite {
font-style: normal;
font-weight: 700;
display: block;
font-size: 13px;
color: #fff;
background: url(http://i58.servimg.com/u/f58/14/80/95/87/qhm10.png) top left repeat-x transparent;
height: 32px;
position: absolute;
z-index: 100;
top: -15px;
text-shadow: #000 1px 1px;
left: 0px;
}
.postmain cite {
border-bottom: 1px dashed rgba(0,0,0,0.2);
display: block;
font-style: normal;
font-weight: 700;
margin: 0 0 1em;
padding: 1px;
}
.postmain cite {
display: block;
font-style: normal;
font-weight: 700;
margin: 0 0 1em;
}
blockquote cite {
background-color: #E4EAF2;
background-image: url(http://illiweb.com/fa/invision/css_img_quote.gif);
background-position: top right;
background-repeat: no-repeat;
color: #000;
display: block;
font-size: 11px;
font-style: normal;
margin: -8px -8px 8px;
padding: 3px;
}

.postmain blockquote div cite:before {
content: '';
position: absolute;
z-index: -1;
background: url(http://i58.servimg.com/u/f58/14/80/95/87/qho10.png) no-repeat 0 0 transparent;
width: 31px;
height: 38px!important;
left: -13px;
top: 0;
}
Pseudo ::after element
.postmain blockquote div cite:after {
content: '';
background: url(http://i58.servimg.com/u/f58/14/80/95/87/qhc10.png) no-repeat 0 0 transparent;
position: absolute;
right: -10px;
width: 10px;
height: 32px;
top: 0;
}

Resulta?

Ver perfil do usuário http://bluebox.forumeiros.com/

3 Re: [Pedido] Estilo de Quote em Dom Mar 02, 2014 10:30 am

IsmaelS.

avatar
Membro
Olá,

Não resultou nada.

Ver perfil do usuário http://www.suportedesign.forumeiros.com

4 Re: [Pedido] Estilo de Quote em Dom Mar 02, 2014 12:05 pm

BlueMan

avatar
Developer
Poderia nos facilitar o trabalho e nos mandar um tópico aonde tenha um quote no seu fórum?
Assim poderíamos editar o CSS.

Abraço.
BlueM.

Ver perfil do usuário http://bluebox.forumeiros.com

5 Re: [Pedido] Estilo de Quote em Dom Mar 02, 2014 12:08 pm

IsmaelS.

avatar
Membro
Olá,

Tenho aqui neste tópico:
suportedesign.forumeiros.com/t1735-suporte-design-de-volta-em-grande

Ver perfil do usuário http://www.suportedesign.forumeiros.com

6 Re: [Pedido] Estilo de Quote em Qua Mar 05, 2014 12:02 pm

IsmaelS.

avatar
Membro
UP ? Very Happy

Ver perfil do usuário http://www.suportedesign.forumeiros.com

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