Favicon

Dmeijer13 · Bericht door **Dmeijer13** » 07 aug 2008, 12:16

Hallo...

Ik weet niet of ik dit hier goed post, anders hoor ik het wel denk =)

Mijn vraag is hoe je aan je phpBB3 forum nou een favicon kan toevoegen, zelf heb ik toch het idee iets te moeten toevoegen in 'overall_header' maar wat weet ik niet, en dan een image van 16x16 favicon.ico uploaden naar je imageset.

Zou iemand mij hier verder mee kunnen helpen? Alvast hartelijk bedankt =D

Ger · Bericht door **Ger** » 07 aug 2008, 12:49

Stap 1 is de favicon met de naam favicon.ico in de root van je gehele website zetten, vaak dus in de map public_html of iets van dien aard. Voor de meeste browsers is het dan al geregeld. (zorg er ook voor dat het inderdaad een .ico bestand is, dus niet zomaar een gifje hernoemen, maar echt de juiste bestandsindeling)

Daarna moet je in je overall_header opnemen:

Code: Selecteer alles

<link rel="shortcut icon" href="/favicon.ico" />

En natuurlijk niet vergeten de buffer te legen.

Dmeijer13 · Bericht door **Dmeijer13** » 07 aug 2008, 13:15

Hoe kan ik het beste een icoon de .ico indeling geven? Als ik hem wil 'opslaan als' in ps staat deze indeling er namelijk niet bij =(

En maakt het uit waar ik dat regeltje precies in de overall_header zet?

Ger · Bericht door **Ger** » 07 aug 2008, 13:17

Niet elk programma kan dat inderdaad. Irfanview kan het wel weet ik zo, maar als je dat niet hebt is het gemakkelijker om deze online service te gebruiken.

Splashing Mudkip schreef:En maakt het uit waar ik dat regeltje precies in de overall_header zet?

Je hebt daar vrij bovenaan ook een <link rel... voor je stylesheet staan. Daar kun je 'm onder zetten.

Dmeijer13 · Bericht door **Dmeijer13** » 07 aug 2008, 13:32

Hij vond met zoeken niks met nog eens link, had op het woord link gezocht in het bestand ik zal de overall header ff plaatsen.

Code: Selecteer alles

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
    <head>

    <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
    <meta http-equiv="content-style-type" content="text/css" />
    <meta http-equiv="content-language" content="{S_USER_LANG}" />
    <meta http-equiv="imagetoolbar" content="no" />
    <meta name="resource-type" content="document" />
    <meta name="distribution" content="global" />
    <meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    {META}
    <title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

    <!--
       phpBB style name: Proglass
       Based on style:   prosilver (this is the default phpBB3 style)
       Original author:  Tom Beddard (http://www.subBlue.com/); phpBB (http://www.phpbb.com)
       Modified by:      Chemosabe
       
       NOTE: This page was generated by phpBB, the free open-source bulletin board package.
             The phpBB Group is not responsible for the content of this page and forum. For more information
             about phpBB please visit http://www.phpbb.com
    -->

<link rel="shortcut icon" href="/favicon.ico" />

    <script type="text/javascript">
    // <![CDATA[
       var jump_page = '{LA_JUMP_PAGE}:';
       var on_page = '{ON_PAGE}';
       var per_page = '{PER_PAGE}';
       var base_url = '{A_BASE_URL}';
       var style_cookie = 'phpBBstyle';
       var onload_functions = new Array();
       var onunload_functions = new Array();

       <!-- IF S_USER_PM_POPUP -->
          if ({S_NEW_PM})
          {
             var url = '{UA_POPUP_PM}';
             window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
          }
       <!-- ENDIF -->

       /**
       * Find a member
       */
       function find_username(url)
       {
          popup(url, 760, 570, '_usersearch');
          return false;
       }

       /**
       * New function for handling multiple calls to window.onload and window.unload by pentapenguin
       */
       window.onload = function()
       {
          for (var i = 0; i < onload_functions.length; i++)
          {
             eval(onload_functions[i]);
          }
       }

       window.onunload = function()
       {
          for (var i = 0; i < onunload_functions.length; i++)
          {
             eval(onunload_functions[i]);
          }
       }

    // ]]>
    </script>
    <script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
    <script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

    <link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
    <link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

    <link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
    <link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
    <link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

    <!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
       <link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
    <!-- ENDIF -->

    </head>

    <body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

    <div id="header-bg">
       <div class="inner">
          <div id="site-description">
             <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
             <h1>{SITENAME}</h1>
             <p>{SITE_DESCRIPTION}</p>
             <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
          </div>
       </div>
    </div>

    <div id="wrap-bg">
       <div id="wrap">
       <a id="top" name="top" accesskey="t"></a>
       <div id="page-header">


          <div class="navbar">
             <div class="inner"><span class="corners-top"><span></span></span>
                <ul class="linklist navlinks">
                   <li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a>
                      <!-- BEGIN navlinks -->
                       <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a>
                      <!-- END navlinks -->
                   </li>
       
                   <li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="fontsizeup(); return false;"  class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>

                <!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
                <!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
                <!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
                <!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
                </ul>
       
                <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
                   <ul class="linklist leftside">
                      <li class="icon-ucp">
                         <a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a>
                         <!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF --> &bull;
                         <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
                         <!-- IF U_RESTORE_PERMISSIONS --> &bull;
                            <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
                         <!-- ENDIF -->
                      </li>
                   </ul>
                <!-- ENDIF -->

                <ul class="linklist rightside">
                   <li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
                   <!-- IF not S_IS_BOT -->
                      <!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
                      <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
                      <li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
                   <!-- ENDIF -->
                </ul>

                <span class="corners-bottom"><span></span></span>
             </div>
          </div>
       </div>

       <a name="start_here"></a>
       <div id="page-body">
          
           <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
          <div id="message" class="rules">
             <div class="inner"><span class="corners-top"><span></span></span>
                <strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}

             <span class="corners-bottom"><span></span></span></div>
          </div>
          <!-- ENDIF --> 
          <!-- INCLUDE announcement_centre.html -->

Ik heb de image staan in mijn submap forums, daar staat het forum ook in, en heb de buffer geleegd en ook nog template vernieuwd.

Ger · Bericht door **Ger** » 07 aug 2008, 13:39

Je hebt ze wel, al staat er <link href... rel.... Details.

Waar je hem nu hebt gezet is trouwens goed, als het maar in de head staat.

De favicon in je forumroot zetten kan, maar als je het in de root van je gehele site (domein) zet, dan staat het gelijk overal goed voor. Zorg er trouwens wel voor dat het pad in je <link> goed is.

Dmeijer13 · Bericht door **Dmeijer13** » 07 aug 2008, 13:44

Moet ik aan die regel nu iets aanpassen dan? want hij doet het nog niet, maar het favicon.ico staat nu wel in de map Public_html

Het bestand ziet er nog hetzelfde uit als hierboven gepost.

>>Buffer geleegd!

Ger · Bericht door **Ger** » 07 aug 2008, 13:50

Mag ik een linkje naar je site?

Dmeijer13 · Bericht door **Dmeijer13** » 07 aug 2008, 13:59

Jup.

www.pokeplace.nl/forums

Jim · Bericht door **Jim** » 07 aug 2008, 14:01

Na even je site bekeken te hebben werkt het volgens mij wel hoor.

Ger · Bericht door **Ger** » 07 aug 2008, 14:02

jep, doet 't. Misschien even een harde refresh doen? (Ctrl+F5)

Dmeijer13 · Bericht door **Dmeijer13** » 07 aug 2008, 14:08

bij mij doet hij het in Mozilla inderdaad ja, bij explorer niet, of is dit normaal?

Heb een refresh gedaan met ctrl + f5 + internet explorer herstart.

Ger · Bericht door **Ger** » 07 aug 2008, 14:12

IE6 heeft altijd al problemen gehad met favicons, maar in IE 7 (enige wat ik nu bij de hand heb) doet-ie het gewoon.

Dmeijer13 · Bericht door **Dmeijer13** » 07 aug 2008, 14:16

Ff op andere pc gekeken en daar doet hij het inderdaad, dus, Bedankt =D

Edit:

Ik heb hier over een wiki pagina gemaakt:
http://wiki.phpbb.nl/FavIcon

Ik hoop dat mensen er wat aan hebben en dat ik het hier goed heb neergezet etc.
(bij lukte het pas na het cookies verwijderen bij internetoties in explorer)

Hij staat dus ook op de portaal dit artikel:
http://wiki.phpbb.nl/Portaal:phpBB3

Heb voor dit artikel dit topic gebruikt dus mensen die hier gereageert hebben, bedankt =)

Favicon

Favicon

Re: Favicon

Re: Favicon

Re: Favicon

Re: Favicon

Re: Favicon

Re: Favicon

Re: Favicon

Re: Favicon

Re: Favicon

Re: Favicon

Re: Favicon

Re: Favicon

Re: Favicon