Activity Stream
Quick Links
48,167 MEMBERS
6936 ONLINE
Register Now
besthostingforums On YouTube Subscribe to our Newsletter besthostingforums On Twitter besthostingforums On Facebook besthostingforums On facebook groups

Results 1 to 8 of 8
  1. 27th Dec 2011, 09:13 AM
        
    #1
    r00ts is offline
    OP
    r00ts
    Member

    Question Add javascript to phpbb3

    How do i add a java script to phpbb3 ?
    I have red this guide and it doesnt work.
    http://www.phpbb.com/community/viewtopic.php?f=74&t=7242
    05&p=4505555
    I was thinking of adding moving boxes java script to the site.
    r00ts Reviewed by r00ts on . Add javascript to phpbb3 How do i add a java script to phpbb3 ? I have red this guide and it doesnt work. http://www.phpbb.com/community/viewtopic.php?f=74&t=7242 05&p=4505555 I was thinking of adding moving boxes java script to the site. Rating: 5
    Reply With QuoteRegister To Reply Ping this articlePing

    2.   Sponsored Links

  2. 27th Dec 2011, 09:44 AM
        
    #2
    rareyush is offline
    rareyush
    Member
    First goto acp
    got style
    choose template
    click on edit of your default style
    search overall header
    find </head>
    paste the java code before </head>
    and after </head> paste this
    Code: 
    <div style="text-align: center;">
<p>
<script language="JavaScript">

<!-- hiding this script
document.write(ad)
// -->
</script>
</p>
</div>
    Reply With QuoteRegister To Reply
  3. 27th Dec 2011, 11:44 AM
        
    #3
    r00ts is offline
    OP
    r00ts
    Member
    No that command did some wierd stuff, look @ this image:
    http://img859.imageshack.us/img859/9181/22447591.png

    And its not even the javascript i wrote in the code to execute it just puts the top of the page, down to the page.
    Reply With QuoteRegister To Reply
  4. 27th Dec 2011, 11:47 AM
        
    #4
    rareyush is offline
    rareyush
    Member
    I think dere is an error in ur java script

    can you temme what dat java script do ?
    Reply With QuoteRegister To Reply
  5. 27th Dec 2011, 12:00 PM
        
    #5
    r00ts is offline
    OP
    r00ts
    Member
    http://css-tricks.com/moving-boxes/
    Its this javascript.

    This is how it looks after the edit.
    Code: 
    <!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=iso-8859-1" />
<title>Untitled Document</title>

<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 http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!-- IF S_ENABLE_FEEDS -->
    <!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
    <!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
    <!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
    <!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
    <!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
    <!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
    <!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&amp;t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<!--
    phpBB style name: prosilver
    Based on style:   prosilver (this is the default phpBB3 style)
    Original author:  Tom Beddard ( http://www.subBlue.com/ )
    Modified by:

    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
-->

<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 style_cookie_settings = '{A_COOKIE_SETTINGS}';
    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(/&amp;/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>
<!-- Required CSS -->
<link type="text/css" href="movingboxes.css" media="screen" charset="utf-8" rel="stylesheet"  />
<!--[if lt IE 9]>
<link type="text/css" href="css/movingboxes-ie.css" rel="stylesheet" media="screen" />
<![endif]-->

<!-- Required script --> 
<script type="text/javascript" src="jquery-1.7.1.min.js" charset="utf-8"></script>
<script type="text/javascript" src="jquery.movingboxes.js" charset="utf-8"></script>

<!-- Required script --> 
<script type="text/javascript">
$(function(){
 $('#boxes').movingBoxes(); // add any non-default options here
});
</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 -->



<!-- Required CSS -->
<link type="text/css" href="movingboxes.css" media="screen" charset="utf-8" rel="stylesheet"  />
<!--[if lt IE 9]>
<link type="text/css" href="css/movingboxes-ie.css" rel="stylesheet" media="screen" />
<![endif]-->

<!-- Required script -->
<script type="text/javascript" src="jquery-1.7.1.min.js" charset="utf-8"></script>
<script type="text/javascript" src="jquery.movingboxes.js" charset="utf-8"></script>

<!-- Required script -->
<script type="text/javascript">
$(function(){
 $('#boxes').movingBoxes(); // add any non-default options here
});
</script>
<div style="text-align: center;">
<p>
<script language="JavaScript">

<!-- hiding this script
document.write(ad)
// -->
</script>
</head>
<div style="text-align: center;">
<p>
<script language="JavaScript">

<!-- hiding this script 
document.write(ad)
// -->
</script>
</p>
</div>


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


<div id="boxes">

   <div> <!-- panel #1 -->
  <a href="http://www.xxxxxxxxxxxxxx"> <img src="1.png"> </a>
 </div>

   <div> <!-- panel #2 -->
  <a href="http://www.xxxxxxxxx"> <img src="1.png"> </a>
 </div>
 
 <div> <!-- panel #1 -->
  <a href="http://www.xxxxxxxxx"> <img src="1.png"> </a>
 </div>

    <div> <!-- panel #2 -->
  <a href="http://www.xxxxx"> <img src="1.png"> </a>
 </div>http://www.hd-bb.org"> <img src="1.png"> </a>
 </div>


   

<div id="wrap">
    <a id="top" name="top" accesskey="t"></a>
    <div id="page-header">
        <div class="headerbar">
            <div class="inner"><span class="corners-top"><span></span></span>

            <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 class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
            </div>

        <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
            <div id="search-box">
                <form action="{U_SEARCH}" method="post" id="search">
                <fieldset>
                    <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
                    <input class="button2" value="{L_SEARCH}" type="submit" /><br />
                    <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
                </fieldset>
                </form>
            </div>
        <!-- ENDIF -->

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

        <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>‹</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

                <li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" 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="e">{L_PROFILE}</a>
                        <!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF -->
                    <!-- IF S_DISPLAY_SEARCH --> &bull;
                    <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
                    <!-- ENDIF -->
                    <!-- 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 and not (S_SHOW_COPPA or S_REGISTRATION) --><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="x">{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="information" 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 -->
    Reply With QuoteRegister To Reply
  6. 21st Feb 2012, 12:49 AM
        
    #6
    r00ts is offline
    OP
    r00ts
    Member
    Well it works now. But i want it under Forum logo:

    http://bmwfiles.coolpage.biz/forum/index.php
    Reply With QuoteRegister To Reply
  7. 21st Feb 2012, 05:49 AM
        
    #7
    Bankrobber is offline
    Bankrobber
    Member
    Configure your .css propertly

    Code: 
    <link type="text/css" href="movingboxes.css" media="screen" charset="utf-8" rel="stylesheet"  />
    Reply With QuoteRegister To Reply
  8. 21st Feb 2012, 01:49 PM
        
    #8
    r00ts is offline
    OP
    r00ts
    Member
    Yeah it works now!!! YEY!!!
    http://bmwfiles.coolpage.biz/forum

    But i want it just on the first page, not when u browsing the forum. Any ideas?
    Reply With QuoteRegister To Reply
« Previous Thread | Next Thread »

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. JavaScript help
    By Keosoft90 in forum Web Development Area
    Replies: 4
    Last Post: 4th Sep 2012, 04:23 PM
  2. Need Javascript Help
    By Netguy in forum Web Development Area
    Replies: 7
    Last Post: 19th Mar 2011, 03:24 PM
  3. JavaScript Kit
    By Daniel in forum Useful Sites
    Replies: 0
    Last Post: 7th Mar 2011, 06:48 PM
  4. javascript help
    By jokerhacker in forum Web Development Area
    Replies: 4
    Last Post: 27th Dec 2010, 11:02 AM
  5. Help About JavaScript
    By macypro in forum Technical Help Desk Support
    Replies: 1
    Last Post: 7th Dec 2010, 12:23 AM

Tags for this Thread

BE SOCIAL
FAQ | SITEMAP
Copyright ® 2008 - 2015 besthostingforums.com
Copyright © 2013 vBulletin Solutions, Inc. All rights reserved.
BestHostingForums.com is a great place to learn about Internet Marketing Online, SEO Techniques, Search Engine Marketing and resources for Web Development.