PopUp resistentes

[laratik]

pasas todo lo que esta dentro de etiquetas style a un nuevo archivo con extención css:

Código CSS:

<style type="text/css">
    body {color: purple; background-color: #d8da3d }
    #popup {background:#e9e9e9;z-index:5;color: #ffffff;left:auto;padding: 10px;border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius:4px;}
    #popup table{background:#e9e9e9;font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;color: DarkRed,border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius:4px; }
    #popup a:link { text-decoration: none;font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;color:FireBrick}
    #popup a:visited { text-decoration: none;font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;color:FireBrick}
    #popup a:hover { background: #e9e9e9; color: blue }
    
   </style>
 

Recuerda quitar las etiquetas style, luego le das un nombre al archivo, en mi ejemplo se llama stilo.css. justo donde se encontraban las etiquetas style, colocas el enlace al nuevo archivo CSS, es decir en el head:

Código HTML:

<link rel="stylesheet" href="CSS/stilo.css" type="text/css" media="screen" />
 

Recuerda colocar la ruta relativa completa al archivo que acabas de crear, eso seria todo lo que se debe hacer, de esta manera solo enlazas el archivo a cada una de las paginas que lo necesiten y ya.