Tabla con Enlaces
Empezaremos por el Script, sigan los pasos a pie de la letra para que les funcione.
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:
El HTML lo ponemos en la página que querramos que aparesca.-
<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 CSS:
Lo colocamos en CSS-CODE-
#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;
-
}
Y si todo salio bien, les quedaría así:
URL Directa:
Enlace HTML:
Enlace BBCODE:
