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 - denx

Páginas: [1]
1
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Como insertar Archivo Pdf con Html o Css o Javascript?
« en: 04 de Diciembre 2016, 03:34 »
Buenas colegas, necesito saber como puedo insertar un archivo pdf para que se muestre en mi pagina, estoy haciendo una vista en html con css, y necesito Que al darle click desde mi ventana Modal, me lleve a una pagina nueva y me muestre en 100 x 100 un pdf X que yo coloque desde una ubicacion en mi equipo...

dejare un tramo del codigo, ya que creo que no lo estoy haciendo debidamente...

Código: [Seleccionar]
<div class="modal-footer">
           <center><a type="button" class="btn btn-primary btn-block" href="rafaelbiografia.html">Biografia</a></center>
           <a href="rafael.pdf">Haz clic aquí para el PDF</a>
          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        </div>
espero puedan ayudarme...  actumante me muestra un error que dice " El archivo puede que se halla borrado o no exista"

2
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Problema con condigo Css y Html
« en: 28 de Noviembre 2016, 13:10 »
 :D Gracias amigo mio, realmente me es util tu ayuda, una cosilla mas, haber si me das luz, estaba haciendo una practica ahorita, el examen es en 2 horas,  y no puedo resolver este torpe detalle, de mi aula no ha llegado nadie (si so el unico invecil interesado en no reprobar T-T) crees poder decirme como solucionar este error?

La vista que he creado, es lo que pillas, asi tal cual, el problema es que cuando agrego mas pestañas, no se colocan como debe ser, es decir, Tengo las primeras 4 fichas alli de frente, quiero colocar mas, justo debajo de ellas, Pero al colocar las otras, se van Muuuuuuuuy abajo, y no tengo ni idea por que ocurre esto? como lo resuelvo amigo? y disculpa tanto problema... esto es lo ultimo que te molestare jaja

mira el código :)

Código:

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Las 3 etiquetas anteriores solo deben de ir en el Head -->
<title>Personajes Ilustres del Zulia</title>

<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">


<style>

.col-xs-3 {
background-color: #fff;
border: 10px solid #ddd;
border-bottom-right-radius:2em;
border-bottom-left-radius: 2em;
height:36em;
margin-bottom:60em;
position: relative;

}

span {

  border-radius:5px;
}

</style>
</head>
<body>

<!-- ...................Inicio del Panel Thumbnail................... -->

<!-- 1  -->

<div class="col-xs-3">
   <div class="thumbnail">
      <img src="images/humberto.jpg" class="img-circle img-responsive center-block" alt="Dr. Humberto Fernandez Moran">
      <div class="caption">
           <center><h3>Dr. Humberto Fernández-Morán</h3></center>
              <center> <p>Médico y reconocido científico venezolano y Maracaibero, en el campo de las ciencias físicas y biológicas que recibió en 1967 el premio Vovain por su invento, el bisturí de punta de diamante</p> </center>
          <p>
            <center><button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#humberto">Mas Informacion</button></center>
          </p>
   </div>
 </div>
 </div>

<!-- 2  -->
 <div class="col-xs-3">
   <div class="thumbnail">
      <img src="images/miguel.jpg" class="img-circle img-responsive center-block" width="200" alt="Miguel Ángel Jusayú">
      <div class="caption">
      <br>
         <center><h3>Miguel Ángel Jusayú</h3></center>
              <center> <p>Miguel Ángel fue un escritor y profesor venezolano, docente de la cátedra Lenguas Indígenas de la Escuela de Letras de la Universidad del Zulia y de origen wayúu.</p></center>
              </div>
          <p>
            <center><button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#miguel">Mas Informacion</button></center>
          </p>
      </div>
   </div>
 </div>

<!-- 3  -->

 <div class="col-xs-3">
   <div class="thumbnail">
      <img src="images/mario.jpg" class="img-circle img-responsive center-block" alt="Mario Enrique Quintero Suárez">
      <div class="caption">
          <center><h3>Mario Enrique Quintero Suárez </h3></center>
              <center> <p> Mario Suárez, es uno de los valores de la música zuliana que más versátilmente se ha destacado. A sus casi ochenta años de vida, contados desde el 19 de enero de 1926 <br> </p></center>
          <p>
            <center><button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#mario">Mas Informacion</button></center>
          </p>
      </div>
   </div>
 </div>


<!-- 4  -->

<div class="col-xs-3">
   <div class="thumbnail">
      <img src="images/rafael.jpg" class="img-circle img-responsive center-block" width="220" alt="Rafael Rincón González">
      <div class="caption">
         <center><h3>Rafael Rincón González </h3></center>

              <center> <span><p>Rafael Rincón González, se desempeñó en su juventud como sastre y auxiliar de farmacia, y creció en un estricto hogar lleno de pasiones artísticas </p></center>
          </span>
            <center><button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#rafael">Mas Informacion</button></center>
          </p>
      </div>
   </div>
 </div>

<!-- 5  -->

<div class="col-xs-3">
   <div class="thumbnail">
      <img src="images/rafael.jpg" class="img-circle img-responsive center-block" width="220" alt="Rafael Rincón González">
      <div class="caption">
         <center><h3>Venancio Pulgar</h3></center>

              <center> <span><p>Rafael Rincón González, se desempeñó en su juventud como sastre y auxiliar de farmacia, y creció en un estricto hogar lleno de pasiones artísticas </p></center>
          </span>
            <center><button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#rafael">Mas Informacion</button></center>         
          </p>
      </div>
   </div>
 </div>

 <!-- 6  -->

<div class="col-xs-3">
   <div class="thumbnail">
      <img src="images/rafael.jpg" class="img-circle img-responsive center-block" width="220" alt="Rafael Rincón González">
      <div class="caption">
         <center><h3>Rafael Maria Baralt</h3></center>

              <center> <span><p>Rafael Rincón González, se desempeñó en su juventud como sastre y auxiliar de farmacia, y creció en un estricto hogar lleno de pasiones artísticas </p></center>
          </span>
            <center><button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#rafael">Mas Informacion</button></center>
          </p>
      </div>
   </div>
 </div>

<!-- 7  -->

<div class="col-xs-3">
   <div class="thumbnail">
      <img src="images/rafael.jpg" class="img-circle img-responsive center-block" width="220" alt="Rafael Rincón González">
      <div class="caption">
         <center><h3>Raul Leoni</h3></center>

              <center> <span><p>Rafael Rincón González, se desempeñó en su juventud como sastre y auxiliar de farmacia, y creció en un estricto hogar lleno de pasiones artísticas </p></center>
          </span>
            <center><button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#rafael">Mas Informacion</button></center>
          </p>
      </div>
   </div>
 </div>

<!-- ..................Fin del Panel Thumbnail....................... -->


<!-- ..................Inicio de los  Modals....................... -->

<!-- 1  -->

<div class="modal fade" id="humberto" role="dialog">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
        <div class="modal-header">
          <img src="images/humberto.jpg" class="img-circle img-responsive center-block" alt="Dr. Humberto Fernandez Moran">

          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Dr. Humberto Fernández Morán</h4>
        </div>
        <div class="modal-body">
         
           
            <dd><span class="glyphicon glyphicon-ok"></span><strong> Fecha de nacimiento: 18 de febrero de 1924, Maracaibo</strong></dd>
            <br>
            <dd><span class="glyphicon glyphicon-ok"></span><strong> Fecha de la muerte: 17 de marzo de 1999, Estocolmo, Suecia</strong></dd>
            <br>
            <dd><span class="glyphicon glyphicon-ok"></span><strong> Educación: Universidad de Múnich</strong></dd>
            <br>
            <dd><span class="glyphicon glyphicon-ok"></span><strong> Residencia: Venezuela</strong></dd>
            <br>
        </dl>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- 2  -->

<div class="modal fade" id="miguel" role="dialog">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
        <div class="modal-header">
        <img src="images/miguel.jpg" class="img-circle img-responsive center-block" alt="Dr. Humberto Fernandez Moran">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Modal Cabecera</h4>
        </div>
        <div class="modal-body">

           <dd><span class="glyphicon glyphicon-ok"></span><strong> Fecha de nacimiento: 20 de Agosto de 1933, La Guajira, Colombia</strong></dd>
            <br>
            <dd><span class="glyphicon glyphicon-ok"></span><strong> Fecha de la muerte: 17 de marzo de 1999, Estocolmo, Suecia</strong></dd>
            <br>
            <dd><span class="glyphicon glyphicon-ok"></span><strong> Educación: Universidad de Múnich</strong></dd>
            <br>
            <dd><span class="glyphicon glyphicon-ok"></span><strong> Residencia: Venezuela</strong></dd>
            <br>

        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- 3  -->

<div class="modal fade" id="mario" role="dialog">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
        <div class="modal-header">
                <img src="images/mario.jpg" class="img-circle img-responsive center-block" alt="Dr. Humberto Fernandez Moran">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
        <div class="modal-body">
         <dl>
           
           <dd><span class="glyphicon glyphicon-ok"></span><strong> Fecha de nacimiento: 18 de febrero de 1924, Maracaibo</strong></dd>
            <br>
            <dd><span class="glyphicon glyphicon-ok"></span><strong> Fecha de la muerte: 17 de marzo de 1999, Estocolmo, Suecia</strong></dd>
            <br>
            <dd><span class="glyphicon glyphicon-ok"></span><strong> Educación: Universidad de Múnich</strong></dd>
            <br>
            <dd><span class="glyphicon glyphicon-ok"></span><strong> Residencia: Venezuela</strong></dd>
            <br>
        </dl>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- 4  -->

<div class="modal fade" id="rafael" role="dialog">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
        <div class="modal-header">
                <img src="images/rafael.jpg" class="img-circle img-responsive center-block" alt="Dr. Humberto Fernandez Moran">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
        <div class="modal-body">
         
           <dd><span class="glyphicon glyphicon-ok"></span><strong> Fecha de nacimiento: 18 de febrero de 1924, Maracaibo</strong></dd>
            <br>
            <dd><span class="glyphicon glyphicon-ok"></span><strong> Fecha de la muerte: 17 de marzo de 1999, Estocolmo, Suecia</strong></dd>
            <br>
            <dd><span class="glyphicon glyphicon-ok"></span><strong> Educación: Universidad de Múnich</strong></dd>
            <br>
            <dd><span class="glyphicon glyphicon-ok"></span><strong> Residencia: Venezuela</strong></dd>
            <br>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- .....................Fin de los Modals.................... -->

<!-- .....................Fin de Pagina.................... -->


<!-- ...................Scripts.................... -->
<script src="bootstrap/js/jquery.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>

3
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Problema con condigo Css y Html
« en: 27 de Noviembre 2016, 01:59 »
Amigos, gracias por ayudarme, El examen fue suspendido por que llovio y no fue casi nadie... fue milagroso eso jaja, el examen es el Lunes y agradezco a
Citar
bermartinv
por ayudarme, y disculpo si no he publicado bien, Sin embargo, requiero nuevamente ayuda de bermartinv, ya que necesito saber, como puedo dejar mas tiempo la animacion que le has puesto al texto? o quitarla? y como haria en caso de que el texto y el boton estubieran en la parte de abajo de la imagen? disculpa tanta " novatez" lo que io que ocurre es que soy totalmente nuevo en el mundo de html y css, y el profesor no es NADA PARA NADA BUENO, debido a que desaparece 2 semanas y reaparece con un examen sorpresa... y nos Jode a todos.. :( espero puedan apoyarme antes del lunes por favor!!!

4
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / menú acordeón full Html y Css con header una imagen expandir al hacer click
« en: 24 de Noviembre 2016, 19:23 »
Hola gente, tengo un problema, veran, estoy realizando un acordeón full Html y Css con la peculiaridad de que en el header del acordeon (donde van los títulos de pestañas,) también esta una imagen y al yo darle click, se expanda la imagen con u cuadro de texto y un boton centrados en la parte de abajo. mas nada, pero me persiste un problema, el cual es que al momento de darle click, la imagen se expande  y todo genial, pero el texto o cualquier cosa que escriba ademas del titulo que esta en H4, NO SE VE.

Y SE DESNIVELA EN LA PARTE DE ABAJO, practicamente es como si se colocase invisible, NO SE QUE HACER  y tengo examen de esto mañana, por favor AYUDENME! ADJUNTO EL CODIGO!

------------------------------------------------- HTML
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Patrimonio Natural</title>
<link rel="stylesheet" href="bootstrap/css/styl.css">


</head>
<ul class="acordeon">
  <li style="background-image: url('http://www.notilogia.com/wp-content/uploads/2015/08/7221460798_d8356beb80_b.jpg');background-size: cover; background-position: center;">
      <h2>asksaksalksklsa</h2>
    <h4>LA CAYENA</h4>
  </li>

  <li style="background-image: url('http://www.saborgaitero.com/multimedia/images/zulianidad/relampago/congo_rel_mpago_76.ng.jpg');background-size: cover; background-position: center;">
    <h4>EL RAYO DEL CATATUMBO</h4>
    <a href="#">
    </a>
  </li>

  <li style="background-image: url('http://www.notilogia.com/wp-content/uploads/2015/08/arbol-de-cocotero.jpg');background-size: cover; background-position: center;">
    <h4>EL COCOTERO</h4>
    <a href="#">
    </a>
  </li>
  <li style="background-image: url('http://www.notilogia.com/wp-content/uploads/2015/08/Pelr.jpg');background-size: cover; background-position: center;">
    <h4>EL BUCHON</h4>
    <a href="#">
    </a>
  </li>

</ul>
<body>

</body>
</html>

-------------------------------------css--------------------------------------

Código: [Seleccionar]
/* Ajustes generales */
html, body {
  margin: 0;
  padding:0;
  background: #ccc;
}
ul.acordeon * {
  font-family: Arial, sans-serif;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}
/* Contenedor general */
ul.acordeon {
  width: 100%; /* Personalizar ancho total */
  overflow: hidden;
  padding: 0;
  background: #8F2250;
  text-align: center;
  list-style: none;
  font-size: 0;
  box-shadow: 0 0 10px #333;
}
/* Cada elemento */
ul.acordeon li {
  position: relative;
  display: inline-block;
  *display: inline; zoom: 1; /* IE7 */
  width: 10%;
  height:0;
  padding-bottom: 40%; /* Ratio aspecto imagen = (height*X)/width */
  background: #eee;
  text-align: center;
  box-shadow: -2px 0px 8px #999;
}
/* Títulos pestañas */
ul.acordeon li h4 {
  position: relative;
  top: 5%;
  z-index: 1;
  margin: 0;
  font-size: 18px;
  text-align: left;
  text-transform: uppercase;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 10% 120%;
  -moz-transform-origin: 10% 120%;
  transform-origin: 10% 120%;
  white-space: nowrap;
}


ul.acordeon li h2 {
  position: relative;
  top: 5%;
  z-index: 1;
  display: inline-block;

  margin: 0;
  font-size: 18px;
  text-align: left;
  text-transform: uppercase;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 10% 120%;
  -moz-transform-origin: 10% 120%;
  transform-origin: 10% 120%;
  white-space: nowrap;
}


/* Contenido inicialmente oculto */
ul.acordeon li a, ul.acordeon li img {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  *display: inline; zoom: 1; /* IE7 */
  width: 0;
  padding:0;
  background: #333;
/* Hover: Desplegamos elemento aumentando su ancho */
ul.acordeon li:hover {
  width: 60%; /* 100 - 10*(nºelem-1) // X=60 para ratio imagen */
  background: #333;
}
/* Hover: Hacemos que el título recupere la horizontal y le ponemos un fondo */
ul.acordeon li:hover h4 {
  padding-left: 10px;
  background: rgba(143,34,80,.8);
  color: #eee;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
}
/* Hover: Expandimos el contenido */
ul.acordeon li:hover .descripcion li:hover a, ul.acordeon li:hover a img {
  width: 100%;
}
/* Ajustes para resoluciones pequeñas */
@media(max-width:600px) {
  ul.acordeon li h4 {
    font-size: 12px;
    letter-spacing: 1px;
  }
}

/* VARIACIONES PARA CONSEGUIR QUE EL MENU OCUPE INICIALMENTE TODO EL ANCHO
ul.acordeon li {
  width: 20%;
}
ul.acordeon:hover li {
  width: 10%;
}
ul.acordeon li:hover {
  width: 60%;
}
*/-------------------------------------

POR FAVOR AYUDENME!

Páginas: [1]

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".