Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

1,067 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>

×