none
Como colocar un icono al lado izquierdo de la URL. RRS feed

  • Pregunta

  • Hola a todos, aquí nuevamente.

    Bien, tengo un sitio web en producción, me interesaría ponerle un icono de esos que van al lado izquierdo de la URL en el navegador, como y donde se programa, configura, asigna o lo que sea que se haga?


    Roy Sillerico

    jueves, 21 de mayo de 2015 20:43

Respuestas

  • El codigo que te paso Asier Villanueva, tenes que usar en el Master de tu pagina para que asi el favicon salga en todas las demas paginas.

    <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="pagina.Master.cs" Inherits="pagina.Liukang" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>.::Mi pagina::.</title>

    <link id="favicon1" runat="server" rel="shortcut icon" href="~/images/favicon.ico" type="image/x-icon" /> <script defer type="text/javascript" src="scripts/pngFix.js"></script> <script defer type="text/javascript" src="../scripts/pngFix.js"></script> <![endif]--> <asp:ContentPlaceHolder ID="head" runat="server"> </asp:ContentPlaceHolder> <body class="bodyMaster"> </body> </html>


    OBS: Favor vota si te es útil la información.
    Saludos
    Bader Molinas - Paraguay
    https://deveintel.wordpress.com/


    jueves, 21 de mayo de 2015 21:36

Todas las respuestas

  • hola

    lo que quieres agregar se conoce como

    Favicon

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    jueves, 21 de mayo de 2015 21:11
  • Existen dos opciones:

    Una es la de añadir un archivo de icono favicon.ico (con este nombre exacto)  en la carpeta raíz de tu sitio web. De esta forma este icono se aplicará a todas las páginas del sitio.

    La otra es definirlo en la cabecera de la propia página. De esta forma puedes asignar diferentes iconos y puedes utilizar otros formatos de imagen como gif o png.

    Para utilizar este segundo método deberás incluir en la cabecera un tag como:

    <link rel="shortcut icon" href="http://www.misitio.com/favicon.ico" />
    o
    <link rel="icon" href="favicon.ico" type="image/x-icon" />

    Si utilizas otro formato de imagen deberás cambiar el valor del atributo type:
    <link rel="shortcut icon" href="favicon.png" type="image/png" />


    jueves, 21 de mayo de 2015 21:16
  • Bueno algo de eso ya lo lei, pero lo que mas me interesa es el código, por decir: "en el web.config adicionar la linea ..... que hace referencia a la imagen de la  carpeta..."

    no se algo asi.


    Roy Sillerico

    jueves, 21 de mayo de 2015 21:17
  • El codigo que te paso Asier Villanueva, tenes que usar en el Master de tu pagina para que asi el favicon salga en todas las demas paginas.

    <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="pagina.Master.cs" Inherits="pagina.Liukang" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>.::Mi pagina::.</title>

    <link id="favicon1" runat="server" rel="shortcut icon" href="~/images/favicon.ico" type="image/x-icon" /> <script defer type="text/javascript" src="scripts/pngFix.js"></script> <script defer type="text/javascript" src="../scripts/pngFix.js"></script> <![endif]--> <asp:ContentPlaceHolder ID="head" runat="server"> </asp:ContentPlaceHolder> <body class="bodyMaster"> </body> </html>


    OBS: Favor vota si te es útil la información.
    Saludos
    Bader Molinas - Paraguay
    https://deveintel.wordpress.com/


    jueves, 21 de mayo de 2015 21:36