modificar una web simple en html

Tucocheytu · #1 (**permalink**) 07/11/2011, 17:04

je montado una especie de introducción a una web de venta de cosas del motor,

la web es esta

Código:

http://tucocheytu.com/ventas

pero claro ahora esta bien, el problema surge que quiero poner otra seccion mas sobre clasicos con su foto y demas alguien sabe como puedo cuadrarlo para que queden las secciones tipo circulo,

algo asi en el enlace faltaría una sección que no la he puesto por que me descuadra todo

y despues otro detalle dentro de aqui

Código:

http://www.tucocheytu.com/ventas/vehiculos/

o de cualquier seccion que no sea ver todo como cambio que al pinchar en el logo me redireccione a esta pagina

Código:

http://tucocheytu.com/ventas/index.php

en vez de a esta otra

Código:

http://www.tucocheytu.com/ventas/

tomark4 · #2 (**permalink**) 08/11/2011, 12:51

se me ocurre que podrias crear la imagen con tu editor de imagen favorito que te permite mas flexibilidad que el simple html y agregar los link.

Tucocheytu · #3 (**permalink**) 08/11/2011, 18:58

dices que cree la foto en plan circulo y luego con codigo html ponga enlaces en cada parte de la foto? , uff tendria que mirarlo por que eso me lo he mirado por encima y no se como era el codigo

alex_dh · #4 (**permalink**) 08/11/2011, 20:27

con CSS3 se puede hacer eso... pero no recuerdo bien como era...

Tucocheytu · #5 (**permalink**) 09/11/2011, 17:59

puede alguien moverlo a css a ver si tengo mas suerte, gracias, ya esto montando la imagen

Tucocheytu · #6 (**permalink**) 12/11/2011, 07:30

alguien sabe o puedo moverlo a css pa que tenga mas repercucion gracias

memoadian · #7 (**permalink**) 12/11/2011, 09:43

Si te das cuenta podrías obtener algo así de una manera muy sencilla

si colocas 3 divs principales, el primer div contiene a la imagen superior

el segundo a las imagenes siguientes o se las que estan abajo de la punta del circulo (si es que un circulo puede tener punta XD)

y el tercero las dos imagenes de abajo.

charlyalegret · #8 (**permalink**) 12/11/2011, 13:13

bueno, te han dado respuestas, sólo te falta buscar un poco...
- Crear una imagen única a tu gusto que contenga las 5 imágenes que quieres en la forma circular y mapear para crear links en cada parte de la imagen que quieras... http://www.google.es/search?q=mapear+imagen+html

- mediante divs, como te comenta memmodian: http://www.google.es/search?q=tutorial+divs+html

- mediante tablas, como el siguiente ejemplo hecho con openofice (evidentemente quita los bordes, pon imagenes, ajusta tamaños...):

Código HTML:

Ver original<TABLE WIDTH=100% BORDER=1 BORDERCOLOR="#000000" CELLPADDING=4 CELLSPACING=0>
    <COL WIDTH=85*>
    <COL WIDTH=85*>
    <COL WIDTH=85*>
    <TR VALIGN=TOP>
        <TD WIDTH=33%>
            <P><BR>
            </P>
        </TD>
        <TD ROWSPAN=2 WIDTH=33%>
            <P><BR>
            </P>
        </TD>
        <TD WIDTH=33%>
            <P><BR>
            </P>
        </TD>
    </TR>
    <TR VALIGN=TOP>
        <TD WIDTH=33%>
            <P><BR>
            </P>
        </TD>
        <TD ROWSPAN=2 WIDTH=33%>
            <P><BR>
            </P>
        </TD>
    </TR>
    <TR VALIGN=TOP>
        <TD WIDTH=33%>
            <P><BR>
            </P>
        </TD>
        <TD WIDTH=33%>
            <P><BR>
            </P>
        </TD>
    </TR>
    <TR VALIGN=TOP>
        <TD WIDTH=33%>
            <P><BR>
            </P>
        </TD>
        <TD WIDTH=33%>
            <P><BR>
            </P>
        </TD>
        <TD WIDTH=33%>
            <P><BR>
            </P>
        </TD>
    </TR>
</TABLE>

Tucocheytu · #9 (**permalink**) 12/11/2011, 18:56

muchas gracias por responder, lo voy a hacer de esta manera creo la imagen y luego mapeo asi, lo mire en google xd

Código:

<HTML> 
<HEAD> 
 <TITLE>Ejemplo 13</TITLE> 
</HEAD> 
<BODY> 

<H1>Mapas de im&aacute;genes</H1> 

<IMG SRC="/graficos/bebe1.jpg" WIDTH=140 HEIGHT=210 BORDER=0 ALT="Un beb&eacute;" USEMAP="#bebe1"> 

<MAP NAME="bebe1"> 
 <AREA SHAPE=CIRCLE COORDS="60,56,47" HREF="#" ALT="Cabeza"> 
 <AREA SHAPE=POLY COORDS="3,182,36, 178,44,165, 60,169,66, 184,62,196, 43,201,35, 190,0,193,0,183" HREF="#" ALT="Sonajero"> 
</MAP> 

</BODY> 
</HTML>

las coordenadas las saco de donde y luego de mapear la imagen puedo ponerle los link con el titulo tal cual, o tendria que ponerles el titulo en la imagen con por ejemplo photoshop