Para Compartir

martes, 28 de julio de 2020

Numeros Complejos

https://calculadorasonline.com/ley-de-senos-y-cosenos-online/

https://es.symbolab.com/solver/complex-number-calculator/3-2i

https://calculadorasonline.com/calculadora-de-numeros-complejos-numeros-imaginarios/#resultado

https://www.solumaths.com/es/calculadora/calcular/computadora

https://www.calculadoraconversor.com/calcular-el-modulo-numeros-complejos/

Multifuncional

grafica, punto de recta, ecuaciones de sengudo grado, todo paso a paso
https://es.symbolab.com/solver/polynomial-calculator/-5x%5E%7B2%7D%2B24x%2B1.3%20%3D%2028.3

mini calculadora

fctorizar, simplicar
ecuacion de segundo grado
http://www.minimath.net/index_es.htm

muchas calculadoras online

http://es.onlinemschool.com/math/assistance/

calculadora usando leyes de seno

https://calculadorasonline.com/ley-de-senos-y-cosenos-online/

domingo, 17 de mayo de 2020

Practicar FlexBox

https://flexboxfroggy.com/#es

https://cssgridgarden.com/#es

Como hacer visible/invisible uan caja de texto

<!DOCTYPE html>

<html>

<head>

    <title>Ejercicio css  display:none</title>

    <meta charset="utf-8"/>

    <meta name="author" content="Victor Hernandez"/>

    <script src="https://code.jquery.com/jquery-3.5.0.js"></script>

    <style>

        /*Instrucciones CSS*/

        *{

            margin:0;

            padding:0;

            box-sizing:border-box;

        }

        .derecha{

            width:600px;

            padding:20px;

            border:1px solid #000;

            margin:20px 50px;

            display:inline-block;

            /*float:left;*/

        }

        .derecha{

            background-color:#ccc;

        }

     .caja-1{

            width:150px;

            height:60px;

            border:1px solid #000;

            margin:10px;

            background-color:#395fdd;

            float:left;

            display:block;

            color:#fff;

            font-weight:bold;

            font-size:18px;

        }

        .caja-3{

            width:150px;

            height:160px;

            border:1px solid #000;

            margin:10px;

            background-color:#439104;

            float:left;

            display:flexbox;

            color:#fff;

            font-weight:bold;

            font-size:18px;

          /*  display:none;*/

        }

        .derecha .caja-3{display:none;}

    </style>

    <script>

    $(document).ready(function(){

        $("#mostrar").on( "click", function() {

            $('.caja-3').css('visibility', 'visible');

            if( $('.caja-3').is(":visible") ) {

                $('.caja-3').css('display', 'none'); 

            } else {

                $('.caja-3').css('display', 'block');

            }

        });

         // Comprobar cuando cambia un checkbox

    $('input[type=checkbox]').on('change', function() {

        if ($(this).is(':checked') ) {

           // alert("Checkbox " + $(this).prop("id") +  " (" + $(this).val() + ") => Seleccionado");

            $('.caja-3').css('display', 'block');

        } else {

           // alert("Checkbox " + $(this).prop("id") +  " (" + $(this).val() + ") => Deseleccionado");

           $('.caja-3').css('display', 'none'); 

        }

    });

/* tambien es valido haerlo asi */

$( '#xFecha1' ).on( 'click', function() {

    if( $(this).is(':checked') ){

        // Hacer algo si el checkbox ha sido seleccionado

        alert("El checkbox con valor " + $(this).val() + " ha sido seleccionado");

    } else {

        // Hacer algo si el checkbox ha sido deseleccionado

        alert("El checkbox con valor " + $(this).val() + " ha sido deseleccionado");

    }

    });

    </script>

</head>

<body>

    <div class="derecha">

        <!-- div.caja-$*6 -->

        <div class="caja-1">1</div>

        <div class="caja-2"> <input type="checkbox" id="xFecha1" name="xFecha1" value="1">

            <label for="Fecha1">Fecha</label><br>

        </div>

        <div class="caja-3">
</div>

    </div>

    <br>

</body>

</html>

viernes, 1 de mayo de 2020

Crear un menu solo con CSS




<ul>

<li class="active"><a href="#inicio">Inicio</a></li>

<li><a  href="#inicio">Blog</a></li>

<li><a href="#inicio">Acerca de</a></li>
  </ul>

<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus est eligendi ullam qui, fugit quis assumenda dicta cupiditate a aperiam adipisci eveniet? Eum illo consequatur reiciendis in quae facere alias?
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus est eligendi ullam qui, fugit quis assumenda dicta cupiditate a aperiam adipisci eveniet? Eum illo consequatur reiciendis in quae facere alias?
</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus est eligendi ullam qui, fugit quis assumenda dicta cupiditate a aperiam adipisci eveniet? Eum illo consequatur reiciendis in quae facere alias?
</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus est eligendi ullam qui, fugit quis assumenda dicta cupiditate a aperiam adipisci eveniet? Eum illo consequatur reiciendis in quae facere alias?
</p>
</div>

body{
background-color: #eee;

}

ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #333;
}
li {
float: left;
}
li a{
display: block;
color: white;
text-align: center;
padding: 14px;
text-decoration: none;
}
li:hover {
background-color: rgba(0,0,0,0.3);
}
.active {
background-color: green;
}
.content{
margin-top: 55px;
}

Atributos CSS

body{
background-color: antiquewhite;

}
/* el padre y luego el hijo */
ul  {
    background-color: #fff;
    border: solid 1px #ddd;
    border-radius: 4px;
    padding-left: 0px;
    list-style-type: none;
}
li{
    padding: 15px;
    border-bottom: solid 1px #ddd;
}

table{
    width: 100%;
    background-color: white;
    border-collapse: collapse;
}
/* tambien puede ser odd */
tr:nth-child(even) {
    background-color: #f2f2f2;

}
td{
    border: solid 1px #ddd;
    padding: 8px;
}
/* el padre y luego el hijo */
table th {
    background-color: #4caf50;
    color: white;
    text-align: left;
    padding-top: 12px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 12px;

}

a{
    color: hotpink;
    background-color: #f00;
    border: solid 1px #d00;
    padding: 10px;
   margin: 15px;
   border-radius: 4px;

}
 a:link{
     color: red;
    text-decoration none;
 }
 a:visited{

    color:white;
   
 }

 a:active{
    color: black;
   

 }
 a:hover{
    color: white;
 
    background-color: #f55;

 }
 
p {
    font-family:'Times New Roman', Times, serif;
    font-weight: ;
    font-style: italic;
    font-size: 1.5em;

    color : blue;
    text-align: left;
    text-indent: 40px;
    line-height: 1.7;
    word-spacing: 10px;
    text-shadow: 1px 2px 2px rgba(255,0,0,0.3);


}

.caja{
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    border-radius: 2px;
    border-top:  solid 0px;
 
}
.contenido{
    padding: 10px;

}
.header{
    padding: 10px;
    border-bottom: solid 1px #eee;
}

.footer{
padding: 10px;
border-top: solid 1px #eee;
}
.primario{
    background-color: #0092ff;
    padding: 5px;
    color: #fff;
    border: 0px;

}
.secundario{
    background-color: #aaa;
    padding: 5px;
    border: 0px;
    color: #fff;
   
}

<html >

    <head> 

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title> hola</title></head>

    <link href="main.css" rel="stylesheet" type="text/css">

<body>

    <p>Juan ya tiene la web de su negocio desarrollada. Ahora está valorando los costes que le supondría contratar un servidor de alojamiento, aunque también está investigando la posibilidad de hosting gratuito.    ¿Qué va a detectar Juan con su investigación? </p>

<h1>Bloque h1</h1>

<div>Bloque div</div>

<form>Form</form>

<header>Header</header>

<footer>Footer</footer>

<section>Section</section>

<p> hola soy un bloque ! </p>

<span>Hola soy inline !!</span>

<a>Hola soy inline !!</a>

<div id=invisible>Hola soy inline !!</div>

 <a href="https://www.google.com" >Google!</a>

<ul> <li>Elemento 1</li> <li>Elemento 2</li> <li>Elemento 3</li> <li>Elemento 4</li> </ul> <table> <tbody> <tr> <th>Empresa</th> <th>Contacto</th> <th>Pais</th> </tr> <tr> <td>Coca</td> <td>Victor</td> <td>Venezuela</td> </tr> <tr> <td>Cola</td> <td>Manuel</td> <td>Chile</td> </tr> </tbody></table> <div class="caja"> <div class="header">Soy cabecera</div> <div class="contenido">soy un Contenido dentro de la caja</div> <div class="footer"> <button class="primario" >Aceptar</button> <button class="secundario">Cancelar</button> </div> </div> </div>

Para Compartir

martes, 28 de julio de 2020

Numeros Complejos

Multifuncional

mini calculadora

muchas calculadoras online

calculadora usando leyes de seno

domingo, 17 de mayo de 2020

Practicar FlexBox

Como hacer visible/invisible uan caja de texto

miércoles, 6 de mayo de 2020

Graficadora online

Calculadora de numeros enteros

viernes, 1 de mayo de 2020

Crear un menu solo con CSS

Atributos CSS

Numeros Complejos

Seguidores

Denunciar abuso