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.


Temas - AlejoSketch

Páginas: 1 [2]
16
CSS / [GUÍA] CSS3: border-radius
« en: 26 de Enero de 2012, 05:59:50 am »
Hola, que tal?  :)

Últimamente elegir CSS3 se convierte en una elección común entre los diseñadores web y aunque son conceptos relativamente nuevos han tenido tal acogida que un gran porcentaje de los sitios modernos integran una o más de las nuevas "ventajas".

Es por ello que en este post vamos a repasar una de ellas y que seguramente te será de gran utilidad en el futuro si piensas diseñar una interfaz web agradable y funcional obviando hacer uso exagerado de imágenes y otros recursos que ahora pueden ser fácilmente reemplazados por CSS3.

En esta primera parte vamos a tratar con border-radius, actualmente bien conocido por muchos y usado por la mayoría.
1. - Uso

A. Podemos aplicarlo de forma general (para las 4 esquinas):
#ejemplo {
border-radius: 15px;
}
Aplica un radio de 15px para los cuatro (4) lados.
B. También puedes aplicarlo a algún lado específico:
#ejemplo {
border-bottom-right-radius: 15px;
}
Aplica un radio de 15px en la esquina inferior derecha.
C. Añade dos (2) valores para crear radios asimétricos.
#ejemplo {
border-bottom-right-radius: 30px 60px;
}
Aplica un radio de 30px para un lado, y de 60px para el otro.
D. Asigna valores distintos para cada lado:
#ejemplo {
border-radius: 30px 60px 30px 60px;
}
Así podrás obtener un radio especifico en cada esquina.
2. - Compatibilidad

Aunque CSS3 nos da la posibilidad de usar esta función de esta manera: border-radius: {valor}; muchos navegadores no la reconocen hasta la fecha, esto es una desventaja a la hora de crear y diseñar un sitio que garantice compatibilidad con la mayoría o todos.

Es por ello que lo más recomendable es añadir unas cuantas líneas de código más pero enfocadas a trabajar en los navegadores, por ejemplo con el radio general:

CSS3:
border-radius: {valor};

Mozilla Firefox:
-moz-border-radius: {valor};

Opera/Safari:
-webkit-border-radius: {valor};

Y para los radios específicos:

Descripción: | CSS3 | Mozilla Firefox | Otros
superior izquierda | border-top-left-radius | -moz-border-radius-topleft | -webkit-border-top-left-radius
inferior izquierda | border-bottom-left-radius | -moz-border-radius-bottomleft | -webkit-border-bottom-left-radius
superior derecha | border-top-right-radius | -moz-border-radius-topright | -webkit-border-top-right-radius
inferior derecha | border-bottom-right-radius | -moz-border-radius-bottomright | -webkit-border-bottom-right-radius
Así podemos asegurar que la cobertura de nuestro diseño se extienda a más navegadores.
NOTA:

Este post ha sido un repaso básico acerca de "border-radius" de CSS3, aquí vemos en acción los conceptos más básicos del mismo. para obtener más información sobre este tema puedes visitar varias fuentes de información que también podrán servir de referencia:

- http://www.css3.info/
- http://border-radius.com/
- http://w3schools.com/

Gracias.  ;)

17
Preguntas, Ideas y Reclamaciones. / [DUDA] Códigos en el foro
« en: 25 de Enero de 2012, 00:24:53 am »
Hola, que tal?  :)

Buenos leyendo varios post algo antiguos del foro me he topado con uno (no tiene importancia especificarlo) en el que leí claramente por parte de un usuario algo sobre los códigos dentro del foro, más claramente que estos no se pueden dar.

Ya había leído las normas pero... quedo igual, es cierto esto?

18
Exposición de Diseños / [MODELADO 3D] Algunas imágenes
« en: 24 de Enero de 2012, 18:27:46 pm »
Hola, que tal?  :)

Bueno como sabrán me dedico a pasear por este foro constantemente porque uno de mis intereses es el diseño y la programación web, en ambos creo que tengo habilidad, experiencia y calidad. pero esto no entra aquí. el caso es que también soy estudiante de arquitectura y aprovechando esta sección quería compartir estas imágenes, son diseños rápidos (elaborados entre 10 minutos y 1 hora según su complejidad) y como no es nada oficial pues los tomaré como referencia en este post.

Las imágenes son enormes porque son tipo "render / imagen" exportación, así que las ajuste con un ancho de 800px (la mayoría) para evitar cortes en caso de que poseas un monitor no muy grande. y bueno quizás así tarde menos en cargar.  ???

Bueno espero que les guste y mi consejo sería fijarse en los detalles.  :P

P1:
Esta imagen es sobre un teatro elevado, es decir una edificación que debía conservar la planta libre.







P2:
Este es un edificio simple de tipo residencial con espacios recreativos en sus terrazas.















P3:

Este es un edificio de tipo comercial-financiero, aunque no esta muy detallado porque fue uno de mis primeros ensayos hace tiempo.













P4:

Por último uno más simple pero no menos importante, otro edificio de tipo residencial aunque de menor capacidad.









Gracias por visitar este post.  :D



19
Proyectos y búsqueda de equipos / ELIMINADO
« en: 21 de Enero de 2012, 04:27:55 am »
MENSAJE ELIMINADO

20
General / [DUDA] URL's relativas
« en: 16 de Enero de 2012, 04:00:43 am »
Hola, que tal?  :)

Me paso para preguntarles acerca de una duda, se que puede parecer algo insensata o que no tiene muchos motivos para repasarla tanto, pero estoy desarrollando mi proyecto web y me gusta tener todo claro por mínimo que sea.

Sucede que apliqué "URL amigable" a partir de .htaccess y todo funciona perfecto hasta aquí. pero hay un pequeño problema allí, se trata de lo siguiente:

Puedo entrar a ejemplo.com/contacto y también a ejemplo.com/contacto/ y mostrará el mismo resultado
(gracias a la configuración mencionada en principio del archivo .htaccess)

En ambos caso se mostrará el archivo index.php cuyo código tiene entre <head> y </head> el llamado o vinculo a la hoja de estilos CSS de esta manera:
<link href="cjs/global.css" rel="stylesheet" type="text/css">.

Sucede que en el caso #1 (ejemplo.com/contacto - sin / al final -) funciona perfectamente, se muestran las imágenes y demás.
Pero en el caso #2 (ejemplo.com/contacto/ - con / al final -) se sigue mostrando el index.php pero el CSS no se encuentra, ya que ese / al final parece dar a entender al servidor que es otro directorio.

Todo esto podría solucionarse de una manera FÁCIL: colocando la URL completa en el llamado así: <link href="http://ejemplo.com/cjs/global.css" rel="stylesheet" type="text/css">. una persona que conozco y que se supone "sabe" de páginas web también y demás... me asegura que de esta última manera el servidor consume más recursos porque la petición es diferente, etc etc... algo que no me convence del todo pero que me deja en duda, ya que mi idea es lograr un resultado extremadamente óptimo a nivel visual y de código.

Entonces, es verdad que llamando ese archivo CSS por su URL completa, y además las imágenes de toda la web (ya que afecta también a estas) podría bajar el desempeño o la velocidad de carga de la web?

Muchas gracias por su participación desde ya mismo.  :)

21
PHP / [DUDA] Nombres de archivos en PHP
« en: 04 de Enero de 2012, 17:49:03 pm »
Hola, que tal?  :D

Tengo una duda que compete con el "nombre de archivos" en PHP... bueno en realidad son dos dudas a la vez, la primera es sobre el archivo header.php un día mirando desde mi servidor local de prueba pude darme cuenta que cuando se listan los archivos de un directorio, y en el existe un archivo .php nombrado como "header" este no se muestra.

Hay alguna razón para que esto pase? este tipo de archivo debe usarse para algo en especial?
La segunda es la siguiente, y va más relacionada con las URL, suelo usar URL dinámica por ejemplo:

(dominio.com/?seccion=inicio)
(dominio.com/?index.php?seccion=foro)
(dominio.com/?index.php?seccion=contacto)

Una vez, también vi que si uso esta URL (dominio.com/ + nombre de archivo php pero sin extensión) así:

(dominio.com/inicio)
(dominio.com/foro)
(dominio.com/contacto)

Donde obviamente inicio, foro y contacto son archivos independientes con extensión .php (inicio.php, foro.php, contacto.php) y que deben estar en ese  directorio raiz de dominio.com/

Y queda de alguna forma mejor dispuesto para ser recordado por los usuarios/visitantes o por los motores de búsqueda, pero... es correcto? siempre es seguro que se muestre así (dominio.com/inicio) o en algunos casos tendría que accederse así (dominio.com/inicio.php) ?

Disculpen si mis dudas son ignorantes, pero siempre me fijo en detalles mínimos cuando estoy desarrollando algo y no continuo hasta tenerlo claro.  ¡gracias desde ya!


22
PHP / [DUDA] ¿Número de páginas?
« en: 03 de Enero de 2012, 16:32:39 pm »
Hola, que tal?  :)

Estoy haciendo un sitio web para un amigo, y me he topado con una duda... creo que debe ser simple pero no se hacerlo porque jamás se me atravesó una situación igual a la de esta web. debo confesar que no he buscado en Google aún porque no sabria con que nombre o descripción hacerlo.

Se trata de lo siguiente:

La web básicamente funciona como un "mini motor" de publicaciones, hacer de cuenta que son noticias publicadas... al abrir la página principal serán visibles las primeras 48 publicaciones (en un esquema de 4 columnas x 12 filas)... todo bien hasta aquí.

Quiero saber como hacer para que al final ponga algo estilo: "1 | 2 | 3 | 4 ..." y que al dar por ejemplo a la página #2, pues se muestren las otras 48 publicaciones anteriores a esas 48 publicaciones más recientes que vendrían correspondiendo a la página #1 (por defecto en la página principal) 

Sería de bastante ayuda.
¡Gracias desde ya!  :D

23
CSS / [DUDA] Alineamiento vertical
« en: 13 de Diciembre de 2011, 22:11:49 pm »
Hola, que tal?  :)

Tengo una duda, casi problema con CSS y es que no logro mi prometido... tengo un 'momento' en mi página en que se aparecerá un recuadro blanco con x contenido y el resto de la página se tornara con un recubrimiento opaco.. todo logrado y trabajando bien hasta aquí.

La idea es que el recuadro ya mencionado quede en medio de la pantalla del visitante, este centro variando claro a partir de la resolución de cada visitante. de forma horizontal ya lo logré fácilmente con margin: auto; pero no logro hacerlo con vertical align.

Aquí una imagen para apreciarlo mejor:



y Aquí el CSS:

Código: [Seleccionar]
div#fade {
background: url(../images/fade.png) repeat !important;
height: 100%;
width: 100%;
position: fixed;
bottom: 0;
z-index: 99;
}
div#f_content {
width: 500px;
height: 300px;
background-color: #FFF;
margin: auto;
margin-top: 200px;
}
Como ven tengo margin-top pero no quiero fijar un valor (200px en este caso) ya que si por ejemplo el monitor del visitante es considerablemente grande se verá más hacia arriba y no como en esta imagen basada en otro monitor más pequeño y con la medida ajustada al caso.

Aclaro que #fade es el "recubrimiento" opaco de la página otrogado a travéz de una acción especifica, y #f_content es el recuadro blanco que quiero ALINEAR VERTICALMENTE.

Gracias desde ya!  :D

24
PHP / [DUDA] Importancia de 'mysql_close'
« en: 13 de Diciembre de 2011, 04:34:55 am »
Hola ¿que tal?  :)

Disculpen si es una duda algo... estúpida si así se le puede llamar, pero hasta la fecha la verdad no tengo muy claro la importancia... hasta donde se nos sirve para "concretar" la correcta transferencia de datos con el servidor, pero ¿tendría peligro si no usara esto?... y si por ejemplo al momento hago más consultas en otras páginas o secciones de una web, no sería más carga abrir-cerrar-abrir-cerrar etc? como y donde es mejor usarla?

Gracias desde ya por la ayuda.

25
PHP / DUDA - ¿Hay otra forma?
« en: 01 de Diciembre de 2011, 02:09:57 am »
Hola que tal?  :)

Bueno, en una minima parte de mi sitio web tengo algo una barra de menu, en ella hay una caracteristica y es que sobre cada 'boton' hay un color correspondiente. y bajo el menu total una barra del ancho total de dicho menu.

A cada botón le corresponde su color como ya mencioné.

y dependiendo de la sección en que se este, la barra de abajo varia al color de dicha sección actual.







Para lograr algo tan simple tuve que:


<?
if(isset($_GET[&#39;s&#39;])&&!empty($_GET[&#39;s&#39;])){ // Si hay una variable GET que indique un cambio de sección
if(in_array($_GET[&#39;s&#39;], $scs)){                    // (esto va de otro módulo de la web y es necesario que este presente aquí)
if($_GET[&#39;s&#39;]==&#39;v&#39;){ $border = &#39;6C3&#39;; }
  // Si la sección = Vídeos -> color = Verde
elseif ($_GET[&#39;s&#39;]==&#39;d&#39;){ $border = &#39;C3C&#39;; } // Si la sección = Descargas -> color = Púrpura
elseif ($_GET[&#39;s&#39;]==&#39;t&#39;){ $border = &#39;F90&#39;; }  // Si la sección = Colaboración -> color = Naranja
elseif ($_GET[&#39;s&#39;]==&#39;c&#39;){ $border = &#39;CCC&#39;; } // Si la sección = Contacto -> color = Gris
elseif ($_GET[&#39;s&#39;]==&#39;a&#39;){ $border = &#39;F90&#39;; } // Si la sección = Autor -> color = Naranja (de nuevo)
} else { $border = &#39;09F&#39;; } // Si no es una variable permitida (en el array) -> color = Azul
} else { $border = &#39;09F&#39;; } // Si no hay variable -> color = Azul (default)
?>


Y seguidamente en el HTML, se hace el echo del color para usarlo en el borde superior.
<div id="important" style="border-top: 3px solid #<? echo $border; ?>;">
Mi pregunta... hay otra manera más compacta de hacer esto? arrays? defines? algo?

Muchas gracias desde ya :)

26
Presentaciones / ¡Hola Phperos!
« en: 18 de Noviembre de 2011, 04:05:05 am »
Hola a todos que tal?  :)

Me presento como AlejoSketch (es mi nick en casi todas las redes a las que me uno), tengo conocimiento en HTML, CSS, JS, PHP y otros, me interesa aportar a este tipo de sitios/foros y sobretodo aprender más. asi que espero ese también sea el caso en Phperos.net

¡Un saludo!, nos veremos en alguna parte del foro  ;)

Páginas: 1 [2]