Бегущая строка на сайте
  • Всем форумчанам привет!

    Столкнулся с проблемой сдвига формы бегучки к центру верха страницы.

    В принципе все устраивает, но хотелось бы чтоб форма бегучки была по середине ,
    а не уходила влево.

    Вот сам скрипт :

    HTML

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Документ без названия</title>

    <script language="JavaScript" type="text/javascript">

    <!--
    function tekst(msg,ctrlwidth)
    {
    msg = " "+msg
    newmsg = msg
    while (newmsg.length < ctrlwidth) {newmsg += msg}
    document.write ('<form name="Tekst" >')
    document.write ('<input name="tekst" " style="color:green " style="border:0;font-weight:bold;" value= "'+newmsg+'" size= '+ctrlwidth+' />')
    document.write ('<\/form>')
    prokrutka()
    }
    function prokrutka()
    {
    NowMsg=document.Tekst.tekst.value
    NowMsg=NowMsg.substring(1,NowMsg.length)+NowMsg.substring(0,1)
    document.Tekst.tekst.value = NowMsg
    bannerid=setTimeout("prokrutka()",56)
    }
    //-->
    </script>
    <script type="text/javascript">
    tekst ("Помогите мне сдвинутся по середине верха страницы!",80)
    </script>




    </head>

    <body>

    </body>
    </html>




    Спасибо всем кто поможет в этом разобраться .
  • Не пойму в чем проблема. А почему бы не засунуть код в <div align="center"> ?
  • Не пойму в чем проблема. А почему бы не засунуть код в <div align="center"> ?


    Может быть и нужно его через дивы сделать,
    но бегучку хочу вставить в форум ,
    точнее поверх всего..
    Для этого есть в форуме phpBB3 файл overall_header.html


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
    <html xmlns="http://www.w3.org/1999/xhtml&quot; 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="yes" />
    <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; IE=EmulateIE9" />
    <meta name="robots" content="index, follow" />
    {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">
    <!--
    function tekst(msg,ctrlwidth)
    {
    msg = " "+msg
    newmsg = msg
    while (newmsg.length < ctrlwidth) {newmsg += msg}
    document.write ('<form name="Tekst">')
    document.write ('<input name="tekst" style="color:green " style="border:0;font-weight:bold;" value= "'+newmsg+'" size= '+ctrlwidth+' />')
    document.write ('</form>')
    prokrutka()
    }
    function prokrutka()
    {
    NowMsg=document.Tekst.tekst.value
    NowMsg=NowMsg.substring(1,NowMsg.length)+NowMsg.substring(0,1)
    document.Tekst.tekst.value = NowMsg
    bannerid=setTimeout("prokrutka()",56)
    }
    //-->
    </script>
    <script type="text/javascript">
    tekst("Приветствуем Вас на форуме!",80)
    </script>

    <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++)
    {
    ######(onload_functions[i]);
    }
    }

    window.onunload = function()
    {
    for (var i = 0; i < onunload_functions.length; i++)
    {
    ######(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>
    <!-- INCLUDE reimg_content.html -->
    <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 -->
    <link href="{T_THEME_PATH}/prime_links/prime_links.css" rel="stylesheet" type="text/css" />
    <!-- begin mod: Prime Trash Bin -->
    <!-- INCLUDE prime_show_deleted_post.html -->
    <!-- end mod: Prime Trash Bin -->
    <!-- begin mod: phpBB Gallery -->
    <!-- INCLUDE gallery/plugins_header.html -->
    <!-- end mod: phpBB Gallery -->
    </head>

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

    <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>
    <!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
    <div class="navbar">
    <div class="inner"><span class="corners-top"><span></span></span>

    <ul class="linklist navlinks">
    <li class="icon-home"><!-- IF U_PORTAL --><a href="{U_PORTAL}">{L_PORTAL}</a> » <!-- ENDIF --><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>
    <!-- begin mod: phpBB Statistics -->
    <!-- IF S_VIEW_STATS --><li class="icon-faq"><a href="{U_STATS}" title="{L_STATS_EXPLAIN}">{L_STATISTICS}</a></li><!-- ENDIF -->
    <!-- end mod: phpBB Statistics -->
    <!-- begin mod: phpBB Gallery -->
    <li class="icon-gallery"><a href="{U_GALLERY_MOD}" title="{L_GALLERY_EXPLAIN}">{L_GALLERY}</a></li>
    <!-- end mod: phpBB Gallery -->
    <!-- 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 -->
    <!-- begin mod: Thanks for posts -->
    <!-- IF S_DISPLAY_TOPLIST --><li class="icon-thanks_toplist"><a href="{U_REPUT_TOPLIST}" title="{L_REPUT_TOPLIST}">{L_REPUT_TOPLIST}</a></li><!-- ENDIF -->
    <!-- IF S_DISPLAY_THANKSLIST --><li class="icon-thanks"><a href="{U_THANKSLIST}" title="{L_THANKS_USER}">{L_GRATITUDES}</a></li><!-- ENDIF -->
    <!-- end mod: Thanks for posts -->
    <!-- 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>
    <!-- ENDIF -->
    </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 -->

    То есть можно ли это исполнить в дивах, если хочется чтоб бегучка была поверх всего содержимого страницы ?
  • Всем спасибо,кто уже начал голову ломать над моим сообщением.

    задачу решил сам же вставив в код <center>

    document.write ('<form name="Tekst">')
    document.write ('<center><input name="tekst" style="color:green " style="border:0;font-weight:bold;" value= "'+newmsg+'" size= '+ctrlwidth+' /></center>')
    document.write ('</form>')

    Извините за излишнее беспокойство..


    Вот кому понадобится исправленный вариант скрипта :

    <script type="text/javascript">
    <!--
    function tekst(msg,ctrlwidth)
    {
    msg = " "+msg
    newmsg = msg
    while (newmsg.length < ctrlwidth) {newmsg += msg}
    document.write ('<form name="Tekst">')
    document.write ('<center><input name="tekst" style="color:green " style="border:0;font-weight:bold;" value= "'+newmsg+'" size= '+ctrlwidth+' /></center>')
    document.write ('</form>')
    prokrutka()
    }
    function prokrutka()
    {
    NowMsg=document.Tekst.tekst.value
    NowMsg=NowMsg.substring(1,NowMsg.length)+NowMsg.substring(0,1)
    document.Tekst.tekst.value = NowMsg
    bannerid=setTimeout("prokrutka()",56)
    }
    //-->
    </script>
    <script type="text/javascript">
    tekst("Я бегущая строка!",80)
    </script>
    <script type="text/javascript">

  • Невалидно, лучше <div align="center"></div> :)
  • Невалидно, лучше <div align="center"></div> :)

    Не страшно..:) Кому надо тот и поправит у себя на сайте через дивы..:)
  • А как в текст вставить гиперссылку?

Привет, незнакомец!

Похоже, Вы новенький! Чтобы начать обсуждение, кликните на одну из кнопок ниже ;)

Войти с помощью OpenID

Категории

В этой теме: