Club Delphi  
    FTP   CCD     Buscar   Trucos   Trabajo   Foros

Retroceder   Foros Club Delphi > Otros entornos y lenguajes > PHP
Registrarse FAQ Miembros Calendario Guía de estilo Buscar Temas de Hoy Marcar Foros Como Leídos

Respuesta
 
Herramientas Buscar en Tema Desplegado
  #1  
Antiguo 30-01-2008
Avatar de ixMike
ixMike ixMike is offline
Miembro
 
Registrado: feb 2004
Posts: 1.151
Poder: 22
ixMike Va por buen camino
Cool Banda bonita con enlaces ;)

Hola, ¿qué tal?

Veréis, soy nuevo en esto de PHP, y no se me ocurre cómo hacer esto.

Quiero poner en mi página web, en la parte superior, una banda que ocupe todo el ancho de la pantalla, independientemente de la resolución de la pantalla del usuario o del estado de la ventana del navegador.

Además, quiero colocar sobre esa banda unos textos, que son enlaces a distintas secciones.

Mi idea era coger una imagen pequeña (de 4x30), y copiarla varias veces, una al lado de otra. Pero no sé cómo hacerlo. ¿Cómo se el ancho de que dispongo? ¿Cómo coloco el texto sobre la secuencia de imágenes (bueno, esto ya es más duda de HTML)?

EL restulado es como similar a esto (pero ocupando todo el ancho, claro): http://usuarios.lycos.es/mikelunatik...egra_texto.png


Saludos, y gracias.
Responder Con Cita
  #2  
Antiguo 30-01-2008
Avatar de Ñuño Martínez
Ñuño Martínez Ñuño Martínez is offline
Moderador
 
Registrado: jul 2006
Ubicación: Ciudad Catedral, Españistán
Posts: 6.000
Poder: 25
Ñuño Martínez Tiene un aura espectacularÑuño Martínez Tiene un aura espectacular
Lo que pides no es una cuestión de PHP sino de HTML y CSS.

A ver si me sale:
Código PHP:
<html>
  <
head>
    <
title></title>
    <
meta content="">
    <
style>
    
ul.menu backgroundblackfont-familysans-serif; }
    
ul.menu li a colorwhite }
    </
style>
  </
head>
  <
body>
  <
ul class="menu">
    <
li><a href="op1.php">Opci&oacute;n 1</a></li>
    <
li><a href="op2.php">Opci&oacute;n 2</a></li>
    <
li><a href="op3.php">Opci&oacute;n 3</a></li>
</
ul></body>
</
html
Bueno, vale, no es lo mismo pero coges la idea. Hay una propiedad del CSS que permite eliminar los bolardos a la lista e imprimir sus elementos en una sola línea pero no recuerdo cuales eran. Aquí te dejo este tutorial sobre HTML y CSS para que vayas aprendiendo. Hay muchos más en Internet, sólo hay que buscarlos.
__________________
Proyectos actuales --> Allegro 5 Pascal ¡y Delphi!|MinGRo Game Engine
Responder Con Cita
  #3  
Antiguo 30-01-2008
Avatar de dec
dec dec is offline
Moderador
 
Registrado: dic 2004
Ubicación: Alcobendas, Madrid, España
Posts: 13.107
Poder: 34
dec Tiene un aura espectaculardec Tiene un aura espectacular
Hola,

Cita:
Empezado por Ñuño
Hay una propiedad del CSS que permite eliminar los bolardos a la lista e imprimir sus elementos en una sola línea pero no recuerdo cuales eran.
Se trata de "display" ("inline") y de "list-style" ("none").

Más o menos lo que se quiere hacer:

Código PHP:
<html>

 <
head>
 
  <
style type="text/css">
     
     
body {
       
margin0;
         
padding0;
     }
     
     
div#menu {
       
color#fff;
         
padding1em;
         
font-size1.4em;
         
text-aligncenter;
         
font-familyVerdana;
       
background-color#000;
     
}
     
       
div#menu a {
       
color#fff;         
             
text-decorationnone;
           
background-color#000;
         
}
     
       
div#menu ul {
         
margin0;
           
padding0;
         list-
stylenone;
           
margin0 0 0 -1em;
       }
     
       
div#menu ul li {
           
displayinline;
             
margin0 0 0 1em;
         }
     
    </
style>
 
 </
head>

 <
body>
 
  <
div id="menu">
     <
ul>
      <
li><a href="#inicio" title="Inicio">Inicio</a></li>
      <
li><a href="#creaciones" title="Creaciones">Creaciones</a></li>        
      <
li><a href="#programas" title="Programas">Programas</a></li>        
      <
li><a href="#musica" title="Música">M&#250;sica</a></li>        
     
</ul>
    </
div>
 
 </
body>
 
</
html
__________________
David Esperalta
www.decsoftutils.com

Última edición por dec fecha: 30-01-2008 a las 14:25:26.
Responder Con Cita
  #4  
Antiguo 31-01-2008
Avatar de ixMike
ixMike ixMike is offline
Miembro
 
Registrado: feb 2004
Posts: 1.151
Poder: 22
ixMike Va por buen camino
Ok, dec, es justo lo que quería, pero... ¿cómo meto esa imagen de fondo? si te fijas en la imangen del enlace, el fondo no es un rectángulo negro, sino que tiene un degradado, para hacerlo más bonito

Y si estoy verde en PHP, HTML... en CSS ni os cuento


Salu2.
Responder Con Cita
  #5  
Antiguo 31-01-2008
Avatar de dec
dec dec is offline
Moderador
 
Registrado: dic 2004
Ubicación: Alcobendas, Madrid, España
Posts: 13.107
Poder: 34
dec Tiene un aura espectaculardec Tiene un aura espectacular
Hola,

Pues debes preparar la imagne para el fondo y luego usar CSS, efectivamente:

Código PHP:
     div#menu {
       
color#fff;
       
padding1em;
       
font-size1.4em;
       
text-aligncenter;
       
font-familyVerdana;
       
background-color#000;

       
background-positioncenter;
       
background-repeatrepeat-x;
       
background-imageurl(../images/imagen-fondo.png);
     } 
Nota que acaso estas últimas "propiedades" tienes que adaptarlas a la imagen en cuestión. Si tienes algún problema silva que por aquí estamos.
__________________
David Esperalta
www.decsoftutils.com
Responder Con Cita
  #6  
Antiguo 31-01-2008
Avatar de ixMike
ixMike ixMike is offline
Miembro
 
Registrado: feb 2004
Posts: 1.151
Poder: 22
ixMike Va por buen camino
¡Genial! Va de maravilla, muchas gracias.

Sólo un pequeño detalle , ¿cómo hago transparente el fondo del texto? Es que sale con el fondo negro (sólo el texto, lo demás bien). He probado con una imagen png transparente, pero no va

Gracias
Responder Con Cita
  #7  
Antiguo 03-02-2008
Avatar de ixMike
ixMike ixMike is offline
Miembro
 
Registrado: feb 2004
Posts: 1.151
Poder: 22
ixMike Va por buen camino
.

Vaya, parece ser que me tendré que conformar con que el rectángulo donde va el texto sea opaco y de color negro...
Responder Con Cita
  #8  
Antiguo 03-02-2008
Avatar de dec
dec dec is offline
Moderador
 
Registrado: dic 2004
Ubicación: Alcobendas, Madrid, España
Posts: 13.107
Poder: 34
dec Tiene un aura espectaculardec Tiene un aura espectacular
Hola,

Código:
background-color: transparent;
__________________
David Esperalta
www.decsoftutils.com
Responder Con Cita
  #9  
Antiguo 03-02-2008
Avatar de ixMike
ixMike ixMike is offline
Miembro
 
Registrado: feb 2004
Posts: 1.151
Poder: 22
ixMike Va por buen camino
¡Gracias!
Responder Con Cita
Respuesta


Herramientas Buscar en Tema
Buscar en Tema:

Búsqueda Avanzada
Desplegado

Normas de Publicación
no Puedes crear nuevos temas
no Puedes responder a temas
no Puedes adjuntar archivos
no Puedes editar tus mensajes

El código vB está habilitado
Las caritas están habilitado
Código [IMG] está habilitado
Código HTML está deshabilitado
Saltar a Foro

Temas Similares
Tema Autor Foro Respuestas Último mensaje
Bonita comparacion entre AnyDac y KbMemTable! Epachsoft Noticias 1 05-04-2007 02:57:09
enlaces en QReport jymy788 Varios 1 28-09-2004 11:45:34
Interfaz bonita Juan Molina Varios 1 25-02-2004 14:13:04


La franja horaria es GMT +2. Ahora son las 01:22:14.


Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Traducción al castellano por el equipo de moderadores del Club Delphi
Copyright 1996-2007 Club Delphi