Veja e Aprenda Sobre: "Shadowbox", "Elegante e Janela modal completa"
"Shadowbox Mostrar hum E a Uma Mídia, NOS Dizer Que SOA Mais Janela Uma E PARA O modal Quase tout podar formato de espectáculo e Imagens de QuickTime, Windows Media Player, Flash, Flash, HTML e LOCAIS Externos. Muito inteligente e Porque nao tout Quadro Projeto podar Blog acomodar e.
Para Usar o modelo Shadowbox DEVE AO acrescentar shadowbox.js Baixos e ficou na URL do Servidor de um. "
Fase 1
editor logotipo Nenhum HTML epidémico hum modelo de ]]> </ b: skin> acrescentar OU Mês Seguinte :
<Script src = " url-shadowbox.js Ligações Ficheiro " type = "text / javascript '/>
"Em url Ligações Ficheiro shadowbox.js- Troquei-o com Uma URL Ou de 'acolhimento' sem Arquivo Chega Alojamento Nosso".
Passo 2
Logo DEPOIS acrescentar:
Tipo texto = 'roteiro de / javascript "> <
Shadowbox.init ();
</ Script>
Fase 3
seguintes OS Estilos:type = "text / css" estilo <> # Sb-Título do interior, # -SB-info interior, # sb-Carregamento do interior, um div.sb Mensagem {Font-family: "HelveticaNeue-Light", "Helvetica Neue" Helvetica, Arial, sans-serif; font-weight: 200;color: # fff;} # Sb-container {position: fixed; margin: 0; padding: 0;top: 0; left: 0; z-index: 999, text-align: left; visibility: hidden; display: none;}# Sobreposição Sb {position: relative; altura: 100%; width: 100%;} # Sb-wrapper {Position: absolute; visibility: hidden; width: 100px;} # interior involucro Sb {Position: relative; Fronteira:; 1px solid # 303030 estouro: hidden;height: 100px;} # Corpo Sb {position: relative; height: 100%;} # Sb-corpo e- {} posição interior: absolute; altura: 100%; width: 100%;# Sb-player.html {height: 100%; overflow: auto;} # Img corporativa Sb {Border: none;} # {position Carregamento SB: relative; height: 100%;} # Carregamento Sb-se Dentro de {position: absolute; -Tamanho da fonte: 14px; line-height: 24px; Altura: 24px Superiores;: superiores a 50%, Margem-12px; Largura: 100% text-align: center;} # Sb-Carregamento do Espaço interior {Background: url (http://3.bp.blogspot.com/_q4j3j-JA2ro/TLHbuce44QI/AAAAAAAAPp8/. nljW-YY9BYY / S1600 / Carregamento gif) no-repeat; padding-left: display; 34 px: inline-block;} # Sb-corporativo, # {Sb-loading-cor de Fundo: # 060606;} # Sb-título, # sb-info {position: relative; margin: 0; padding: 0; overflow: hidden;} # Sb-título, # title-sb-interior {height: 26px; line-height: 26px;} # Interiores grau Sb do {font-size: 16px; #} Sb-info, # -SB-Info interior {height: 20px; line-height: 20px;}# Sb-info-interno {font-size: 12px;} # Sb-nav {float: right; height: 16px; padding: 2px 0; width: 45%;} # Nav Sb-a {display: block; float: right; height: 16px; width: 16px; margin-left: 3px;cursor: pointer; background-repeat: repeat no-;} # Fecha-Sb-nav {-image background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8jOWSHCgnnqOKSSS_LKWM7QhUhrzeMw8MorUkOX8AAIsQU5NRlsMRB6u5BppuzUtml5Kp0wi9DP7DAWZgc5bAO-Tq6RYTUY9Fap-YJM6EECYDwNbGCP_7ApE8FIg0bJZ8F0ivnf-3MJI/s1600/close.p);} # Sb da nav-Próxima-imagem {Background: url (http://4.bp.blogspot.com/_q4j3j-JA2ro/TLHbu1o_GCI/AAAAAAAAPqA/705y8zAc2IM / S1600 / next.png);} # Sb-nav {background-imagem Acima: url (http://1.bp.blogspot.com/_q4j3j-JA2ro/TLHbwGccbrI/AAAAAAAAPqM/yqPh2EF9lGw / S1600 / previous.png);} # Sb-nav {play-background image: url (http: // 3.bp.blogspot.com/_q4j3j-JA2ro / TLHbvgXcL6I / AAAAAAAAPqI / BzOiVDpThns / S1600 / play.png);} # Sb-pause-nav {background -image: url (http://2.bp.blogspot.com / _q4j3j-JA2ro / TLHbvc77JjI / AAAAAAAAPqE / G78UoTGuNi4 / S1600 / pause.png);}# Anti-Sb {float: left; width: 45%;} # Sb anti- {padding: 0 0 0 4px; text-decoration: none; cursor: pointer; color: # fff;} # UM A.sb Sb-anti-anti-Corrente {Text-decoration: underline;} {Mensagem font div.sb-size: 12px; padding: 10px; text-align: center;} div.sb Mensagem-a: link, div.sb Mensagem-a: visited {color: # fff; Decoração texto: underline;} </ style>
Antes de Ir para comentar Sobre hum shadowbox.js forma certificada Opção Paragrafo Preço total: Preço total: Adicionar OU modelo, fase Nesta, interferir Servidor OU 'acolhimento' com nenhum Arquivo partido um.
Acrescentar escolhermos Estar em hum Projeto que iremos Copiar OU Conteúdo Fazer e Fazer Arquivo e cole nd fase 1 , Como mostrado, OU SEJA, logotipo epidémico ]]> </ b: skin> e Esquece Arquivo Pará Preço total: Preço total: Adicionar OU externo.
Só Imagem
Clique Imagem nd
<A Rel = "shadowbox" title = "Título "href =" Url "imagem de grande "> <img src = " url-miniatura " /> </ a>
Voce nao ESTÁ tocando Quer NÓS in miniatura Imagem Extensão aussi Podemos determinar Paragrafo exibição e utilização OU MESMO URL. O Último Recomendado Opção QUANDO nao e São MUITAS Imagens enviadas OU blogue Como faze-lo E Dessa Imagem Carregando deux fois Mesmer e, eventualmente, Observando Que VOCÊ vai Mais de carga e Lentamente.
Com comprimento de Definição de hum comprimento e altura de altura
<A Rel = "shadowbox" title = "Título "href =" Url "imagem de grande "> <img src = " URL" miniatura " altura =" 137 " Comprimento =" 170 "/> </ a>
<Img src = "url-imagen" /> toque E Suficiente
Ao Longo Deste POS Vezes VOCÊ vai Encontrar Vários Que QUALQUÉR código Para exibir hum modal Diz Nossa Janela Imagem e texto " , o Que significa podar Janela Exibir autor UO liga de texto Imagem.
Exibir autor UO texto E Realmente quisermos e nao vai explicar OU escrever o texto faz ligação de e vai Fazer Porque embora. Para Preço total: Preço total: Adicionar UMA Imagem : img src <= " Imagem Url " />
Em Fonte e Créditos:
gemablog
