Tabla Con Enlaces A Pagina

Tabla Con Enlaces De Inserción

Aquí tenéis una pequeña y muy útil tabla que podéis usar en vuestras páginas para asi mostrar el enlace de la página actual en diferentes formatos para así facilitar al usuario el poner un enlace hacia la página actual.

El Script
Añadiremos este script antes de que acabe la etiqueta HEAD
<script type="text/javascript">
var loc = window.location;
var name = document.title;
</script>

El HTML
Añadiremos este pequeño código HTML donde queramos que aparezcan los enlaces.
<div id="link-box">
<div class="link-linea">
<div class="link-tipo">URL Directa:</div><div class="link-enlace"><script type="text/javascript">document.write(''+ loc +'');</script></div>
<div style="clear: both;"></div></div>
<div class="link-linea">
<div class="link-tipo">Enlace HTML:</div><div class="link-enlace"><script type="text/javascript">document.write('<a href="'+ loc +'">'+ name +'</a>');</script></div>
<div style="clear: both;"></div></div>
<div class="link-linea">
<div class="link-tipo">Enlace BBCODE:</div><div class="link-enlace"><script type="text/javascript">document.write('[url="'+ loc +'"]'+ name +'[/url]');</script></div>
<div style="clear: both;"></div></div>
<div style="clear: both;"></div>
</div> 

El Script
Y por ultimo añadimos este CSS para darle el estilo, podemos modificarlo a nuestro gusto.
#link-box {
background: #212326;
border-radius: 5px;
width: 600px;
margin: 5px auto;
padding: 5px;
}
.link-linea {
clear: both;
margin: 3px 0;
}
.link-tipo {
float: left;
width: 95px;
padding: 3px 0;
}
.link-enlace {
float: left;
width: 496px;
padding: 3px;
margin: 0 0 0 3px;
border-radius: 5px;
background: #1B1C1F;
}

P U B L I

Navegación

Bitt Net En Las Redes

Bitt Net

Tabla Con Enlaces A Pagina

Tabla Con Enlaces De Inserción

El Script

El HTML

El Script