Menu Despeagable

Ayuda Para Tu Web

DanGrecks ~ ˇAyuda WebMaster!

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;
  1. <script type="text/javascript">
  2. var loc = window.location;
  3. var name = document.title;
  4. </script>


El HTML:

El HTML lo ponemos en la página que querramos que aparesca.

  1. <div id="link-box">
  2. <div class="link-linea">
  3. <div class="link-tipo">URL Directa:</div><div class="link-enlace"><script type="text/javascript">document.write(''+ loc +'');</script></div>
  4. <div style="clear: both;"></div></div>
  5. <div class="link-linea">
  6. <div class="link-tipo">Enlace HTML:</div><div class="link-enlace"><script type="text/javascript">document.write('<a href="'+ loc +'">'+ name +'</a>');</script></div>
  7. <div style="clear: both;"></div></div>
  8. <div class="link-linea">
  9. <div class="link-tipo">Enlace BBCODE:</div><div class="link-enlace"><script type="text/javascript">document.write('[url="'+ loc +'">'+ name +'[/url]');</script></div>
  10. <div style="clear: both;"></div></div>
  11. <div style="clear: both;"></div>
  12. </div>

El CSS:

Lo colocamos en CSS-CODE

  1. #link-box {
  2. background: #212326;
  3. border-radius: 5px;
  4. width: 600px;
  5. margin: 5px auto;
  6. padding: 5px;
  7. }
  8. .link-linea {
  9. clear: both;
  10. margin: 3px 0;
  11. }
  12. .link-tipo {
  13. float: left;
  14. width: 95px;
  15. padding: 3px 0;
  16. }
  17. .link-enlace {
  18. float: left;
  19. width: 496px;
  20. padding: 3px;
  21. margin: 0 0 0 3px;
  22. border-radius: 5px;
  23. background: #1B1C1F;
  24. }

Y si todo salio bien, les quedaría así:



Copyright © 2009-2013| DanGrecks | by AnGrecK

En DanGrecks nos encargamos de que todos los usuarios puedan encontrar lo que están buscando fácilmente.





DanGrecks esta Hostiado en Paginawebgratis.es. Lo Recomendamos para registrar su sitio web Totalmente Grátis.





Todos los Derechos reservados a sus respectivos Dueños. Página creada y editada por AnGrecK.





Volver Arriba ↑

=> ¿Desea una página web gratis? Pues, haz clic aquí! <=