Tutorial HTML CSS - Tutorial, CSS, HTML

Bienvenido

Color RGB HEX

Descargas,programas

Antivirus

Editores de imagenes

Photoshop

Cuadros para fondos HTML

Con fondo flash

Esquinas originales HTML

Alimentos

Amados ángeles

Amor

Animales

Carnaval

Flores

Humor

Música

Naturaleza

Navideños

Objetos

Pascua

Personas

Religiosos

Sencillos

Gadgets

Imagen

Imagen en movimiento

Efectos

Flotante

Texto

Efectos

Tutorial HTML CSS

Bordes

Botón

Efectos para cursor

Falling (objetos que caen)

Fondos

Menú

Mostrar/Ocultar Spoiler

Música

Sombra

Unicodes, simbolos

Ventanas-para código, imagen o texto
Buscador

Fondos, gif, flash

Gif, fondos, glitter

Fondos, gif, glitter

Brindis, refexiones

Diseño

Compra, venta

Numquam renuntiabit

<a href="http://tutorialgloriav.eklablog.com/"
 target="_blank"><img src=
"http://ekladata.com/cEEYfZtSNwWA8Pt7k--C97p7qFs/34.gif" 
alt="" width="120"   />

Con mucho gusto y
gran placer os
presentó mi ayudante
"No puedes enseñárselo todo: sólo puedes ayudarle a encontrarlo por sí mismo."
Galileo Galilei y
Vivir en armonía con el universo es vivir lleno de alegría, amor y abundancia.
Shakti Gawain
Tutorial,CSS, HTML, fondos, generador...
YoWindow.com yr.no
Newsletter
Derniers visiteurs
GloriaV666@gmail.com

Tutorial HTML CSS
Par GloriaV le 15 Juillet 2015 à 16:54

1. Para Eklablog
a. http://njv.eklablog.com/changer-la-couleur-du-texte-de-la-barre-ekla

1. http://www.oloblogger.com/search/label/CSS

2. http://vagabundia.blogspot.com/2006/09/indice-htmlcss.html

3. http://www.trazos-web.com/-tips-y-trucos-para-css/
4. Añadir fuente en blog (160-173)
5. Gran tutorial
a. Hover para bordes
6. Gradient generador
7. Efector con CSS y HTML

8. Imagen de carga
9. http://www.lawebera.es/como-hacer/ejemplos-css
10. Gran tutorial: efectos, posición de imagen, estilos....
a. Efecto para texto
http://foro.ucoz.es/forum/27-268-2
http://foro.ucoz.es/forum/27-268-4
http://foro.ucoz.es/forum/27-268-13
b. Encabezado, galeria
c. Efectos hover
d. Flotante, sombras para, galeria, texto
e. Monstrar, esconder enlaces, efecto hover
f. Botones, columnas con CSS
11. http://codepen.io/popular/2/
12. Bordes
13. Bordes y más
14. http://www.sitepoint.com/7-code-playgrounds/
15. Test
16. Bordes HTML
17. http://www.ciudadblogger.com/2011/09/caja-de-aviso-para-el-blog-con-opcion.html
18. http://www.ciudadblogger.com/
19. Falling con Java
http://www.ciudadblogger.com/2010/02/corazones-cayendo-en-la-pagina.html
20.!!!Web japones con falling, efectos para cursor, videos....
a. Lanzamiento
b. Piezas para blog

21. Volar elemento
http://jquery-manual.blogspot.com.es/2013/02/animacion-multiple-con-animation-y.html
22. Contador de visitas
23. Generador, efectos
24. Input style generador Google
a. http://www.csscheckbox.com/css-input-generator.php
b. http://dapinder.com/tools/css-text-input-box-generator/
c. http://danielstern.ca/range.css/#/
d. https://proto.io/freebies/onoff/
25. http://shpargalkablog.ru/p/html-css-javascript.html
26. Generodor de link, texto....

http://shpargalkablog.ru/p/html-css-javascript.html (en ruso)
Par GloriaV le 15 Juillet 2015 à 16:55

1. Hacer fondos, descarga

2. GIMP instrucción

a.https://sites.google.com/site/tutorialdegimp/40---cear-un-gif-animado

b. http://iesmunoztorrero.juntaextremadura.net/web/lenix/gimp

c.http://www.ite.educacion.es/formacion/materiales/86/cd/m3/ventana_capas.html

d.http://www.progimp.ru/articles/sposobyi_sozdaniya_animatsii_v_gimp/

Generadores:
1. Texto, bordes, gradiente, sombra
Playground, un generador online que nos ofrece la posibilidad de jugar con las características de CSS3.gradiente
http://css3.mikeplate.com/
2. CSS3 Generator nos permite obtener la previsualización de algunas de las propiedades más populares, nos ofrece el resultado en el panel de la derecha y en la parte inferior de la pantalla obtenemos el código listo para copiar y añadir en nuestra plantilla
http://css3generator.com/
3. CSS Compressor resulta útil si queremos que los estilos de nuestra plantilla no se hagan interminables, por lo que he comprobado no altera ni suprime ninguna propiedad pero sobra decir que el vista previa hay que usarlo tantas veces sea necesario
http://shygypsy.com/cssCompress/
4. http://css3generator.com/
5. Generador muy amplio. Sombra, rotación, texto
6. Botón generador CSS
7. Otro generador de botones
8. Estilos y generadores de botón
9. http://cssdeck.com/labs/zwdep1rg
10. Generador fondo, texto, bordes
11. Basico HTML
12. Generador
13. Falling nieve generador
14. http://www.herramientas10.com/30-generadores-css_228.html
15. Rotación
http://jquery-manual.blogspot.com.es/2013/02/crear-animacion-con-la-propiedad.html
16. Instalar generador de bordes
http://codepen.io/netsi1964/pen/ykiGp
17.http://codepen.io/brandonbrule/pen/azdpoa
18. Generador código CSS
19. Texto, sombra, bordes, fondo...
20. Modal Popups
21. Bordes, sombra, opacidad.
22. Lista de los generadores
23. !!!Generador de efectos para imagen
24. http://www.themeshock.com/css-box-machine/
25. Borde , sombra...http://css3.pascal-seven.de/
Par GloriaV le 15 Juillet 2015 à 18:17

Buscador para web Fuente

HTML

<div id="buscaform"> </div>

<form class="formbusca" action="/search" method="get"><input name="q" type="search" /><button> </button></form>

CSS

<style></style>
Par GloriaV le 16 Juillet 2015 à 18:02
Buscador

Buscador <section class="main">

Search Result #1
Description...

Search Result #2
Description...

Search Result #3
Description...

Search Result #4

HTML

<p>Buscador <section class="main"></p>

<form class="search" action="index.html" method="post"><input name="q" type="text" />

<ul class="results">

<li><a href="/index.html">Search Result #1<br />Description...</a></li>

<li><a href="/index.html">Search Result #2<br />Description...</a></li><li><a href="/index.html">Search Result #3<br />Description...</a></li><li><a href="/index.html">Search Result #4</a</li></ul></form>

CSS

</section> --------------- /*

* Copyright (c) 2012 Thibaut Courouble * Licensed under the MIT License ================================================== */
body { background: #f7f7f7;
color: #404040;
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 20px; }
a { color: #1e7ad3;
text-decoration: none; }
a:hover { text-decoration: underline }
.container, .main {
width: 640px; margin-left: auto;
margin-right: auto;
height: 300px; }
.main {
margin-top: 50px }
input {
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px; color: #555860; }
.search { position: relative;
margin: 0 auto;
width: 300px; }
.search input {
height: 26px;
width: 100%;
padding: 0 12px 0 25px;
background: white url("http://cssdeck.com/uploads/media/items/5/5JuDgOa.png") 8px 6px no-repeat;
border-width: 1px;
border-style: solid;
border-color: #a8acbc #babdcc #c0c3d2; border-radius: 13px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: inset 0 1px #e5e7ed, 0 1px 0 #fcfcfc;
-moz-box-shadow: inset 0 1px #e5e7ed, 0 1px 0 #fcfcfc;
-ms-box-shadow: inset 0 1px #e5e7ed, 0 1px 0 #fcfcfc;
-o-box-shadow: inset 0 1px #e5e7ed, 0 1px 0 #fcfcfc;
box-shadow: inset 0 1px #e5e7ed, 0 1px 0 #fcfcfc; }
.search input:focus { outline: none; border-color: #66b1ee;
-webkit-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
-moz-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
-ms-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
-o-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
box-shadow: 0 0 2px rgba(85, 168, 236, 0.9); }
.search input:focus + .results { display: block }
.search .results {
display: none; position: absolute;
top: 35px;
left: 0;
right: 0;
z-index: 10;
padding: 0; margin: 0;
border-width: 1px;
border-style: solid;
border-color: #cbcfe2 #c8cee7 #c4c7d7;
border-radius: 3px; background-color: #fdfdfd;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #eceef4)); background-image: -webkit-linear-gradient(top, #fdfdfd, #eceef4);
background-image: -moz-linear-gradient(top, #fdfdfd, #eceef4);
background-image: -ms-linear-gradient(top, #fdfdfd, #eceef4);
background-image: -o-linear-gradient(top, #fdfdfd, #eceef4);
background-image: linear-gradient(top, #fdfdfd, #eceef4);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
.search .results li {
display: block }
.search .results li:first-child {
margin-top: -1px }
.search .results li:first-child:before, .search .results li:first-child:after {
display: block; content: '';
width: 0; height: 0;
position: absolute; left: 50%;
margin-left: -5px; border: 5px outset transparent; }
.search .results li:first-child:before {
border-bottom: 5px solid #c4c7d7;
top: -11px; }
.search .results li:first-child:after {
border-bottom: 5px solid #fdfdfd;
top: -10px; }
.search .results li:first-child:hover:before, .search .results li:first-child:hover:after {
display: none }
.search .results li:last-child {
margin-bottom: -1px }
.search .results a {
display: block;
position: relative;
margin: 0 -1px;
padding: 6px 40px 6px 10px; color: #808394;
font-weight: 500;
text-shadow: 0 1px #fff;
border: 1px solid transparent;
border-radius: 3px; }
.search .results a span {
font-weight: 200 }
.search .results a:before {
content: ''; width: 18px;
height: 18px; position: absolute;
top: 50%;
right: 10px; margin-top: -9px;
background: url("http://cssdeck.com/uploads/media/items/7/7BNkBjd.png") 0 0 no-repeat; }
.search .results a:hover {
text-decoration: none; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
border-color: #2380dd #2179d5 #1a60aa;
background-color: #338cdf;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #59aaf4), color-stop(100%, #338cdf)); background-image: -webkit-linear-gradient(top, #59aaf4, #338cdf);
background-image: -moz-linear-gradient(top, #59aaf4, #338cdf);
background-image: -ms-linear-gradient(top, #59aaf4, #338cdf);
background-image: -o-linear-gradient(top, #59aaf4, #338cdf);
background-image: linear-gradient(top, #59aaf4, #338cdf);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
-moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
-ms-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
-o-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08); } :
-moz-placeholder { color: #a7aabc; font-weight: 200; }
::-webkit-input-placeholder { color: #a7aabc; font-weight: 200; }
.lt-ie9 .search input { line-height: 26px }
Par GloriaV le 16 Juillet 2015 à 18:10

HTML

<img src="http://www.gifss.es/dinero/cofres/01.gif" alt="" width="33" height="27" /><form id="b-search" action="http://search.blogger.com/"><input id="b-query" name="as_q" type="text" /><input name="ie" type="hidden" value="UTF-8" /> <input name="ui" type="hidden" value="blg" /> <input name="bl_url" type="hidden" value="http://ventaunpocodetodo.jimdo.com/" /><input id="b-searchbtn" title="Search this blog with Google Blog Search" alt="Search This Blog" type="submit" value="Yo tengo así. Buscar en esta web" /></form>
Par GloriaV le 16 Juillet 2015 à 18:12

HTML

<form action="http://www.google.com/search">
<table bgcolor="#FFFFFF">
<tbody>
<tr>
<td><a href="http://www.google.com/"> <img src="http://www.google.com/logos/Logo_40wht.gif" border="0" alt="Google" align="absmiddle" /></a> <input type="text" /> <input type="text" /> <input type="text" value="Búsqueda Google" /></td>
</tr>
</tbody>
</table>
</form>
Par GloriaV le 16 Juillet 2015 à 18:13

HTML

<center>

<form method="get" action="http://www.youtube.com/results" target="_blank">

<input type="text" name="q" size="20" maxlength="135" onfocus="if(this.value=='Buscar En Youtube') this.value='';" onblur="if(this.value=='') this.value='Buscar En Youtube';" value="Youtube"

style="color:#?--#ff0000--?; font-size: 12pt; border: 1px solid #000000; background-color: #ffffff" /> <input type="hidden" name="hl" value="es" /> <input name="btnG" value="Buscar" type=

"submit" style="color: #ffffff; font-size: 11pt; border: 1px solid #1F96AD; background-color: #11CBEE" />

</form>

</center>
Par GloriaV le 16 Juillet 2015 à 18:16

Cliquez ici pour obtenir ce Widget

HTML

<div style="background-color: hidden; text-align: center; border: #ccc 0px solid; padding: 10px 4px 3px 4px;"><a title="American" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Translate this page to American" src="http://ekladata.com/dbCmExHIpCHny8tzS3HysL0cV0E.png" alt="English" /></a> <a title="English" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Translate this page to English" src="http://ekladata.com/1MNv_wbcfZILEOsTtY6pzZMhtDA.png" alt="English" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Ces&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="traducir esta página al español" src="http://ekladata.com/ki2TnlWXoaBrODNmb-GSA_OosPk.png" alt="español" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cit&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Traduci questa pagina in Italiano" src="http://ekladata.com/Jj1BFsMxt7mhDdTE7jQaf4F0lhY.png" alt="Italiano" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cde&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="diese Seite auf deutsch" src="http://ekladata.com/2dwMBsD3WQrjpGEiYEbl7zoY8P4.png" alt="deutsch" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cpt&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Traduzir esta página em Português" src="http://ekladata.com/uBjTityLIlm_K58YAxiDOB92PmU.png" alt="Português" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cda&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Dansk" src="http://ekladata.com/_nMQgghV85dgQMQA9FiaB84HfEc.png" alt=" Oversæt denne side til dansk" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Csv&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Översätt webbplatsen på svenska" src="http://ekladata.com/cCe-Vwnf1LJ0BMYpddkQGwCQoOs.png" alt="Översätt webbplatsen på svenska" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Car&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="ترجمة هذه الصفحة إلى العربية" src="http://ekladata.com/UdGzjR7dDMljt5AH4jf7bjRCfuo.png" alt="العربية" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Czh-CN&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="翻译此页成中文" src="http://ekladata.com/H_VbuAwoCWuLZsVZaddylwf4mow.png" alt="中文" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cru&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Перевести эту страницу на русский" src="http://ekladata.com/jX77mGhBAR2tx8IcpmhRKMRTNiU.png" alt="Русский" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cja&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="このページを日本語に翻訳" src="http://ekladata.com/mzRWneZRawUEPOLlRxp_ueg1-74.png" alt="日本語" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cko&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="이 페이지 번역가 한국" src="http://ekladata.com/311wm1oXNf4-aCpeRiRHAb-bECA.png" alt="한국어" /></a> <a title="English" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Csr&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title=" Транслате тхис паге ин Сербиан" src="http://ekladata.com/lkYM7p20E2Hcif7uE8Jzm41v59U.png" alt="Српски" /></a> <a onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cnl&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Vertaal deze pagina in het Nederlands" src="http://ekladata.com/CDIcVNhJAdGk7NJ7kHLE9dmgdbw.png" alt="Nederlands" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cfi&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Käännä tämä sivu osaksi Suomen" src="http://ekladata.com/wPk4WJD6SbhRFNHtTFuoHC7neo4.png" alt="Suomen" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Ctr&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Çevirisini Bu sayfa türk" src="http://ekladata.com/ubDT7NCGzFfYl3qsBnxczG9YpiI.png" alt="Türkçe" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cpl&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Przetłumacz tę stronę na język Polski" src="http://ekladata.com/JKx8yTsvsC7YJZL8GSg0fOmRm08.png" alt="Polska" /><br /></a> <span style="font-size: 10px;"> </span><span style="font-size: 10px;"><small> <a href="http://www.vimieux.com/index.php?p=1_12_traducteur-de-langue-drapeaux">Cliquez ici pour obtenir ce Widget </a></small></span></div>
Par GloriaV le 16 Juillet 2015 à 18:18

Cliquez ici pour obtenir ce Widget

HTML

<div style="min-width: 215px; margin: 5px 0px; background-color: #ffffff; text-align: center; border: #ccc 1px solid; padding: 10px 0px 3px 0px;">

<div style="width: auto;"><a title="American" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Translate this page to American" src="http://www.veryicon.com/icon/32/Flag/Rounded%20World%20Flags/United%20States%20Flag.png" alt="English" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cde&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="diese Seite auf deutsch" src="http://www.veryicon.com/icon/32/Flag/Rounded%20World%20Flags/Germany%20Flag.png" alt="deutsch" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Ces&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="traducir esta página al español" src="http://www.veryicon.com/icon/32/Flag/Rounded%20World%20Flags/Spain%20Flag.png" alt="español" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cit&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Traduci questa pagina in Italiano" src="http://www.veryicon.com/icon/32/Flag/Rounded%20World%20Flags/Italy%20Flag.png" alt="Italiano" /></a> <a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cpt&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Traduzir esta página em Português" src="http://www.veryicon.com/icon/32/Flag/Rounded%20World%20Flags/Portugal%20Flag.png" alt="Português" /></a> <a title="Google-Traduction-Français-en-russe BETA " onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cru&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Google-Traduction-Français-en-russe BETA " src="http://www.veryicon.com/icon/32/Flag/Rounded%20World%20Flags/Russia%20Flag.png" border="0" alt=" Google-Traduction-Français-en-allemand BETA " /></a> <a title="Google-Traduction-Français-en-chinois (Simplifié) BETA" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Czh-CN&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Google-Traduction-Français-en-chinois(Simplifié) BETA" src="http://www.veryicon.com/icon/32/Flag/Rounded%20World%20Flags/China%20Flag.png" border="0" alt="Google-Translate-Chinese (Simplifié) BETA" /></a> <a title="Google-Traduction-Français-en-japonais BETA" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cja&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Google-Traduction-Français-en-japonais BETA" src="http://www.veryicon.com/icon/32/Flag/Rounded%20World%20Flags/Japan%20Flag.png" border="0" alt="Google-Traduction-Français-en-japonais" /></a> <a title="Google-Traduction-Français-en-coréen BETA" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cko&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Google-Traduction-Français-en-coréen BETA" src="http://www.veryicon.com/icon/32/Flag/Rounded%20World%20Flags/South%20Korea%20Flag.png" border="0" alt=" Google-Traduction-Français-en-coréen BETA" /></a> <a onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="cursor: hand;" title="Translate to English" src="http://www.veryicon.com/icon/32/Flag/Rounded%20World%20Flags/United%20Kingdom%20Flag.png" alt="English" /></a> <span style="font-size: 10px;"> </span><br /><span style="font-size: 10px;"><small> <a href="http://www.vimieux.com/index.php?p=1_12_traducteur-de-langue-drapeaux

">Cliquez ici pour obtenir ce Widget </a></small></span><br />

<div id="google_translate_element"> </div>

<script type="text/javascript">// <![CDATA[
Par GloriaV le 16 Juillet 2015 à 18:23

Traductor de Google!!!

HTML

<img style="border: 0px solid #0033c7; -webkit-border-radius: 150px; -moz-border-radius: 150px; border-radius: 150px; -webkit-box-shadow: #6d3112 3px 3px 9px; -moz-box-shadow: #6d3112 3px 3px 9px; box-shadow: #6d3112 3px 3px 11px;" src="https://lh3.googleusercontent.com/YstsQER3PGU2LS7tNLU6kml2eYP_4hRXSVyP92vRdkNb=w283-h284-no" alt="" width="195" height="199" />

<div id="google_translate_element">

</div>

<script type="text/javascript">

//<![CDATA[

function googleTranslateElementInit() {

new google.translate.TranslateElement({

pageLanguage: 'es'

}, 'google_translate_element');

}

//]]>

</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript">

</script><a href="http://pczeros.blogspot.com/2009/12/traductor-para-el-blog-web.html" target="_blank" title="traductor para el blog pagina web blogger "><img src=

"http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="traductor para el blog blogger web" title="traductor para el blog" /></a>
Par GloriaV le 16 Juillet 2015 à 19:12

1 3

El universo no fue hecho a medida del hombre;
tampoco le es hostil: es indiferente.

2 4

HTML

<table style="background-image: url('https://lh5.googleusercontent.com/-V9K8MVMW3KU/VUiktS54yxI/AAAAAAABkzI/IY88Wzg3Yek/s40-no/1.gif'); border-radius: 5px; box-shadow: #000000 1px 1px 15px;" cellspacing="0" cellpadding="0"><tbody><tr><td style="padding: 5px;">

<table style="background-image: url('https://lh5.googleusercontent.com/-ZLK4uq8dxsA/VSpCw03cFEI/AAAAAAABhfI/dmlYPc3eRfw/w100-h150-no/9.gif'); border-radius: 5px;" cellspacing="0" cellpadding="0">

<tbody><tr><td style="padding: 10px;">1<img src="http://www.123gifs.eu/free-gifs/globes/globus-0044.gif" alt="" width="60" height="55" /></td><td width="100%"> </td>

<td>3<img src="http://www.123gifs.eu/free-gifs/globes/globus-0055.gif" alt="" width="60" height="55" /></td></tr><tr><td> </td><td style="text-align: center;"><p>Texto</p></td><td> </td></tr><tr><td>2<img src="http://www.123gifs.eu/free-gifs/globes/globus-0051.gif" alt="" width="60" height="55" /></td><td> </td><td>4<img src="http://www.123gifs.eu/free-gifs/globes/globus-0035.gif" alt="" width="60" height="55" /></td></tr></tbody></table></td></tr></tbody></table>
Par GloriaV le 16 Juillet 2015 à 19:15

Subir-Bajar

HTML

<script type="text/javascript">// <![CDATA[

function abajo() {  window.scrollBy(0,25); // velocidad abajo  scrolldelay = setTimeout('abajo()',100); // tiempo  } function subir() {  window.scrollBy(0,-25); // velocidad subir  scrolldelay = setTimeout('subir()',100); // tiempo  } function stopScroll() {  clearTimeout(scrolldelay);  }

// ]]></script>

</p>

<p><a style="display: scroll; position: fixed; bottom: 100px; right: 20px;" title="Bajar" onmouseover="abajo()" onmouseout="stopScroll()" href="#"><img src="https://lh4.googleusercontent.com/-_sw6wQXZILM/VQWIGrAj00I/AAAAAAABfs4/95T6Mt5_fwE/w44-h55-no/4.gif" alt="" width="42" height="50" /></a> <a style="display: scroll; position: fixed; bottom: 150px; right: 20px;" title="Subir" onmouseover="subir()" onmouseout="stopScroll()" href="#"><img src="https://lh6.googleusercontent.com/-t1rQF5t28Xw/VQWH8D_THFI/AAAAAAABfsk/s9584AWGjJo/w41-h52-no/3.gif" alt="" width="42" height="50" /></a>

Subir

HTML

<a href="#"><img src="http://chez-swan.net/postit/gif-coreens/Disney_Aladin/aladin_00.gif" height="105" width="85" alt="Subir" /></a> Subir
Par GloriaV le 16 Juillet 2015 à 19:16

Imagen movible (izquierda abajo)

HTML

<p><img style="position: fixed; bottom: 50px; left: 20px;" src="https://lh6.googleusercontent.com/kF4AgJGdqws3DdgK6mjlPlvWKmjIwnm5j4SleHII-zsX=s222-p-no" border="0" alt="" width="57" height="71" /></p>
Par GloriaV le 16 Juillet 2015 à 19:19

HTML

<div id="twitterfijo"><a style="display: scroll; position: fixed; bottom: 445px; right: 0px;" href="/url-twitter"> <img src="https://lh5.googleusercontent.com/-8SSEMQJ4oEI/VIBloII0sKI/AAAAAAABPFw/OKYLxbzzb_M/w167-h319-no/1.gif" alt="" width="85" height="170" /></a></div>
Par GloriaV le 16 Juillet 2015 à 19:21

Efecto para link 1

HTML

<ul id="animateList"><li><a href="">Enlace 1</a></li><li><a href="">Enlace 2</a></li></ul>

CSS

#animateList li a { cursor: pointer; -webkit-transition: padding-left 250ms ease-out; -moz-transition: padding-left 250ms ease-out;} #animateList :hover { padding-left: 10px;}
Par GloriaV le 16 Juillet 2015 à 19:23

Efecto para link 2

HTML

<div id="links"><ul><li><a title="Text" href="http://fondogifflashgloriav.ek.la/">Fondos <em>Amplio</em> En crecimiento</a></li></ul></div>

CSS

#links ul { list-style-type: none; width: 400px; } #links li { border: 1px dotted #999; border-width: 1px 0; margin: 5px 0; } #links li a { color: #000000; display: block; font: bold 160% Harlow Soklid Italic, Gothic, French Script MT; padding: 5px; text-decoration: none; } * html #links li a { /* make hover effect work in IE */ width: 400px; } #links li a:hover { background: #C1E2FB; } #links a em { color: #333; display: block; font: normal 125% Harlow Soklid Italic, Gothic, French Script MT; line-height: 125%; } #links a span { color: #0C65A7; font: normal 140% Harlow Soklid Italic, Gothic, French Script MT; line-height: 150%; }
Par GloriaV le 16 Juillet 2015 à 19:24

Efecto para link 3

HTML con CSS

<p class="pos_fixed"><a href="/">Efecto para link 3</a></p><style></style>
Par GloriaV le 17 Juillet 2015 à 10:51

<fieldset style="height: Xpx; border-color: #D9436F; border-radius: 15px; box-shadow: 2px 2px 20px #000000;" src="http://flashframe.li.ru/showflash.html?tag_value=http%3A%2F%2Fimg0.liveinternet.ru%2Fimages%2Fattach%2Fc%2F5%2F%2F4002%2F4002240_1.swf&flash_width=300&flash_height=280&style=" frameborder="0" scrolling="no" width="300" height="280"></fieldset>

HTML

<div class="GL_MAR10T GL_MAR10B GL_MAR10B MESS QUOT_T"><div class="QUOT_B"><fieldset style="width: Xpx; margin: 10px 40px; border-color: #a06c78; border-radius: 15px; box-shadow: 2px 2px 20px #000000;"><br /> <legend><br /> <iframe style="width: 300; height: 280; border-radius: 115px 115px 15px 15px; box-shadow: 2px 2px 20px #000000;" width="300" height="150"><fieldset style="height: Xpx; border-color: #D9436F; border-radius: 15px; box-shadow: 2px 2px 20px #000000;" src="http://flashframe.li.ru/showflash.html?tag_value=http%3A%2F%2Fimg0.liveinternet.ru%2Fimages%2Fattach%2Fc%2F5%2F%2F4002%2F4002240_1.swf&flash_width=300&flash_height=280&style=" frameborder="0" scrolling="no" width="300" height="280"></fieldset></iframe></legend><table border="0" cellspacing="1" cellpadding="0"><tbody><tr>
<td><img style="border-width: 0px; border-style: solid; width: 160px; height: 130px;" src="https://lh5.googleusercontent.com/-U8KpQYWzp-E/U-tPiFb35XI/AAAAAAAA3_A/sUlNbvKFjvE/w702-h503-no/4.jpg" alt="" /></td>
<td><img style="border-width: 0px; border-style: solid; width: 160px; height: 130px;" src="https://lh5.googleusercontent.com/-udposJMztCI/U-tPSjX3xII/AAAAAAAA3-s/BpMwRC8azT8/w270-h143-no/3.jpg" alt="" /></td>
<td><img style="border-width: 0px; border-style: solid; width: 130px; height: 130px;" src="https://lh4.googleusercontent.com/-BYOZhDDOAV8/U-tO1V0T-1I/AAAAAAAA3-E/TiIXspa9syA/s150-no/1.jpg" alt="" /></td></tr></tbody></table></fieldset></div></div>
Par GloriaV le 17 Juillet 2015 à 10:53

Texto, fondo, imagen...

HTML

<legend><br /> <embed width="200" height="200" src="http://xuanfei.cctv118.com/20081115/1495.swf" wmode="transparent"></embed></legend>      Texto, fondo, imagen...</fieldset
Par GloriaV le 17 Juillet 2015 à 11:07

Tenemos que vivir para que nuestra presencia era necesaria, y será notable cuando no estamos.

HTML

><fieldset style="width: Xpx; margin: 10px 40px; border-color: #DE96B9; border-radius: 30%; ovale horizontal;box-shadow: 2px 2px 20px #000000;"><legend><embed width="200" height="200" src="http://xueng5.swf" wmode="transparent"></embed><br /> Texto</legend></fieldset>

1 2 3