miércoles, 30 de diciembre de 2015

Enlaces de páginas expertas

para consultas de CSS:

ENLACE a: www.librosweb.es Introducción a CSS

Que tus lectores puedan descargar tus post

El codigo es:

Listado de paginas expertas para aprender y perfeccionar HTML

http://librosweb.es

CREAR TOOLTIPS USANDO CSS

La forma de hacerlo se lee en el link siguiente: ENLACE a.. http://programandoointentandolo.com

lunes, 28 de diciembre de 2015

domingo, 27 de diciembre de 2015

Mensaje antiplagio

El código es:

Este código se coloca arriba de
/body

Menús y Modelos de acordeón

Modelo 1:

La página que origina dicho acordeón es la siguiente: ENLACE a: http://hogarblogger.blogspot.com El HTML es el siguiente :

sábado, 26 de diciembre de 2015

Acordeón Desplegable. Paginas de consultas

Modelo 1

_________________________________________

Imágenes compridas

Ejemplo de imágenes comprimidas

4 imagenes para redireccionar

Paisajes 1

Menú Acordeón

CSS-Only Accordion Effect: Horizontal Accordian

Montañas

Rios

cuevas

Cataratas

________________________________________________________________________________

El código html es:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CSS-Only Accordion Effect: Horizontal Accordian</title>
<style>
body {
   font: small/1.2 Arial, Helvetica, sans-serif; }
#accordion {
   width: 500px;
   margin: 100px auto; }
#accordion div {
   float: left;
   width:25%;
   height: 300px;
   overflow: hidden;}
#accordion:hover div {
   width: 20px; }
#accordion:hover div:hover {
   width: 440px;
   overflow: auto; }

#spring {
   background-color: #CCFF99; }
#summer {
   background-color:#FF6633; }
#autumn {
   background-color: #FFCC00; }
#winter {
   background-color:#99FFFF; }
h1 {
   font-size: 150%;
   margin: 10px 10px .2em 25px; }
p {
   margin: 1em 25px; }
</style>
</head>
<body>
   <div id="accordion">
      <div id="spring">
         <h1>Spring</h1>
         <p>Spring ......</p>
      </div>
      <div id="summer">
         <h1>Summer</h1>
         <p>The seasons are considered ....</p>
         <p>Today, the meteorological reckoning of the seasons is used in Australia, Denmark, the former USSR and by many people in the United Kingdom, but the astronomical definition is still more frequently used in the United States.</p>
      </div>
      <div id="autumn">
         <h1>Autumn</h1>
         <p>Autumn .....</p>
      </div>
      <div id="winter">
         <h1>Winter</h1>
         <p>Winter is .....</p>
      </div>
      <div style="float: none; clear: both; height: 0;"> </div>
   </div>

</body>
</html>

________________

El efecto se obtuvo aplicando modelo de la siguiente página:

ENLACE a: http://www.cssnewbie.com/

________________

Otros enlaces de consulta para aprender a trabajar acordeones son:

ENLACE a: https://jqueryui.com/

ENLACE a: http://www.ite.educacion.es

ENLACE a: http://recursoswebyseo.com/

jueves, 24 de diciembre de 2015

Tabla de contenido (Sitemap) con pestañas

Para crear una Tabla de contenido (Sitemap) con pestañas, acá el link: ENLACE a. www.ciudadblogger.com

miércoles, 23 de diciembre de 2015

Añadir información cuando alguien hace copy & paste

Para aplicar este truco, ir a su fuente original, click en: www.ciudadblogger.com

domingo, 20 de diciembre de 2015

Recuadros con sombras

Recuadro 1

Es posible encerrar textos en elegantes recuadros con CSS. Acá con sombreado al lado derecho.

Recuadro 2

Es posible encerrar textos en elegantes recuadros con CSS. Acá con sombreado al lado izquierdo

Titulo sombreado con CSS

Titulo sombreado

Tablas descriptivas

Ejemplo de Tabla 1
Aves America	Aves Europa
Paises America	paises Europa

El código es:

Borde de una imagen modificado con style generado con CSS

Imagen original:

Imagen transformada No. 1:

Textos con CSS. modelos (2)

Modelo Nro. 1

Textos con CSS. Modelos (1)

Modelo

No.1

viernes, 18 de diciembre de 2015

JUSTIFICADO DE TEXTOS CON CSS

Es posible aplicar la técnica de JUSTIFICADO DE TEXTOS cuando se emplea el CSS. En el enlace anexo se redirecciona a la página con el código respectivo.

martes, 15 de diciembre de 2015

Innhabilitar boton derecho

Método 2. acá aparece un mensaje que sanciana con 10 clicks al reincidente

otro método y aca el linK ... http://es.ccm.net/forum/affich-8915-codigos-de-html-basicos

domingo, 13 de diciembre de 2015

Bloquear post en blogger

ENLACE a: http://bloguermast.blogspot.com El código es el siguiente:

Hacer un cuadro de texto

ENLACE http://elreydeladiversion.jimdo.com

sábado, 12 de diciembre de 2015

Bloquear imagen

Método 1. Ejemplo:

TABLA CON IMAGEN PARA DECORAR POST

Con este código, es posible decorar un post "encerrándolo" dentro de una imagen de tu preferencia.

Sin Imagen.

ACÁ TU TEXTO

Con Imagen: Colocar la URL

ACÁ TU TEXTO!

martes, 1 de diciembre de 2015

Textos en html

Algunas utilidades al m omento de redactar textos para blogs se aplican de seguido. 1. Sombreado de texto. 1.1.El codigo es:

1.2.Ejemplo. Ejemplo. Sombreado de texto.

jueves, 26 de noviembre de 2015

Efecto acordeón

ENLACE .. http://sime-facebook.blogspot.com

domingo, 22 de noviembre de 2015

Edicion rapida

ENLACE http://www.oloblogger.com

Listas

Listas: 1. Listas Ordenadas:

Código para crear una lista de items. " <ul> <li>Lista1</li> <li>Lista2</li> </ul> "

miércoles, 30 de septiembre de 2015

Estructura básica de un documento HTML

enlace .... Estructura básica de un documento HTML
enlace .... Formatear texto
enlace ....Que es HTML
enlace .... Consultas HTML
enlace .... Consultas HTML enlace .... Consultas HTML

domingo, 6 de septiembre de 2015

Consejos HTML

enlace.... Consejos HTML

sábado, 4 de julio de 2015

LISTAS

ENLACES.

enlace 1

Recuadros con HTML

Enlaces:

enlace 1

enlace 2 enlace 3

domingo, 11 de enero de 2015

algunos atributos

Algunos atributos. Las letras se encasillan entre etiquetas de apertura y cierre:
b Poner texto en negrita strong
i Poner texto en cursiva em
u Poner texto subrayado
small Poner texto más pequeño

big Poner texto más grande

http://losvideosdivertidisimos.blogspot.com/2015/01/beyonce-nos-brinda-en-este-video-algo.html

_______ ____

Etiquetas

miércoles, 30 de diciembre de 2015

Enlaces de páginas expertas

lunes, 28 de diciembre de 2015

domingo, 27 de diciembre de 2015

sábado, 26 de diciembre de 2015

Montañas

Rios

cuevas

Cataratas

jueves, 24 de diciembre de 2015

miércoles, 23 de diciembre de 2015

domingo, 20 de diciembre de 2015

Recuadro 1

Recuadro 2

Titulo sombreado

Titulo sombreado

Titulo sombreado

Modelo

viernes, 18 de diciembre de 2015

martes, 15 de diciembre de 2015

domingo, 13 de diciembre de 2015

sábado, 12 de diciembre de 2015

martes, 1 de diciembre de 2015

jueves, 26 de noviembre de 2015

domingo, 22 de noviembre de 2015

sábado, 21 de noviembre de 2015

miércoles, 30 de septiembre de 2015

domingo, 6 de septiembre de 2015

sábado, 4 de julio de 2015

domingo, 11 de enero de 2015