elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.


 


Tema destacado:


  Mostrar Mensajes
Páginas: 1 2 3 4 5 6 [7] 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 ... 53
61  Programación / Desarrollo Web / [Resuelto] alguien me explica sobre los sliders? en: 8 Abril 2020, 04:09
hola no entiendo esto, supongo es como un timer pero no lo entiendo la verdad  :huh:

Código
  1. @keyframes sli {
  2.    0% {
  3.        left: 0;
  4.    }
  5.  
  6.    10% {
  7.        left: 0%;
  8.    }
  9.  
  10.    12% {
  11.        left: -100%;
  12.    }
  13.  
  14.    22% {
  15.        left: -100%;
  16.    }
  17.  
  18.    24% {
  19.        left: -200%;
  20.    }
  21.  
  22.    34% {
  23.        left: -200%;
  24.    }
  25.  
  26.    36% {
  27.        left: -300%;
  28.    }
  29.  
  30.    46% {
  31.        left: -300%;
  32.    }
  33.  
  34.    46% {
  35.        left: -300%;
  36.    }
  37.  
  38.    48% {
  39.        left: -400%;
  40.    }
  41.  
  42.    58% {
  43.        left: -400%;
  44.    }
  45.  
  46.    60% {
  47.        left: -300%;
  48.    }
  49.  
  50.    70% {
  51.        left: -300%;
  52.    }
  53.  
  54.    72% {
  55.        left: -200%;
  56.    }
  57.  
  58.    82% {
  59.        left: -200%;
  60.    }
  61.  
  62.    84% {
  63.        left: -100%;
  64.    }
  65.  
  66.    94% {
  67.        left: -100%;
  68.    }
  69.  
  70.    96% {
  71.        left: 0%;
  72.    }
62  Programación / Desarrollo Web / Re: ayuda con menus desplegables en html y css en: 4 Abril 2020, 17:01
tenias razon, muchas gracias  ::)
63  Programación / Desarrollo Web / efecto al bajar scroll de una pagina en: 4 Abril 2020, 17:00
hola, como hago este efecto que al bajar con el scroll el hedear siga visible  :huh:

http://www.titaves.com.ar/quienes-somos/
64  Programación / Bases de Datos / base de datos gratis para mi pagina web en: 4 Abril 2020, 07:38
Hola, queria saber si puedo tener una base de datos "gratis" en mi pagina web la cual va a estar en https://beginnerweb.github.io/, es solo para hacer pruebas y tener los registros de movimientos que se vaya a desarrollar en la empresa como ser administración de ventas, control de stock es decir hacer el seguiiento correspondiente en caso de incumplir con las normas del servicio q la empresa ofrece, tipo mercadolibre pero a menor escala.

Es para una materia del cole.  :huh:
65  Programación / Desarrollo Web / Re: ayuda con menus desplegables en html y css en: 3 Abril 2020, 03:16
Hola,

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

Código
  1. <label for="fecha-nacimiento">Fecha de Nacimiento: </label>
  2. <input type="date" id="fecha-nacimiento" name="fecha-nacimiento">

Puedes usar los attributos min y max para los rangos.

Saludos

que bien, pero quiero hacer esto en html y css sin usar codigo de programacion php o js



Gracias  ;D
66  Programación / Desarrollo Web / ayuda con menus desplegables en html y css en: 3 Abril 2020, 00:43
como podria solucionar este problema? no quiero poner todos los numeros de las fechas con las etiquetas option 1 2 3 ... 31 o meses 1 ... 12, quisiera poder hacerlo con un rango especificado pero no tengo la menor idea, ademas me gustaria que solo se use html y css.

Código
  1. <div>
  2.                        <label for="fecha-nacimiento">Fecha de Nacimiento: </label>
  3.                        <select name="dia">
  4.                            <option value="0">Dia</option>
  5.                            <option value="1">1</option>
  6.                            <option value="2">2</option>
  7.                        </select>
  8.  
  9.                        <select name="mes">
  10.                            <option value="0">Mes</option>
  11.                            <option value="1">1</option>
  12.                            <option value="2">2</option>
  13.                        </select>
  14.  
  15.                        <select name="año">
  16.                            <option value="0">Año</option>
  17.                            <option value="1">1900</option>
  18.                            <option value="2">1901</option>
  19.                        </select>
  20.  
  21.                    </div>


 :huh:
67  Programación / Desarrollo Web / Re: donde subir mi trabajo en html5, css3 y js? en: 1 Abril 2020, 06:35

#!drvy

Me resirvió eres un genioooooo!! te amo!  >:D
68  Programación / Desarrollo Web / Re: no puedo alinear aside en: 1 Abril 2020, 04:09
Dios mio!! GRACIAS!!
NO entiendo bien lo de seccionar la pagina me pierdo, esto no es como wix, me ayudarias con algun video que te haya servido a ti gracias.  ;-)
69  Programación / Desarrollo Web / [Resuelto] no puedo alinear aside en: 31 Marzo 2020, 10:17
Hola como veran no puedo alinear el asida de mi pagina.

lo quiero aquí.



https://i.ibb.co/1bmy1yr/2013-05-25-copia.jpg   :huh:


Código
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4.    <meta charset="UTF-8">
  5.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.    <title>Pati</title>
  7.    <link href="https://fonts.googleapis.com/css2?family=Baloo+Thambi+2:wght@700&display=swap" rel="stylesheet">
  8.    <link rel="stylesheet" href="css/index.css">
  9. </head>
  10.  
  11.    <header class="cabecera text-aling">
  12.        <div class="caja izquierda">
  13.            <a href="index.html" class="ancla logo">PATI</a>
  14.            <p>Siempre pensando en la gente.</p>
  15.        </div>
  16.        <div class="caja derecha">
  17.            <p class="contratar">Contratar: 0388-123456</p>
  18.            <p class="emergencias">Emergencias: 0303456</p>
  19.            <a href="registro.html" class="ancla derecha">Ingresar</a>
  20.        </div>
  21.    </header>
  22.  
  23.    <nav>
  24.  
  25.        <a class="nav-enlace" href="#">Inicio</a>
  26.        <a class="nav-enlace" href="#">Programación</a>
  27.        <a class="nav-enlace" href="#">Noticias</a>
  28.        <a class="nav-enlace" href="#">Cocina</a>
  29.        <a class="nav-enlace" href="#">Animes</a>
  30.        <a class="nav-enlace" href="#">Contacto</a>
  31.  
  32.    </nav>
  33.  
  34.    <main>
  35.        <section class="flex">
  36.            <div class="izquierda">
  37.                <p class="titulo">¿Quienes somos?</p>
  38.                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi dolores odio odit? Quidem
  39.                    asperiores,
  40.                    iure enim reprehenderit libero ducimus voluptatibus pariatur veniam modi veritatis! Magni vel
  41.                    sapiente
  42.                    reiciendis nihil enim.</p>
  43.                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi dolores odio odit? Quidem
  44.                    asperiores,
  45.                    iure enim reprehenderit libero ducimus voluptatibus pariatur veniam modi veritatis! Magni vel
  46.                    sapiente
  47.                    reiciendis nihil enim.</p>
  48.                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi dolores odio odit? Quidem
  49.                    asperiores,
  50.                    iure enim reprehenderit libero ducimus voluptatibus pariatur veniam modi veritatis! Magni vel
  51.                    sapiente
  52.                    reiciendis nihil enim.</p>
  53.                <p> ...</p>
  54.            </div>
  55.        </section>
  56.  
  57.        <section class="flex text-align">
  58.  
  59.            <div class="columna">
  60.                <h1>Plan Joven</h1>
  61.                <p class="precio">$600</p>
  62.                <p>Lorem ipsum dolor, sit amet consectetur.</p>
  63.                <hr>
  64.                <p>Lorem ipsum dolor </p>
  65.                <p>Lorem ipsum dolor</p>
  66.                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p>
  67.                <hr>
  68.                <a href="#" class="btn-comprar">Comprar</a>
  69.            </div>
  70.  
  71.            <div class="columna">
  72.                <h1>Plan Adulto</h1>
  73.                <p class="precio">$900</p>
  74.                <p>Lorem ipsum dolor, sit amet consectetur.</p>
  75.                <hr>
  76.                <p>Lorem ipsum dolor </p>
  77.                <p>Lorem ipsum dolor</p>
  78.                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p>
  79.                <hr>
  80.                <a href="#" class="btn-comprar">Comprar</a>
  81.            </div>
  82.  
  83.            <div class="columna">
  84.                <h1>Plan Leyenda</h1>
  85.                <p class="precio">$1200</p>
  86.                <p>Lorem ipsum dolor, sit amet consectetur.</p>
  87.                <hr>
  88.                <p>Lorem ipsum dolor </p>
  89.                <p>Lorem ipsum dolor</p>
  90.                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p>
  91.                <hr>
  92.                <a href="#" class="btn-comprar">Comprar</a>
  93.            </div>
  94.  
  95.        </section>
  96.    </main>
  97.  
  98.    <aside class="side">
  99.  
  100.        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Tempore alias qui distinctio vero
  101.            repudiandae aliquam mollitia obcaecati cum, quis voluptatibus deleniti quia inventore, eius totam unde! Ad
  102.            corrupti voluptatem maiores!</p>
  103.  
  104.    </aside>
  105.  
  106.    <footer>
  107.        <ul>
  108.            <li><a href="aviso-legal.html">Aviso legal</a></li>
  109.            <li><a href="privacidad.html">Privacidad</a></li>
  110.            <li><a href="contactar.html">Contactar</a></li>
  111.        </ul>
  112.    </footer>
  113.  
  114. </body>
  115.  
  116. </html>

Creo que estoy maquetando mal

Código
  1. p {
  2.    margin: 0px auto;
  3. }
  4.  
  5. .ancla {
  6.    text-decoration: none;
  7. }
  8.  
  9. .logo {
  10.    font-size: 80px;
  11.    color: lightseagreen;
  12.    font-family: 'Baloo Thambi 2', cursive;
  13. }
  14.  
  15. .titulo {
  16.    font-size: 40px;
  17.    color: lightseagreen;
  18.    font-family: 'Baloo Thambi 2', cursive;
  19. }
  20.  
  21. .cabecera {
  22.    margin: 10px auto;
  23.    padding: 10px;
  24.    width: 90%;
  25.    padding-bottom: 180px;
  26. }
  27.  
  28. .side{
  29.    margin: 0 auto;
  30.    float: right;
  31.    width: 24%;
  32. }
  33.  
  34. .flex {
  35.    display: flex;
  36.    width: 70%;
  37. }
  38.  
  39. .text-align {
  40.    text-align: center;
  41. }
  42.  
  43. .caja {
  44.    margin: 10px auto;
  45.    padding: 10px;
  46.    width: 23%;
  47. }
  48.  
  49. .izquierda {
  50.    float: left;
  51. }
  52.  
  53. .derecha {
  54.    float: right;
  55. }
  56.  
  57. .contratar {
  58.    background: rgb(85, 85, 247);
  59.    border-radius: 8px;
  60.    color: white;
  61.    text-align: center;
  62.    font-size: 26px;
  63.    margin: 10px auto;
  64. }
  65.  
  66. .emergencias {
  67.    background: salmon;
  68.    border-radius: 8px;
  69.    color: white;
  70.    text-align: center;
  71.    font-size: 26px;
  72.    margin: 10px auto;
  73. }
  74.  
  75. .columna {
  76.    background: rgb(238, 238, 238);
  77.    color: #333;
  78.    border: 1px solid #333;
  79.    margin: 10px auto;
  80.    padding: 10px;
  81.    border-radius: 5px;
  82.    box-shadow: 5px 5px;
  83.    width: 23%;
  84.    box-sizing: border-box;
  85.    display: inline-block;
  86. }
  87.  
  88. .precio {
  89.    font-size: 50px;
  90.    color: lightseagreen;
  91. }
  92.  
  93. .btn-comprar {
  94.    background: salmon;
  95.    display: block;
  96.    padding: 10px;
  97.    color: seashell;
  98.    text-decoration: none;
  99.    border-radius: 4px;
  100. }
  101.  
  102. .btn-comprar:hover{
  103.    background: rgb(97, 97, 248);
  104.  
  105. }
  106.  
  107. nav {
  108.    padding: 10px;
  109.    display: flex;
  110.    justify-content: space-around;
  111. }
  112.  
  113. .nav-enlace {
  114.    color: whitesmoke;
  115.    background-color: rgb(80, 80, 241);
  116.    padding: 10px 40px;
  117.    display: inline-block;
  118.    text-decoration: none;
  119.    font-size: 20px;
  120.    border-radius: 6px;
  121. }
  122.  
  123. .nav-enlace:hover{
  124.    color: whitesmoke;
  125.    background-color: rgb(240, 143, 159);
  126.    padding: 10px 40px;
  127.    display: inline-block;
  128.    text-decoration: none;
  129.    font-size: 20px;
  130.    border-radius: 6px;
  131. }
  132.  
  133. @media (max-width: 900px) {
  134.    .columna {
  135.        width: 46%;
  136.    }
  137. }
  138.  
  139. @media (max-width: 600px) {
  140.    .columna {
  141.        width: 92%;
  142.    }
  143. }

 :huh:
70  Programación / Desarrollo Web / [Resuelto] donde subir mi trabajo en html5, css3 y js? en: 31 Marzo 2020, 06:17
En donde puedo subir mi pagina web para que otros lo vean? Heroku? Y como lo hago? Estoy trabajando con el Visual Studio Code  :huh:
Páginas: 1 2 3 4 5 6 [7] 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 ... 53
Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines