pesquise aqui
[▼] | aprenda como se faz:.."Slider de jQuery" |
Otro Slider de jQuery
Cuando accedemos a una página lo que más llama la atención son los sliders o presentación de imágenes, cuando las transiciones son automáticas pueden llegar a cansar e incluso restar atención al contenido que en realidad es lo importante.
El que veremos hoy es a petición de EcuaLink se trata de un slider que contiene la plantilla EliosWeb2Feel y que podemos descargar en BTemplatesadaptada por
Para añadir el slider nos situamos justo antes de </head> y pegamos el contenido de este archivo Si ya estamos usando jQuery eliminamos la siguiente línea de lo que añadimos anteriormente.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.js' type='text/javascript'/>
Guardamos los cambios y en plantilla de diseño editamos un gadget de HTML justo después de la cabecera. En su interior añadimos lo siguiente:
<div id='slidearea'><ul class='kwicks'><li class='kwik'><a href='#'>
<img alt="" class="slidimg" src="Url-imagen" style="width: 750px; height: 250px;" />
</a><div class='kwikmet rounded'><h2>
<a href='#' rel='bookmark' title=''>Título-contenido</a>
</h2><p>Texto-contenido</p></div></li><li class='kwik'>
<a href='#'><img alt="" class="slidimg" src="Url-imagen" style="width: 750px;
height: 250px;" /></a><div class='kwikmet rounded'><h2>
<a href='#' rel='bookmark' title=''>Título-contenido</a>
</h2><p>Texto-contenido</p></div></li><li class='kwik'>
<a href='#'><img alt="" class="slidimg" src="Url-imagen" style="width: 750px;
height: 250px;" /></a><div class='kwikmet rounded'><h2>
<a href='#' rel='bookmark' title=''>Título-contenido</a></h2><p>Texto-contenido</p>
</div></li><li class='kwik'><a href='#'>
<img alt="" class="slidimg" src="Url-imagen" style="width: 750px; height: 250px;" />
</a><div class='kwikmet rounded'><h2>
<a href='#' rel='bookmark' title=''>Título-contenido</a>
</h2><p>Texto-contenido</p></div></li><li class='kwik'><a href='#'>
<img alt="" class="slidimg" src="Url-imagen" style="width: 750px; height: 250px;" />
</a><div class='kwikmet rounded'><h2>
<a href='#' rel='bookmark' title=''>Título-contenido</a></h2><p>Texto-contenido</p>
</div></li></ul&gt<div class='clear'/></div></div>
En Url-imagen añadimos la url de nuestra imagen de 750 x 256
En Texto-contenido es el espacio para incluir el texto que se muestra con fondo transparente. Igualmente haremos con Título- contenido.
Si deseamos suprimir la sombra del borde nos ubicamos en los estilos "slidearea" y eliminamos lo marcado en negrita, también podemos añadir otros tipos de borde.
#slidearea{
height: 250px;
overflow: hidden;
position: relative;
width:980px;
background:#fff;
border:5px solid #fff;
margin:20px 0px 20px 0px;
box-shadow: 0 0 10px #aaa;
-moz-box-shadow: 0 0 10px #aaa;
-webkit-box-shadow: 0 0 10px #aaa;
}
fonte e créditos:
Outra jQuery Slider
Quando você acessa uma página que é marcante são as barras, ou um slide show, quando as transições são automáticas, pode se tornar cansativo e até mesmo desviar a atenção para o conteúdo que é realmente importante.
Que vemos hoje é um pedido EcuaLink é uma barra que contém o modelo Elios adaptada por Web2Feel e podemos baixar BTemplates
Para adicionar a barra estamos um pouco antes </ Head> e cole o conteúdo do presente arquivo Se você já estiver usando jQuery para remover a linha a seguir para adicionar mais cedo.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.js' type='text/javascript'/>
Salve as alterações e editar um projeto modelo correto gadget HTML após o cabeçalho. Dentro de acrescentar o seguinte:
<div id='slidearea'> <ul class='kwicks'> <li class='kwik'>
<a href='#'> <img alt = "" class = "slidimg" s
rc = "Url imagem"Style =" width: 750px; height: 250px; "/>
</ a> <div class='kwikmet rounded'> href='#' <h2>
rel='bookmark' title=''>Título de conteúdo</ A> Mon </ h2>Texto de conteúdo</ P>
</ div> </ li> <li class='kwik'> <a href='#'> alt <img = "" class = "slidimg"
src = "Url imagem"Style =" width: 750px; height: 250px; "/> </ a>
<div class='kwikmet rounded'> href='#' <h2>
rel='bookmark' title=''>Título de conteúdo</ A> Mon
</ h2>Texto de conteúdo</ P> </ div> </ li> <li class='kwik'> <a href='#'>
alt <img = "" class = "slidimg" src = "Url imagem"Style =" width: 750px;
height: 250px; "/> </ a> <div class='kwikmet rounded'> href='#'
<h2> rel='bookmark' title=''>Título de conteúdo</ A> Mon </ h2>Texto de conteúdo</ P>
</ div> </ li> <li class='kwik'> <a href='#'> alt <img = "" class = "slidimg"
src = "Url imagem"Style =" width: 750px; height: 250px; "/> </ a>
<div class='kwikmet rounded'> href='#'
<h2> rel='bookmark' title=''>Título de conteúdo</ A> Mon </ h2>Texto de conteúdo</ P>
</ div> </ li> <li class='kwik'> <a href='#'> alt <img = "" class = "slidimg"
src = "Url imagem"Style =" width: 750px; height: 250px; "/> </ a>
<div class='kwikmet rounded'> href='#' <h2>
rel='bookmark' title=''>Título de conteúdo</ A> Mon </ h2>Texto de conteúdo</ P>
</ div> </ li> </ ul> <div class='clear'/> </ div> </ div>
Url-adicionar imagem na url de sua imagem para 750 x 256
Texto de conteúdo é o espaço para incluir o texto exibido com um fundo transparente. Também podemos fazer com o conteúdo do título.
Se você quiser remover a sombra estamos em "slidearea" borda estilos e remover o em negrito, você também pode adicionar outros tipos de borda.
# {Slidearea
height: 250px;
overflow: hidden;
position: relative;
width: 980px;
background: # fff;
border: solid # fff 5px;
margin: 0px 20px 0px 20px;
box-shadow: 0 0 10px # AAA;
-Moz-box-shadow: 0 0 10px # AAA;
-Webkit-box-shadow: 0 0 10px # AAA;
}
[▼] | fale conosco |
Fale Conosco:
[▼] | como proceder para ter um domínio Próprio ao invés de estar publicando em blogspot.com |
fonte e créditos:http://www.dihitt.com.br/n/blogosfera/2011/01/02/ovoce-sabe-como-proceder-para-ter-um-dominio-proprio-ao-inves-de-estar-publicando-em-blogspotcom-1
• Você sabe como proceder para ter um domínio Próprio ao invés de estar publicando em blogspot.com
Pois é mais fácil que você pode imaginar somente seguindo cada passo a ser dado no Blogger... .
Mais sobre Blogosfera
- Configurações do Blogger
2º depois clicar em
Você está publicando em blogspot.com
3º clik a baixo
Alternar para: • Domínio personalizado (Aponte o nome do seu domínio registrado para o seu blog)
Publicar em domínio personalizado e assim por diante...
Alternar para: • blogspot.com (serviço gratuito de hospedagem do Blogger)Compre um domínio para seu blogJá tem um domínio? Ir para configurações avançadas | |
Que endereço você deseja atribuir ao seu blog? | http://www. .com .net .org .info .biz Verificar disponibilidade Google Checkout is a fast, secure way to buy from stores across the web. When it's time to buy, look for the button. Use it once and stop creating new accounts every time you buy. Learn moreOs domínios são registrados por um parceiro do Google e custam US$10 por ano. Como parte do registro, você receberá uma conta do Google Apps para o seu novo domínio. |
Configurações avançadasPrecisa de um domínio? Compre um agora! | |
Seu domínio | http:// (Por exemplo: blog.exemplo.com ) Seu domínio deve ser registrado corretamente primeiro. (instruções de configuração) |
Você não deixará seus leitores na mão! O http://ovirtualserqueinterferenoreal.blogspot.com o redicionará para o seu domínio personalizado. |
Parte superior do formulário
[▼] | "Menina fica famosa na web após "brigar" com o pai" |
" Menina fica famosa na web após " brigar" com o pai"
sexta-feira, 22 de outubro de 2010
Isabela, de 2 anos, depois de buscar alguns brinquedos no quarto, volta para brincar no quintal e encontra a porta fechada. Para buscar explicações, ela entra no quarto, " indignada ", e pergunta para o pai: “Por que ‘fechar’ a porta?”. Uma cena do dia a dia de uma família brasileira se tornou um sucesso no YouTube neste mês, batendo quase a marca de 2 milhões de acessos.O vídeo, que até o momento tem quase 2 milhões de visualizações, foi postado pelo pai, Felipe Horst, de 27 anos, no dia 30 de setembro. Ele e a mulher, Stephanie Thomas, de 25 anos, estão acostumados a publicar fotos e vídeos da filha na internet. Até fevereiro deste ano, eles moravam em Goiás e, para mostrar o crescimento de Isabela aos avôs, que moram no Rio Grande do Sul, o meio mais fácil encontrado foi a web.
“Como todo pai de criança pequena, estamos acostumados a gravar momentos da filha para guardar de recordação”, explica Felipe.
Ele conta que, no dia do vídeo, Isabela ainda não tinha completado 2 anos. Ela estava no jardim da casa onde eles moram hoje, em Montenegro (RS), quando começou a anoitecer. Isabela decidiu ir no quarto buscar mais brinquedos. Nesse momento, Felipe fechou a porta que dá acesso ao quintal.
“Quando ela voltou e se deparou com a porta fechada, ela disparou em minha direção. Quando vi a reação dela, eu liguei a câmera para gravar a cena”, disse Felipe.
No vídeo, os maiores comentários são referentes às expressões “pode ser” e “tranquilo”, usadas por Isabela. Segundo Felipe, como ela ainda está desenvolvendo a fala, Isabela tenta imitar o que os pais falam. “O ‘pode ser’ ela pegou da mãe, que sempre tenta negociar com ela usando essa expressão. O ‘tranquilo’ ela pegou de mim”.
Confira o vídeo a seguir:
Não fecha a porta, tá? Tranquilo? (Don't close the door, okay?)
fonte e créditos:
http://www.castrodigital.com.br
Assinar:
Postagens (Atom)
contato
...
...