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.