Fuentes sin límite en CSS e integraciones con Copy&Paste

1,056 views

Published on

Utilización de fuentes no tradicionales en CSS y HTML con fontsquirrel.com
Ejemplos para traer contenido de la web a mi sitio con el viejo copiar y pegar.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Fuentes sin límite en CSS e integraciones con Copy&Paste

  1. 1. Fuentes e Integración CSS - Vínculos - PHP - JavaScript - API CSS - Vínculos - PHP - JavaScript - API CSS - Vínculos - PHP - JavaScript - API <ul><li>Computación Multimedia I - Clase 13 </li></ul><ul><li>Maximiliano Martin - DUOC 2010 </li></ul>
  2. 2. Fuentes disponible <ul><li>Las instaladas en el sistema operativo </li></ul>Times New Roman Arial Helvetica Courier Verdana Trebouchet Comic Sans Georgia
  3. 3. Fuentes disponible http://www.fontsquirrel.com/ Formata Regular
  4. 4. Fuentes disponible
  5. 5. Fuentes disponible
  6. 6. Tipos de integración <ul><li>Básica </li></ul><ul><li>Media </li></ul><ul><li>Programación </li></ul><ul><li>Desarrollo </li></ul>Links Objetos embebidos PHP o Javascript Programaciones API
  7. 7. Desde tu sitio a internet Links HTML <a href=&quot; http://www.twitter.com/maxymiliano &quot;> <img src=&quot; http://twitter-badges.s3.amazonaws .com/t_logo-a.png &quot; alt=&quot;Follow maxymiliano on Twitt er&quot;/> </a>
  8. 8. Internet en tu sitio Javascript
  9. 9. Internet en tu sitio <script src=&quot; http://widgets.twimg.com/j/2/widget.js &quot;></script><script>new TWTR.Widget({ version: 2, type: 'profile', rpp: 4, interval: 6000, width: 250, height: 300, theme: { shell: { background: '#333333', color: '#ffffff' }, tweets: { background: '#000000', color: '#ffffff', links: '#4aed05' } }, features: { scrollbar: false, loop: false, live: false, hashtags: true, timestamp: true, avatars: false, behavior: 'all' }}).render().setUser('maxymiliano').start();</script>
  10. 10. Internet en tu sitio iFrame <iframe width=&quot;425&quot; height=&quot;350&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; marginheight=&quot;0&quot; marginwidth=&quot;0&quot; src=&quot; http://maps.google.com/?ie=UTF8&amp;ll=-30.902225,-31.289062&amp;spn=76.456208,180&amp;t=h&amp;z=3&amp;output=embed &quot;> </iframe>
  11. 11. Internet en tu sitio Embed <object width=&quot;480&quot; height=&quot;385&quot;> <param name=&quot;movie&quot; value=&quot; http://www.youtube.com/v/FQEBjzUWjU4?fs=1&amp;hl=es_ES &quot;></param> <param name=&quot;allowFullScreen&quot; value=&quot;true&quot;></param> <param name=&quot;allowscriptaccess&quot; value=&quot;always&quot;></param> <embed src=&quot;http://www.youtube.com/v/FQEBjzUWjU4?fs=1&amp;hl=es_ES &quot; type=&quot;application/x-shockwave-flash&quot; allowscriptacce ss=&quot;always&quot; allowfullscreen=&quot;true&quot; width=&quot;480&quot; height=&quot;385&quot;> </embed> </object>

×