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

 

 


Tema destacado: Sigue las noticias más importantes de seguridad informática en el Twitter! de elhacker.NET


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Ayuda Web personal.
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: 1 2 [3] 4 Ir Abajo Respuesta Imprimir
Autor Tema: Ayuda Web personal.  (Leído 11,928 veces)
JonaLamper


Desconectado Desconectado

Mensajes: 394



Ver Perfil
Re: Ayuda Web personal.
« Respuesta #20 en: 13 Agosto 2014, 22:36 pm »

Up  :-(


En línea

Utilizar palabras para hablar de palabras es como utilizar un lápiz para hacer un dibujo de ese lápiz sobre el mismo lápiz.
EFEX


Desconectado Desconectado

Mensajes: 1.171


"Dinero Facil"


Ver Perfil WWW
Re: Ayuda Web personal.
« Respuesta #21 en: 13 Agosto 2014, 22:49 pm »

Donde esta la libreria JQuery?


En línea

JonaLamper


Desconectado Desconectado

Mensajes: 394



Ver Perfil
Re: Ayuda Web personal.
« Respuesta #22 en: 13 Agosto 2014, 22:55 pm »

Uhm... librería? ^^! no sé nada de JQuery jajaja Tengo los tres archivos en la misma carpeta O.o
En línea

Utilizar palabras para hablar de palabras es como utilizar un lápiz para hacer un dibujo de ese lápiz sobre el mismo lápiz.
EFEX


Desconectado Desconectado

Mensajes: 1.171


"Dinero Facil"


Ver Perfil WWW
Re: Ayuda Web personal.
« Respuesta #23 en: 13 Agosto 2014, 23:37 pm »

Ok, ahora me doy cuenta que quieres copiar un ejemplo de codepen.. veras es mas complicadito que un copy paste, ademas de necesitar JQuery tambien necesitas instalar sass (http://sass-lang.com/ ).

Esto se va del tema, primero aprende lo basico y te podemos ayudar mientras aprendes, pero si quieres copiar y pegar lo que encuentres sin aprender nada... cual es el punto entonces.
« Última modificación: 13 Agosto 2014, 23:39 pm por EFEX » En línea

JonaLamper


Desconectado Desconectado

Mensajes: 394



Ver Perfil
Re: Ayuda Web personal.
« Respuesta #24 en: 14 Agosto 2014, 01:26 am »

Bueno, tampoco es exactamente así. Yo vi un ejemplo que había en esa página (solo tenía HTML y CSS) y me gustó la animación. La copie literalmente, pero después me tuve que pelear para arreglarlo y ponerlo a mi manera. Cambie los parámetros del CSS y tuve que ir uno por uno modificándolos para que quedara justo como debía quedar: a mi gusto.

Realmente sí es copiar, pero es copiar y también entender qué hace cada cosa.

El problema vino cuando me gustó el efecto ese que puse anteriormente que incluía JQuery... Entonces pensé que haciendo referencia al archivo JQuery (al igual que se hace referencia al archivo CSS) era suficiente. Pero veo que no es así  :-\
En línea

Utilizar palabras para hablar de palabras es como utilizar un lápiz para hacer un dibujo de ese lápiz sobre el mismo lápiz.
JonaLamper


Desconectado Desconectado

Mensajes: 394



Ver Perfil
Re: Ayuda Web personal.
« Respuesta #25 en: 2 Septiembre 2014, 17:33 pm »

Una duda: estoy intentando que la web se vea igual en cualquier resolución y se me ha ocurrido la idea de hacer los alineamientos con % de esta forma:

Código
  1. .a {
  2. position: absolute;
  3. top: 15%;
  4. left: 11%;
  5. }

En vez de esta:

Código
  1. .a {
  2. position: absolute;
  3. top: 15px;
  4. left: 11px;
  5. }

Parece que funciona, pero... es buena idea? No sé por qué me da que voy a tener problemas cuando se vuelva más complejo  :-\
En línea

Utilizar palabras para hablar de palabras es como utilizar un lápiz para hacer un dibujo de ese lápiz sobre el mismo lápiz.
kaiserr

Desconectado Desconectado

Mensajes: 242


constancia y dedicacion


Ver Perfil
Re: Ayuda Web personal.
« Respuesta #26 en: 3 Septiembre 2014, 19:04 pm »

Yo cuando quiero comprobar el responsive de una web reduzco el tamaño de la ventana del navegador o utilizo esta web http://quirktools.com/screenfly/

Cuando utilizas px, el elemento sera de ese tamaño siempre. Quizas cuando lo veas en resoluciones mas pequeñas te crea un scroll, por eso tambien se utiliza lo que te pusieron en este tema:

Código
  1. /* Resoluciones 800x600 */
  2. @media screen and (min-width: 600px) and (max-width: 800px) {
  3.   #container{
  4.       /* Las propiedades que definas se sobre escriben */
  5.   }
  6. }


por mi parte utilizo poco la posicion absoluta, aunque no se que es lo que quieres hacer xD
« Última modificación: 3 Septiembre 2014, 19:06 pm por kaiserr » En línea

JonaLamper


Desconectado Desconectado

Mensajes: 394



Ver Perfil
Re: Ayuda Web personal.
« Respuesta #27 en: 11 Septiembre 2014, 12:51 pm »

Llevo un buen rato con una cosa muy sencilla que no me sale y me esta mosqueando. Tengo un div y dentro de él, hay una frase y una imagen gris. Lo que pretendo es poner la imagen detrás del texto... a ver si alguien ve el fallo porque me tiene hasta el gorro.

Código
  1. <div id="bot">
  2. <p class="descripcion">Linker te ofrece una nueva forma de organizar Internet a tu manera</p>
  3. <img class="pie" src="subfondo3.jpg">
  4. </div>

Código
  1. /*Div Bot*/
  2. #bot {
  3. position:absolute;
  4. width:100%;
  5. height:25%;
  6.        left:0%;
  7.        top:75%;
  8. }
  9.  
  10. #bot p {
  11. position:relative;
  12.        text-align: center;
  13. font-weight: bold;
  14. font-size: 30px;
  15. color: #004AAB;
  16. font: small-caps 100%/200% serif;
  17.        left:0%;
  18.        top:0%;
  19. z-index: 2;
  20. }
  21.  
  22. #bot .pie {
  23. position:relative;
  24.    background: url(subfondo3.jpg) repeat #fefefe
  25. z-index: 1;
  26. width:100%;
  27. height:45%;
  28.        left:0%;
  29.        top:0%;
  30. }


Adjunto una imagen de cómo me sale a mí:

En línea

Utilizar palabras para hablar de palabras es como utilizar un lápiz para hacer un dibujo de ese lápiz sobre el mismo lápiz.
kaiserr

Desconectado Desconectado

Mensajes: 242


constancia y dedicacion


Ver Perfil
Re: Ayuda Web personal.
« Respuesta #28 en: 11 Septiembre 2014, 14:05 pm »

pon la imagen con position:absolute :) o pon la imagen de background en el css
En línea

JonaLamper


Desconectado Desconectado

Mensajes: 394



Ver Perfil
Re: Ayuda Web personal.
« Respuesta #29 en: 11 Septiembre 2014, 21:42 pm »

Gracias. Cuando pensé en poner position: absolute; creía que era absoluto en cuanto al body, no en cuanto al div que lo contenía. E ahí el fallo  ;D
En línea

Utilizar palabras para hablar de palabras es como utilizar un lápiz para hacer un dibujo de ese lápiz sobre el mismo lápiz.
Páginas: 1 2 [3] 4 Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Ayuda con proyecto personal.
Java
0x0309 2 3,123 Último mensaje 11 Septiembre 2009, 05:49 am
por Amerikano|Cls
Ayuda proyecto personal
Electrónica
Panic0 6 9,955 Último mensaje 28 Junio 2021, 20:14 pm
por engel lex
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines