Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje08-05-2012, 17:58 (UTC)    
Título del mensaje: Varias dudas(solucionado)

Hola a Tod@s!
A ver, yo soy súper negadita en esto, y le he dado mil vueltas al foro durante 2 días sin encontrar forma de hacerlo y seguro que es sencillo.
Mi pagina es esta http://fotomascotasmurcia.es.tl/
he llegado hasta ahí y ahora no se como seguir, no se como hacer para cuando le des a contacto te lleve a la pagina de contacto, se que hay que poner una url ahí <li><a href="#">Contacto</a></li> detras de href, pero cual? como la hago?

Luego quiero que cuando clikes una foto te salga una pequeñita ventana sobre la pagina con la foto mas grande, pues en la plantilla original sale, pero no me sale aquí.

Y por ultimo, ¿como quito todo el texto de abajo, lo de home?

Explicarmelo para tontos pq no me entero.

Muchas gracias por vuestro tiempo y comprensión


Ultima edición por fotomascotasmurcia el Lun May 21, 2012 6:50 pm; editado 1 vez
Mensaje08-05-2012, 18:31 (UTC)    
Título del mensaje:

Como usas plantilla css claro que le tienes que ponerle el link de esto li><a href="#">Contacto</a></li> donde tienes que poner el link es aki li><a href="Aki el link">Contacto</a></li>


Ultima edición por xxgabrieljosexx el Mar May 08, 2012 2:32 pm; editado 1 vez
Mensaje08-05-2012, 18:51 (UTC)    
Título del mensaje:

si se que tengo que poner ahí el link, pero cual? es que no se como hacer ese link, no se si me explico

Gracias
Mensaje08-05-2012, 18:56 (UTC)    
Título del mensaje:

el link que tienes que poner hay es el link de la seccion de las pagina que tu creas
nose si me explico muy bien
Mensaje08-05-2012, 19:05 (UTC)    
Título del mensaje:

si, te entiendo, pero pregunto (y perdona mi estupidez) las paginas son las que creas en el editor de paginas? si es así, donde veo la url y si no como la creo?

De verdad, perdona mi ignorancia
Mensaje08-05-2012, 19:06 (UTC)    
Título del mensaje:

si es el de editor de pagina y le das guardar en una pagina de esas y arriba te sale la url
Mensaje08-05-2012, 19:10 (UTC)    
Título del mensaje:

me vas a mandar a la m.... ^_^ pero arriba de donde?

(pero que difícil son estas cosas...)
Mensaje09-05-2012, 11:31 (UTC)    
Título del mensaje:

hola.

lo primero debes crear el extra del formulario de contacto, ve a controlar extras y crealo. indicando como nombre por ejemplo: contacto, asi no nos complicamos, y rellenas los datos que necesites pedir a tus contactos.

una vez hecho, ya tienes la pagina, debes ir al menu conde tienes escrito el boton de contacto, y la url o direccion que debes pegar es:
Cita:
http://fotomascotasmurcia.es.tl/contacto.html

o si lo prefieres, ya que algunos navegadores actual como abrir en otra pagina, puedes ponerle tan solo:
Cita:
/contacto.html
y esto hará que abra en la misma pagina.
______________

>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com
Mensaje10-05-2012, 11:51 (UTC)    
Título del mensaje:

muchas gracias, si ya sabia yo que era una chorrada, y como hago para que no salga abajo lo inicio, contacto galería etc y se quede solo el menú de arriba y te redireccione hacia donde pinches?

y otra cosa, que solo salga por ejemplo el contacto, puesto todas las fotos iniciales.

Te pongo aqui el codigo css y lo que he puesto encima de la pagina.

Gracias por vuestro tiempo

Texto encima de la pagina:

<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Landscape by Free CSS Templates</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="jquery.poptrox-0.1.js"></script>

</head>
<body>
<div id="header" class="container">
<div id="logo">
<h1><a href="#"><i><font size=15> Fotografia de mascotas </font></i> </a></h1>
</div>
</div>
<div id="menu">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href=http://lamiradaderhylla.blogspot.com.es/>Blog</a></li>
<li><a href=http://fotomascotasmurcia.es.tl/Galer%EDa/index.htm>Galeria</a></li>
<li><a href="#">Nosotros</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</div>
<!-- end #header -->
<div id="splash"><img href="http://img.webme.com/pic/f/fotomascotasmurcia/encabezado.jpg"><img src="http://img.webme.com/pic/f/fotomascotasmurcia/encabezado.jpg"width="800" height="345" alt="" /></div>
<div id="page">
<br />
<br />
<br />
<div id="box1">
<p> Hola soy nuria</p>
</div>
<div id="poptrox">
<!-- start -->
<ul id="gallery">
<li><a href="http://img.webme.com/pic/f/fotomascotasmurcia/vera.jpg"><img src="http://img.webme.com/pic/f/fotomascotasmurcia/vera.jpg" width="240" height="150" alt=""/></a></li>
<li><a href="http://img.webme.com/pic/f/fotomascotasmurcia/212.jpg"><img src="http://img.webme.com/pic/f/fotomascotasmurcia/212.jpg" width="240" height="150" alt="" title="Praesent scelerisque scelerisque erat" /></a></li>
<li><a href="http://img.webme.com/pic/f/fotomascotasmurcia/36.jpg"><img src="http://img.webme.com/pic/f/fotomascotasmurcia/36.jpg"width="240" height="150" alt="" title="Integer sit amet pede vel arcu aliquet pretium" /></a></li>
<li><a href="http://img.webme.com/pic/f/fotomascotasmurcia/24.jpg"><img src="http://img.webme.com/pic/f/fotomascotasmurcia/24.jpg" width="240" height="150" alt="" title="Phasellus nec erat sit amet nibh pellentesque congue" /></a></li>
<li><a href="http://img.webme.com/pic/f/fotomascotasmurcia/45copia.jpg"><img src="http://img.webme.com/pic/f/fotomascotasmurcia/45copia.jpg" width="240" height="150" alt="" title="Pellentesque quis elit non lectus gravida blandit" /></a></li>
<li><a href="http://img.webme.com/pic/f/fotomascotasmurcia/41copia.jpg""><img src="http://img.webme.com/pic/f/fotomascotasmurcia/41copia.jpg"width="240" height="150" alt="" title="Cras vitae metus aliquam risus pellentesque pharetra" /></a></li>
<li><a href="http://img.webme.com/pic/f/fotomascotasmurcia/13.jpg"><img src="http://img.webme.com/pic/f/fotomascotasmurcia/13.jpg" width="240" height="150" alt="" title="Cras vitae metus aliquam risus pellentesque pharetra" /></a></li>
<li><a href=http://img.webme.com/pic/f/fotomascotasmurcia/2copia.jpg><img src=http://img.webme.com/pic/f/fotomascotasmurcia/2copia.jpg width="240" height="150" alt="" title="Cras vitae metus aliquam risus pellentesque pharetra" /></a></li>
<li><a href="http://img.webme.com/pic/f/fotomascotasmurcia/5copia.jpg"><img src="http://img.webme.com/pic/f/fotomascotasmurcia/5copia.jpg" width="240" height="150" alt="" title="Cras vitae metus aliquam risus pellentesque pharetra" /></a></li>

</ul>
<br class="clear" />
<script type="text/javascript">
$('#gallery').poptrox();
</script>
<!-- end -->
</div>
</br>
<a name="fb_share" type="icon_link" href="http://www.facebook.com/sharer.php">Compartir</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
<script language="JavaScript">
<!--
function abreFoto(ruta)
{
i1 = new Image;
i1.src = ruta;
html = '<html><head><title>Imagen</title></head>';
html += '<body leftmargin=0 marginwidth=0 topmargin=0 marginheight=0>';
html += '<center><img src="'+ruta+'" border=0 name="Foto" ';
html += 'onLoad="window.resizeTo(document.Foto.width,document.Foto.height)">';
html += '</center></body></html>';
popupImage = window.open('','_blank','scrollbars=0,resizable=1');
popupImage.document.open();
popupImage.document.write(html);
popupImage.document.close();
}
// -->
</script>


</body>




CODIGO CSS:


/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 3.0 License
*/

body {
margin: 0;
padding: 0;
background: #151515 url(images/img01.jpg) repeat-x left top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}

h1, h2, h3 {
margin: 0;
padding: 0;
font-weight: normal;
}

h1 {
font-size: 2em;
}

h2 {
margin: 0px;
padding: 0px 0px 20px 0px;
letter-spacing: -2px;
font-size: 2.8em;
color: #FFFFFF;
}

h3 {
font-size: 1.6em;
}

p, ul, ol {
margin-top: 0;
line-height: 200%;
}

p, ol {
}

ul, ol {
}

a {
color: #333333;
}

a:hover {
}

#wrapper {
background: url(images/img02.jpg) no-repeat center 115px;
}

.container {
width: 1000px;
margin: 0px auto;
}

/* Header */

#header {
width: 800px;
height: 100px;
margin: 0 auto;
padding: 0px;
}

/* Logo */

#logo {
margin: 0;
padding: 0;
}

#logo h1, #logo p {
}

#logo h1 {
padding: 45px 0px 0px 0px;
letter-spacing: -2px;
text-align: center;
text-transform: uppercase;
font-size: 5em;
}

#logo h1 a {
color: #FFFFFF;
}

#logo p {
margin: 0;
padding: 0px 0 0 0px;
letter-spacing: -1px;
font: normal 18px Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #8E8E8E;
}

#logo p a {
color: #8E8E8E;
}

#logo a {
border: none;
background: none;
text-decoration: none;
color: #000000;
}

/* Splash */

#splash {
width: 800px;
height: 250px;
margin: 0px auto;
}

/* Search */

#search {
float: right;
width: 280px;
height: 60px;
padding: 20px 0px 0px 0px;
}

#search form {
height: 41px;
margin: 0;
padding: 10px 0 0 20px;
}

#search fieldset {
margin: 0;
padding: 0;
border: none;
}

#search-text {
width: 170px;
padding: 6px 5px 2px 5px;
border: 1px solid #E7EBED;
background: #FFFFFF;
text-transform: lowercase;
font: normal 11px Arial, Helvetica, sans-serif;
color: #5D781D;
}

#search-submit {
width: 50px;
height: 22px;
border: none;
background: #B9B9B9;
color: #000000;
}

/* Menu */

#menu {
width: 800px;
height: 50px;
margin: 0 auto;
padding: 0px;
background: #000000 url(images/img09.jpg) no-repeat left top;
}

#menu ul {
margin: 0;
padding: 0px 0px 0px 0px;
list-style: none;
line-height: normal;
text-align: center;
}

#menu li {
display: inline-block;
padding: 15px 30px 0px 30px;
}

#menu a {
display: block;
height: 20px;
margin: 0px;
padding: 0px;
letter-spacing: -1px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
border: none;
}

#menu a:hover, #menu .current_page_item a {
text-decoration: none;
}

#menu .current_page_item a {
}

/* Background */

#bg1 {
background: url(images/img06.jpg) repeat-y left top;
}

#bg2 {
background: url(images/img05.jpg) no-repeat left top;
}

#bg3 {
overflow: hidden;
padding: 50px;
background: url(images/img07.jpg) no-repeat left bottom;
}

/* Page */

#page {
overflow: hidden;
width: 780px;
margin: 0px auto;
padding: 40px 10px 20px 10px;
background: #000000;
}

#content {
float: right;
width: 530px;
}

#sidebar {
float: left;
width: 270px;
}

#poptrox {
width: 780px;
margin: 0px auto;
background: #000000;
}

#gallery {
overflow: hidden;
margin: 0px 0px 0px 0px;
padding: 0px;
list-style: none;
}

#gallery li {
float: left;
margin: 0px;
padding: 5px 10px;
}

#gallery img {
opacity: 0.4;
filter: alpha(opacity=40);
}

#gallery a:hover img {
opacity: 1;
filter: alpha(opacity=100);
}

/*****************************************************
Poptrox
*****************************************************/

.poptrox_popup {
position: relative;
padding: 1em 1em 3em 1em;
background: #ffffff;
color: #333333;
}

.poptrox_popup .loader {
display: block;
margin: 55px 0 0 0;
text-indent: -9999em;
background: url('loader.gif') top center no-repeat;
}

.poptrox_popup .caption {
position: absolute;
bottom: 1em;
left: 1em;
}

.poptrox_popup .closer {
position: absolute;
bottom: 1em;
right: 1em;
}

#footer {
overflow: hidden;
width: 800px;
height: 50px;
margin: 0px auto 40px auto;
background: #022D59;
}

#footer p {
margin: 0px;
padding: 15px 0px 0px 0px;
text-align: center;
text-transform: uppercase;
font-size: 10px;
color: #409FFF;
}

#footer a {
color: #409FFF;
text-decoration: none;
}

#box1 {
margin: 0px 10px 20px 10px;
padding: 20px;
background: #0A0A0A;
color: #8F8F8F;
}
Mensaje10-05-2012, 14:40 (UTC)    
Título del mensaje:

eso esta en la parte del codigo, donde gestiona el menu, debes configurarlo para que el menu quede como buscas.
______________

>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com
Mensaje17-05-2012, 15:59 (UTC)    
Título del mensaje:

solucionado todo
Mensaje17-05-2012, 17:44 (UTC)    
Título del mensaje: Re: Varias dudas

Hola !

Si tu tienes un codigo asi :

Codigo escribió:
<li><a href="URL DE TU IMG O PAGINA">Contacto</a></li>


Solo modificas el ( # ) , o el simbolo/nombre que tenga...


--------------------------------------------------------------------------------------------


Hay varias opciones.
Con este código podrás conseguir que la imagen se amplíe al pasar el mouse sobre ella:
Cita:
<img src="URL de Imagen pequeña" onmouseover="this.src='URL de Imagen grande';" onmouseout="this.src='URL de Imagen pequeña';" />

Debes disponer de 2 imágenes, una en tamaño reducido y otra en tamaño grande. Sube las imágenes a www.pixelea.com [Ver Tutorial] . Allí te darán las URL para que reemplaces en el code.

+ La segunda opción es una muy vistosa y realmente sencilla de utilizar. Simula la ventana que se abre en el Extra "Galería" para ampliar las miniaturas:

http://www.paginawebgratis.es/forum/viewtopic.php?t=4956

+ Otra similar algo más vistosa pero más compleja es esta:

http://www.paginawebgratis.es/forum/viewtopic.php?t=16013

+ Esta es una alternativa para clickear la imagen y que aparezca en grande,
pero en una nueva página:

http://www.paginawebgratis.es/forum/viewtopic.php?t=2599

Saludos !
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group