Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje02-08-2015, 16:42 (UTC)    
Título del mensaje: Ayuda con codigo de botones "arriba y abajo"

Buenas tardes, vuelvo a importunarlos con mis preguntas, tengo un código que mediante un boton lleva la página hacia el tope o arriba que funciona a la perfección es este:

Código:
<a href='#top'><img border='0' style='position:fixed; top:0; right:50;' src="http://img.webme.com/pic/m/masalladelosversos/botup.png"/></a>


Ahora bien he intentado con el mismo código que la página vaya hasta abajo y no hay forma que lo haga funcionar he usado las palabras:

copyrigth
down
abajo
footer
footer-wrapper

Código:
<a href='#footer-wrapper'><img border='0' style='position:fixed; top:0; right:0;' src="http://img.webme.com/pic/m/masalladelosversos/bodown2.png"/></a>


¿Habría alguna manera de hacerlo?
Desde ya les agradezco la ayuda, saludos Daniel


Ultima edición por masalladelosversos el Dom Ago 02, 2015 12:43 pm; editado 1 vez
Mensaje03-08-2015, 11:21 (UTC)    
Título del mensaje:

Buenas tardes, no se mucho sobre el código pero investigando por el foro he encontrado este post con tu mismo problema:
http://www.paginawebgratis.es/forum/viewtopic.php?t=66575&highlight=arriba+abajo
Lo he probado y funciona perfectamente, espero que te sirva de ayuda.

Saludos


Ultima edición por inuyasha-y el Lun Ago 03, 2015 7:23 am; editado 1 vez
Mensaje03-08-2015, 12:47 (UTC)    
Título del mensaje:

Muchas gracias "inuyasha-y" por tu respuesta, he revisado ese código y me sigue sin funcionar la parte de mandar hacia abajo, saludos Daniel


Ultima edición por masalladelosversos el Lun Ago 03, 2015 8:50 am; editado 2 veces
Mensaje03-08-2015, 12:52 (UTC)    
Título del mensaje:

De acuerdo, he seguido buscando y he encontrado uno en la pagina de cssplantillas:
http://cssplantillas.es.tl/Botones-subir-y-bajar.htm
Mensaje03-08-2015, 14:48 (UTC)    
Título del mensaje:

Hola "inuyasha-y" agradezco enormemente tu preocupación y esfuerzo pero ese código es para marquesinas como las que ya tengo puestas, si entras a mi página las veras, una horizontal que dice "Bienvenido" y otra vertical con movimiento hacia arriba, donde están las últimas obras publicadas, saludos Daniel
Mensaje03-08-2015, 16:17 (UTC)    
Título del mensaje:

Bueno dicen que a la tercera va la vencida espero que sea este:
Código:
<a href='#footer'><img border='0' style='position:fixed; bottom:0; right:0;' src="URL de la imagen" title="Ir abajo" /></a>


Ultima edición por inuyasha-y el Lun Ago 03, 2015 12:18 pm; editado 1 vez
Mensaje03-08-2015, 17:54 (UTC)    
Título del mensaje:

jajajajja vuelvo a agradecerte, pero no funciona, gracias desde el alma, saludos Daniel
Mensaje04-08-2015, 03:49 (UTC)    
Título del mensaje:

hola masalladelosversos

El código que publicaste no te funciona porque no tiene el atributo name.
Si usas los atributos name, lo podrás hacer sin problemas.

Enlace donde se irá a la parte del name que seleccione y oprimas.

Código:
<a href="#footer-wrapper">Ir a leer en el footer</a>


Name atributo.

Código:
<a name="footer-wrapper">Footer</a>


Te doy un sencillo ejemplo para que entiendas.

La página de prueba:
Cita:
http://www.paginawebgratis.es/impressum.php


La página agregando un valor name a los enlaces:
Cita:
http://www.paginawebgratis.es/impressum.php#support


Saludos.
______________
Mensaje04-08-2015, 06:17 (UTC)    
Título del mensaje:

Buenos días master-nemesis he probado agregarle el atributo y tampoco funciona, o sea lo probe de las siguientes maneras, el problema es solo ir hacia abajo, porque el de subir funciona a la perfeción:

Código:
<a href='#footer'><img border='0' style='position:fixed; bottom:220; left:0;' src="http://img.webme.com/pic/m/masalladelosversos/bodown2.png" />Footer</a>


Código:
<a href='#footer'>Footer<img border='0' style='position:fixed; bottom:220; left:0;' src="http://img.webme.com/pic/m/masalladelosversos/bodown2.png" /></a>


code]<a href='#footer'><img border='0' style='position:fixed; bottom:220; left:0;' src="http://img.webme.com/pic/m/masalladelosversos/bodown2.png" /><a name="footer-wrapper">Footer</a>[/code]

Código:
<a href='#footer'><a name="footer-wrapper">Footer<img border='0' style='position:fixed; bottom:220; left:0;' src="http://img.webme.com/pic/m/masalladelosversos/bodown2.png" /></a>


Capaz que es algún otro código que está en conflicto y por eso no funciona, se los dejo a continuación por si los quiere revisar, desde ya le agradezco su amabilidad, muchas gracias, saludos Daniel


Código:
<style type="text/css">
<!--
td.edit_content_bg{background-image: url();background-color: #FFFFFF;}
td.cont{color: #0000FF;}
-->
</style>

Código:
<style type="text/css">
td[class="edit_nav_main_charakter"] a[class="menu"] {
font-size: 14px !important;
}
td[class="edit_nav_main_charakter"] {
font-size: 0px !important;
}
</style>

Código:
<style type="text/css">
td.edit_right_box2 {background-image:url(http://img.webme.com/pic/m/masalladelosversos/fonboxder.jpg);
}
</style>

Código:
<style type="text/css"><td.edit_contetn_headline2_nav{background-color:#FCEBD5;}>
</style>


Código:
<style type="text/css">
td.edit_headline_nav{background-color:#FCEBD5;}
</style>

Código:
<style type="text/css">
td.edit_nav_main{
background-image:url(http://img.webme.com/pic/m/masalladelosversos/box1der.jpg);
}
td.edit_nav_main:hover{
background-image:url(http://img.webme.com/pic/m/masalladelosversos/orange.jpg)!important;
}
</style>

Código:
<style type="text/css">
A:hover { color: white;background:#;}
</style>

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/www.w3.org/1999/xhtml"> <div style="width:1000px; position: relative; margin-left: auto; margin-right: auto;">
<!-- MuchaRed.es.tl --> <script>
var rate = 20; // Increase amount(The degree of the transmutation)
if (document.getElementById)
window.onerror=new Function("return true")
var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;}
function doRainbow(obj){
if (act == 0) {
act = 1;
if (obj) objActive = obj;
else objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);}}
function stopRainbow(){
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;}}
function doRainbowAnchor(){
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);}}}
function stopRainbowAnchor(){
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;}}}
function Mozilla_doRainbowAnchor(e){
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);}}}
function Mozilla_stopRainbowAnchor(e){
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;}}}
function ChangeColor(){
objActive.style.color = makeColor();}
function makeColor(){
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;}
else { t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;}}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;}
</script>
<style type="text/css">
td.edit_content_headline3{
display: none;
}
</style>
<style type="text/css">
td.cont_bar_left{
display: none;
}
</style>
<style type="text/css">
.zoomIt{
display:block!important;
-webkit-transition:-webkit-transform 0.5s ease-out;
-moz-transition:-moz-transform 0.5s ease-out;
-o-transition:-o-transform 0.5s ease-out;
-ms-transition:-ms-transform 0.5s ease-out;
transition:transform 0.5s ease-out;
}
.zoomIt:hover{
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}
</style>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.4";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script src="https://apis.google.com/js/platform.js" async defer>
  {lang: 'es'}
</script>


Código:
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-55ab301507461f69" async="async"></script>
</style>


Código:
<a href='#top'><img border='0' style='position:fixed; top:70; left:0;' src="http://img.webme.com/pic/m/masalladelosversos/botup.png"/></a>



Código:
<a href='#footer'><a name="footer-wrapper">Footer<img border='0' style='position:fixed; bottom:220; left:0;' src="http://img.webme.com/pic/m/masalladelosversos/bodown2.png" /></a>
Mensaje04-08-2015, 08:18 (UTC)    
Título del mensaje:

Preste atención que estas haciendo algo mal, mira esta linea de lo que escribiste. Te lo marco en rojo.

Cita:
<a href='#footer'><a name="footer-wrapper">


tiene que llevar el mismo name.
Te dejo mi página para que pruebes que funciona.
http://master-nemesis.es.tl/Derechos-del-Autor.htm (pagina de prueba que será restablecida en 24 horas)

¿Como lo hice?
Con los mismos codigos que te pase.

En texto sobre el diseño puse el código.

Código:
<a href='#top'><img border='0' style='position:fixed; top:70; left:0;' src="http://img.webme.com/pic/m/masalladelosversos/botup.png"/></a>
<a href='#footer'><img border='0' style='position:fixed; bottom:220; left:0;' src="http://img.webme.com/pic/m/masalladelosversos/bodown2.png" /></a>


y en Texto por debajo de la página puse el atributo name.

Código:
<a name="footer">Footer</a>



Saludos.
______________
Mensaje04-08-2015, 14:44 (UTC)    
Título del mensaje:

Excelente master-nemesis, ahora funciona, solo que aparece la palabra Footer arriba de donde dice "Modo pantalla completa" ¿esto está bien?,¿se puede ocultar?. Desde ya le agradezco enormemente el esfuerzo y la voluntad que ponen para ayudarnos, saludos Daniel

Cita:
http://img.webme.com/pic/m/masalladelosversos/Captura.JPG
Mensaje05-08-2015, 05:02 (UTC)    
Título del mensaje:

borra el texto y no borres el name, lo único que importa es el atributo name. Mientras que los name estén correcto, no habrá problemas.

Saludos.
______________
Mensaje05-08-2015, 05:54 (UTC)    
Título del mensaje:

Muchas gracias master-nemesis funcionó todo a la perfección, gracias por su amabilidad y paciencia, saludos Daniel
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group