Mostrar Mensajes

Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.


Mensajes - tata

Páginas: [1] 2 3
1
Hola a todos/as:Estoy de aprendiz en javascript, y quiero esconder digamos el menu mientras esté visualizando en un móvil, y tengo este código:

Código: [Seleccionar]
var btnMenu = document.getElementById('btn-menu');
var nav = document.getElementById('nav');
btnMenu.addEventListener('click', function(){
  nav.classList.toggle('mostrar');
});

Y este es el codigo de enlace de mi index.html

Código: [Seleccionar]
<body>
<header div class="header">
<div class="contenedor">
<h1 class="logo">Texas Get Home</h1>
<span class="icon-menu" id="btn-menu"></span>
<nav class="nav" id="nav">
<ul class="menu">
<li class="menu__item"><a class="menu__link" href="">Inicio</a></li>
<li class="menu__item"><a class="menu__link"href="">Procesos</a></li>
<li class="menu__item"><a class="menu__link"href="">Servicios</a></li>
<li class="menu__item"><a class="menu__link"href="">Contacto</a></li>
</ul>
</nav>
</div>
</header>
<script type="text/javascript" src="js/menu.js"></script>
</body>


</html>

Y este seria el de mi css
Código: [Seleccionar]
nav{
left: -100%;
position: absolute;
top:60px;
width: 100%;
}
.menu{
list-style: none;
margin: 0;
padding: 10px;
}

.menu__link{
color: #fff;
background: #FBA919;
display: block;
padding: 15px;
text-decoration: none;

}
.menu__link:hover{
background: white;
color: coral;
}
.mostrar{
left: 0;
}

Gracias de antemano por su ayuda

2
Hola a todos/as:
No entiendo porque no me sale,tengo un index.html
Código: [Seleccionar]
[code][b][color=red]<!DOCTYPE html>
<html lang="en">
<html>

<head>

   <title>ENSAYOS DE JQUERY</title>
          <meta charset="utf-"8"/>
  <meta name="description"content="hypnosis -cura de enfermedades en Dallas Texas"/>
  <meta name="viewport"content="width=device-width,initial-scale=1"/>
    <link rel="stylesheet" href="stylesjq.css"/>
 
<link href='http://fonts.googleapis.com/css?family=Chewy' rel='stylesheet' type='text/css'>
</head>
   
<body>
     <div id="micapa">Hola Mundo!!!</div>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>





<script src="ensayo.js"></script>
</body>
</h[/color][/b]
[/code]

y abri una hoja de ensayos.js para no hacerlo en la misma hoja de index y puse este codigo
Código: [Seleccionar]
[color=blue][b]$(document).ready(function(){


$("#micapa").on("click",funcionManejadora);
 function funcionManejadora(){
//$("#micapa").css("clor","blue");
  $("#micapa").css({
  "color": "blue","font-size":"2em"
  )};[/b][/color]

Gracias de antemano

3
Hola a todos/as: No se cual sera mi error,pero cada vez que escribo mi e-mail me dice que es invalid..aqui les dejo el codigo, esto es solo una prueba gracias
JAVASCRIPT
Código: [Seleccionar]
var expRegEmail=/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3,4})+$/;
Código: [Seleccionar]
  else if (!expRegEmail.exec(email.value)) {
      alert("email field is invalid");
      email.focus();
      verificar=false;
     }

Yose que le puse esto pero asi escriba un e-mail correcto no me sale..este codigo coloque antes tambien
Código: [Seleccionar]
else if (!email.value) {
alert("email is requerid");
email.focus();
verificar=false;
     }

Gracias de anetemano

4
Hola a todos/as:Estoy aprendiendo hacer un slider de imagenes sin necesida de jquery ni javacript y he hecho este codigo pero no me sale y no se cual puede ser mi error , de antemano les agradezco cualquier ayuda
HTML5
Código: [Seleccionar]
<body>
           <div class="slider">
               <input type="radio" class="boton" name="boton" checked="checked">
               <label></label>
               <input type="radio" class="boton" name="boton">
               <label></label>
               <input type="radio" class="boton" name="boton">
               <label></label>
               <input type="radio" class="boton" name="boton">
               <label></label>
             <div class="contenedor-img four-images">
              <img src="C:\Users\vegaimagen\Desktop\dangelo-fotos\dangelo.jpg" height="540" width="960">
              <img src="C:\Users\vegaimagen\Desktop\dangelo-fotos\dangelo1.JPG"height="540" width="960">
              <img src="C:\Users\vegaimagen\Desktop\dangelo-fotos\dangelo2.JPG"height="540" width="960">
              <img src="C:\Users\vegaimagen\Desktop\dangelo-fotos\dangelo3.JPG"height="540" width="960">

             </div>


           </div>

CSS3

Código: [Seleccionar]
.slider{
display: block;
margin: auto;
max-height: 540px;
max-width: 960px;

position: relative;
width: 100%;
}
.boton{
bottom: 30px;
cursor: pointer;
display: block;
margin: 0;
padding: 0;
position: absolute;
opacity: 0;
z-index: 999;
}
.boton:nth-child(1){
left: 30px;
}
.boton:nth-child(3){
left: 60px;
}

.boton:nth-child(5){
left: 90px;
}
.boton:nth-child(7){
left: 120px;
}
.slider label{
background: rgba(50,50,50,.5);
border: 1px solid #777;
border-radius: 7px;
bottom: 30px;
height: 12px;
position: absolute;
width: 12px;
z-index: 100;
}
.slider label:nth-child(2){
left: 30px;
}
.slider label:nth-child(4){
left: 60px;
}
.slider label:nth-child(6){
left: 90px;
}
.slider label:nth-child(8){
left: 120px;
}
.boton:checked + label{
background: rgba(0,0,0,.6);
border-color: #eee;
}
.contenedor-img img{
display: block;
float: left;
}
.four-images{
width: 400%;


}
.four-images img{
width: 25%;
}
.contenedor-img{
left: 0;
position: relative;

-webkit-transition:left .3s ease in;
-ms-transition:left .3s ease in;
-o-transition:left .3s ease in;
-moz-transition:left .3s ease in;

}
.boton:nth-child(1) :checked-contenedor-img{
left: 0;
}
.boton:nth-child(3) :checked-contenedor-img{
left: 100%;
}
.boton:nth-child(5) :checked-contenedor-img{
left: 200%;
}
.boton:nth-child(7) :checked-contenedor-img{
left: 300%;
}

Gracias de antemano por su ayuda :)

5
Hola a todos/as: Quiero hacer para cada pagina de menu de navegacion,un color diferente,por ejemplo para Home de un color , para contacto otro color etc, yo hice esto y no me salio
Código: [Seleccionar]
<body class="3"> y en css3 le .3, este es un ejemplo, tambien le di
Código: [Seleccionar]
<div id>entre body y nada..gracias de antemano

6
Aprender a programar desde cero / Responsive design en fotos
« en: 02 de Julio 2015, 18:11 »
Hola a todos/as:Tengo una foto y quiero colocarle que sea responsive design y creo que se hace
Código: [Seleccionar]
max-width 100%, pero que medida tiene que tener la foto, o no importa..espero no estar equivocada..gracias

7
Hola a todos/as:Otra vez molestandolos...comosaben estoy aprendiendo joomla y baje xampp abri mi cuenta del administrator pero cuando voy a mi pagina a ver como esta quedando me sale el error 404, ya mi xampp esta actividado y todo..

encontre el error, pero quede en las mismas tenia desactivado inicio, pero lo tengo en articles y categoria, soy novata en esto, si lo borro de articles me sale el error asi lo tenga en categorias...Gracias por cualquier ayuda

8
Hola a todos/as:Estoy aprendiendo joomla por varios videos y estoy un poco confundida.
Primero ya baje joomla, xampp abri cuenta administratot etc e hice una web de ensayo,ahora en otro video me pide que desde filezilla suba joomla a public html, en ese video que vi no habian hecho aun la web...entonces cual serian realmente los pasos a seguir, ademas tendria que registrar primero el dominio a mi cpanel o mi compania de hosting.

Gracias de antemano

9
Hola a todos/as:Soy novata en esto y estoy tomando unas clases de wordpress..mi pregunta es necesito a fuerza mientras aprendo contratar un servicio de hosting...por ejemplo se que en joomla tengo un local host, cuando trabajo en html5 y css3 voy viendo como va quedando mi web o blog y despues de terminarlo lo subo y no trabajar todavia desde mi cpanel.Gracias por su ayuda

10
Hola a todos/as:Estoy aprendiendo joomla y tengo una duda y es la sgte:

Soy novata en esto de la web por eso pido disculpas por si mi pregunta es algo tonta.Se que para empezar hacer una web por joomla se necesita un correo electronico,logico..ya a prendi hacer los enlaces de las redes sociales etc porque estoy aprendiendo desde mi correo.Mi pregunta es si voy a trabajar para un cliente digamoslo asi como hago para lo de las redes sociales como facebook ..tengo que abrir una nueva cuenta con el cliente para que lo tire a su facebook, twitter etc.

Ejemplo como estoy aprendiendo y puse mi correo por logica me tira a mi facebook, para nuevos clientes que tendria que hacer.

Gracias de antemano por su ayuda y disculpen si mi pregunta es algo tonta

11
Tengo una duda grande, y me gustaria saber despues de hacer los formularios y validarlos,como se hace para que ese correo le llegue al cliente,tengo que hacer algo extra en el cpanel donde vaya a tener el website o hablar con la comapnia de servidor para hacer que esos e-mails le lleguen a su destinatario.He estado buscando pero no encuentro la solucion adecuada.
Muchas gracias por la ayuda

12
Hola, son unas pestanas que necesito que me salgan pero no me salen bien

En mi editor de texto lo tengo completo, lo copiare aqui completo

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="en">
<html>
<head>
   <title>DALLTEX</title>
          <meta charset="utf-"8"/>
  <meta name="description"content="air conditioning and heating services in Dallas Texas and surrounding areas"/>
  <meta name="viewport"content="width-device-width,initial-scale=1"/>
   <link rel="stylesheet" href="estilos.css"/>
</head>

   <body>
       <header
      <h1>D A L L  T E X  A I R</h1>
  <h2>AIR CONDITIONING AND HEATING SERVICES</h2>
  </br></br>

<marquee  direction="left"loop="infinite"> Welcome Dalltexair</marquee></br>
<nav>
    <ul>
   
<li><a href="index.html">Home</a></li>
<li><a href="about us.html">About us</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="specials.html">Specials</a></li>
<li><a href="contact.html">Contact</a></li>
   
            </header>
    </nav>
         </ul>
</br></br></br>
<h3>SPECIALS</h3>
<div id="specials">
    <a href="#special1" id="one">special1</a>
<a href="#special2" id="two">special2</a>
</div>


<div id="special1" class="hidetext">especials 1<br><br>
     *Senior citizen 15% discount*</br>
*ONLINE SPECIAL: 10% OFF for New Customers*</br>
*No overtime fee*</br>
</div>
<div id="special2" class="hidetext">especials 2<br><br>
     *Specials $500 off complete hvac system/installation*</br>
*24 hours services*</br>
*Open 7 days*</br>
</div>
<div id="especialsvisible"/>especials 1<br></br>
      *Senior citizen 15% discount*</br>
  *ONLINE SPECIAL: 10% OFF for New Customers*</br>
  *No overtime fee*</br>
</div>
</body>
</html>]

aqui el css3
Código: [Seleccionar]
  #specials{
      height:200px;
  margin:16px auto;
  width:300px;
}

#special1:target .#special2:target{
              background:#000000;
  border:1px,solid #000;
  color:000000;
  display:block;
  font-family:impact;
  font-size:12px;
  height:115px;
  margin-top:41px;
  padding-top:5px;
  position:absolute;
  width:350px;
  visibility:visible;
  z-index;2;
 
}
.hidetext{
  visibility:hidden;
 }

.hidetext{
       background:#8F835A;
   border:1px solid #fff;
   color:f43t69;
   display:block;
   font-size:12px;
   font-family:arial;
   margin-top:41px;
   padding-top:5px;
   position:absolute;
   width:350px;
   height:115px;
   visibility:visible;
 
   z-index:2;
}
#one,#two{
      background:linear-gradient(#fff,#e3e3e3);
  border:1px solid #000;
  border-radius:10px 10px 0 0;
  color:#4f4d4e;
  display:inline-block;
  font-family:Impact;
  font-size:12px;
  padding:5px 25px;
  position:relative;
  text-decoration:none;
  z-index:3;
}
#especialsvisible{
              background:#8F835A;
   border:1px solid #fff;
   color:f43t69;
   display:block;
   font-size:12px;
   font-family:arial;
   margin-top:41px;
   padding-top:5px;
   position:absolute;
   width:350px;
   height:115px;
   visibility:visible;
 
   z-index:1;


Gracias Javi

13
Hola a todos:

Mi pregunta es la sgte:

Se hizo una web hace ya bastante tiempo y se uso un programa que adobe en galleria que no deja ver las fotos en un celular..logicamente un programa viejo de adobe...como se puede corregir eso...se necesita cambiar logicamente la pagina completa...pero eso no alterara las fotos dque estan en el otro menu...o mejor cambiar todo el website.Gracias de antemano por sus respuestas

14
Buenos dias para todos: He leido por ahi unos articulos que un website puede instalar su enlace a directorios virtuales en forma gratuita, los que encontre son de pago.Me gustaria saber si me podian dar una mano con un enlace para dichos directorios para colocar mi website.

Gracias de antemano  que tengan buen dia

15
Hola; Por motivos personales tuve que ausentarme de este magnifico sitio y cuando regrese encontre algunos de mis temas borrados..Los temas claudican o se pueden borrar despues de algun tiempo..Gracias y les deseo excelente dia

16
Hola a todos/as:gracias de antemano por su colaboracion.

Estoy haciendo una web en contact.html, hice la hoja de contactos,pero se necesita enviar a un correo, se que tengo que usar php.Unas dudas que tengo

**Tengo que bajar el programa de xaamp para enviar y validar correos ?
**Tendrai que crear una pagina de index.php para colocar los codigos en php?
**Ya creado el correo y validado como haria el cliente para mirar su correo y hacer su     contrasena{el password lo cambiaria el de mi cpanel}?


Mil gracias pero he mirado tutoriales y quedo en las mismas ya que mi web se esta haciendo con html5 y css3

Saludos

17
Ya lo revise y nada

18
Gracias Javi..voy hacerle dentro de form..ensayando-aprendiendo..gracias

19
Hola a todos/as;No entiendo porque no me sale la galeria de imagenes.
aqui esta en html
 div id="contenedor">
               
                 
               <input id="tab-1" type="radio" class="tab-selector-1" checked="checked"/>
                 <label for="tab-1" class="tab-label-1"><img src="C:\Users\Owner\Desktop\dangelofotos\balconies.jpeg"></label>
                <input id="tab-2" type="radio" class="tab-selector-2"/>
                  <label for="tab-2" class="tab-label-2"><img src="C:\Users\Owner\Desktop\dangelofotos\otrobalcon.png"></label>
                <input id="tab-3" type="radio" class="tab-selector-3"/>
                   <label for="tab-3" class="tab-label-3" style="margin-right:0;"><img src="C:\Users\Owner\Desktop\dangelofotos\balcones2.png"></label>
               <div class="content">
               <div class="content-1">
               <img src="C:\Users\Owner\Desktop\dangelofotos\balconies.jpeg">
               </div>
               <div class="content-2">
               <img src="C:\Users\Owner\Desktop\dangelofotos\otrobalcon.png">
               </div>
               <div class="content-3">
               <img src="C:\Users\Owner\Desktop\dangelofotos\balcones2.png">
               </div>
               </div>
               </div>


y este es el css
   


}
#contenedor{
  background:#eee;
  border-right:2px solid #ddd;
  border-left:2px solid #ddd;
  height:100%;
  margin:0 auto;
  padding:5px 15px;
  width:72%;
 }
 #contenedor input{
  visibility:hidden;
  display:none;
 }
 label img{
   width:100%;
   height:100%;
 }
 #contenedor label{
   border:6px solid #f0f0f0;
   box-shadow:0 0 0 1px #ccc;
   cursor:pointer;
   display:inline-block;
   font-size:15px;
   height:13%;
   line-height:40px;
   margin-right:4px;
   max-height:100px;
   opacity:0.7%;
   padding:0;
   width:18.15%;
  }

 #contenedor input:checked + label{
   position:relative;
   opacity:1;
   border:6px solid #ddd;
      transition:.2s;
     -webkit-transition:.2s;
     -moz-transition:.2s;
     -o-transition:.2s;
     transform:scale(0.95);
     -webkit-transform:scale(0.95);
     -moz-transform:scale (0.95);
     -o-transform:scale(0.95);
}
.content{
   position:relative;
   height:100%;
   padding:0;
   width:100%;
   z-index:3;
 }
.content div{
    position:absolute;
   z-index:-100;
   opacity:0;
}

#contenedor input.tab-selector-1:checked    .content  .content-1,
#contenedor input.tab-selector-2:checked      .content    .content-2,
#contenedor input.tab-selector-3:checked    .content   .content-3 {

z-index:100;
opacity:1;
      -webkit-transition: all ease-out 0.2s 0.1s;
     -moz-transition:  all ease-out 0.2s o.1s;
     o-transition: all ease-out 0.2s 0.1s;
}
.content div img {
 border:6px solid #f0f0f0;
 box-shadow:0 0 0 1px #ccc;
 height:90%;
 margin-top:5px;
 width:97.30%;
}

 

20
hola a todos/as: Despues de que uno sube la web de un cliente como se hace para que el cliente tenga acceso a su web, me tocaria darle mi codigo cpanel o algo asi.Gracias de antemano por su ayudas

Páginas: [1] 2 3

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".