Опубликовано: 14 июня 200817 г Здравствуйте!1) подскажите пожалуйсто как реализовать меню в правую сторону шапки как показано красной стрелкой!2) как сделать отступ сверху в низ как показано синей точкой Шапка разбита вот таким спосабом:http://ipb-ru.net/logo_ipb_3.html Мой global_board_header:<!--ipb.javascript.start--> <script type="text/javascript"> //<![CDATA[ var ipb_var_st = "{$this->ipsclass->input['st']}"; var ipb_lang_tpl_q1 = "{$this->ipsclass->lang['tpl_q1']}"; var ipb_var_s = "{$this->ipsclass->session_id}"; var ipb_var_phpext = "{$this->ipsclass->vars['php_ext']}"; var ipb_var_base_url = "{$this->ipsclass->js_base_url}"; var ipb_var_image_url = "{$this->ipsclass->vars['img_url']}"; var ipb_input_f = "{$this->ipsclass->input['f']}"; var ipb_input_t = "{$this->ipsclass->input['t']}"; var ipb_input_p = "{$this->ipsclass->input['p']}"; var ipb_var_cookieid = "{$this->ipsclass->vars['cookie_id']}"; var ipb_var_cookie_domain = "{$this->ipsclass->vars['cookie_domain']}"; var ipb_var_cookie_path = "{$this->ipsclass->vars['cookie_path']}"; var ipb_md5_check = "{$this->ipsclass->md5_check}"; var ipb_new_msgs = {$this->ipsclass->member['new_msg']}; var use_enhanced_js = {$this->ipsclass->can_use_fancy_js}; var use_charset = "{$this->ipsclass->vars['gb_char_set']}"; var ipb_myass_chars_lang = "{$this->ipsclass->lang['myass_chars']}"; var ajax_load_msg = "{$this->ipsclass->lang['ajax_loading_msg_new']}"; //]]> </script> <script type="text/javascript" src='jscripts/ips_ipsclass.js'></script> <script type="text/javascript" src='jscripts/ipb_global.js'></script> <script type="text/javascript" src='jscripts/ips_menu.js'></script> <script type="text/javascript" src='{$this->ipsclass->vars['img_url']}/folder_js_skin/ips_menu_html.js'></script> <script type="text/javascript" src='cache/lang_cache/{$this->ipsclass->lang_id}/lang_javascript.js'></script> <script type="text/javascript"> //<![CDATA[ var ipsclass = new ipsclass(); ipsclass.init(); ipsclass.settings['do_linked_resize'] = parseInt( "{$this->ipsclass->vars['resize_linked_img']}" ); ipsclass.settings['resize_percent'] = parseInt( "{$this->ipsclass->vars['resize_img_percent']}" ); //]]> </script> <!--ipb.javascript.end--> <div class="borderwrap"> <div id="logostrip1"> <div style="float:right;padding:0"><img src='style_images/<#IMG_DIR#>/tile_back_r.gif' style='vertical-align:top' alt='' border='0' /></div> <div id="logostrip"><a href='{$this->ipsclass->base_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' /><!--ipb.logo.end--></a></div></div> <div id="submenu"> <!--ipb.leftlinks.start--> <if="$this->ipsclass->vars['home_url']"> <span class='ipb-top-center-link'><a href="{$this->ipsclass->vars['home_url']}">{$this->ipsclass->vars['home_name']}</a></span> </if> <if="$this->ipsclass->vars['csite_on']"> <span class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=home">{$this->ipsclass->vars['csite_title']}</a></span> </if> <!--IBF.RULES--> <!--ipb.leftlinks.end--> <!--ipb.rightlinks.start--> <span class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=Help">{$this->ipsclass->lang['tb_help']}</a></span> <span class='ipb-top-center-link' id="ipb-tl-search"><a href="{$this->ipsclass->base_url}act=Search&f={$this->ipsclass->input['f']}">{$this->ipsclass->lang['tb_search']}</a></span> <span class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=Members">{$this->ipsclass->lang['tb_mlist']}</a></span> <span class='ipb-top-center-link' style="border-right: 1px solid #dce3ee"><a href="{$this->ipsclass->base_url}act=calendar">{$this->ipsclass->lang['tb_calendar']}</a></span> <if="$component_links != """> {$component_links} </if> <div class='popupmenu-new' id='ipb-tl-search_menu' style='display:none;width:210px'> <form action="{$this->ipsclass->base_url}act=Search&CODE=01" method="post"> <input type='hidden' name='forums' id='gbl-search-forums' value='all' /> <input type="text" size="20" name="keywords" id='ipb-tl-search-box' /> <input class="button" type="image" style='border:0px' src="{$this->ipsclass->vars['img_url']}/login-button.gif" /> <if="($this->ipsclass->input['act'] == 'sf' OR $this->ipsclass->input['act'] == 'st') AND $this->ipsclass->input['f']"> <br /><input type='checkbox' id='gbl-search-checkbox' value='1' onclick='gbl_check_search_box()' checked='checked' /> {$this->ipsclass->lang['gbl_forum_search']} </if> </form> <div style='padding:4px'> <a href='{$this->ipsclass->base_url}act=Search'>{$this->ipsclass->lang['gbl_more_search']}</a> </div> </div> <script type="text/javascript"> ipsmenu.register( "ipb-tl-search", 'document.getElementById("ipb-tl-search-box").focus();' ); gbl_check_search_box(); </script> <!--ipb.rightlinks.end--> </div> </div> <if="$this->ipsclass->can_use_fancy_js != 0"> <script type="text/javascript" src='jscripts/ips_xmlhttprequest.js'></script> <script type="text/javascript" src='jscripts/ipb_global_xmlenhanced.js'></script> <script type="text/javascript" src='jscripts/dom-drag.js'></script> <div id='get-myassistant' style='display:none;width:400px;text-align:left;'> <div class="borderwrap"> <div class='maintitle' id='myass-drag' title='{$this->ipsclass->lang['myass_drag']}'> <div style='float:right'><a href='#' onclick='document.getElementById("get-myassistant").style.display="none"'>[X]</a></div> <div>{$this->ipsclass->lang['myass_title']}</div> </div> <div id='myass-content' style='overflow-x:auto;'></div> </div> </div> <!-- Loading Layer --> <div id='loading-layer' style='display:none'> <div id='loading-layer-shadow'> <div id='loading-layer-inner'> <img src='style_images/<#IMG_DIR#>/loading_anim.gif' border='0' alt='{$this->ipsclass->lang['ajax_loading_msg']}' /> <span style='font-weight:bold' id='loading-layer-text'>{$this->ipsclass->lang['ajax_loading_msg']}</span> </div> </div> </div> <!-- / Loading Layer --> <!-- Msg Layer --> <div id='ipd-msg-wrapper'> <div id='ipd-msg-title'> <a href='#' onclick='document.getElementById("ipd-msg-wrapper").style.display="none"; return false;'><img src='style_images/<#IMG_DIR#>/close.png' alt='X' title='Close Window' class='ipd' /></a> <strong>{$this->ipsclass->lang['gbl_sitemsg_header']}</strong> </div> <div id='ipd-msg-inner'><span style='font-weight:bold' id='ipd-msg-text'></span><div class='pp-tiny-text'>{$this->ipsclass->lang['gbl_auto_close']}</div></div> </div> <!-- Msg Layer --> </if> <!-- / End board header -->
Опубликовано: 14 июня 200817 г 2) как сделать отступ сверху в низ как показано синей точкойсвойством padding:padding: 5px; - будет отступ со всех сторон.padding: 5px 0 0 0; - будет отступ сверху.
Опубликовано: 14 июня 200817 г Автор В Opere получается а Експлорер неправильно отображает! У него картинка смещается влево и в низ! #logostrip1{ background: #3860BB url(style_images/<#IMG_DIR#>/tile_back.gif); border: 1px solid #FFF; height: 130px; margin: 0; padding: 0;} #logostrip{ background: transparent url(http://www.hip-hop.metroland.ru/banners/bathhc.gif) no-repeat center; height: 100px; margin: 0; padding: 0;} #logographic{ background: transparent url(style_images/<#IMG_DIR#>/logo4.gif) no-repeat left; height: 68px; margin: 0; padding: 0;}
Опубликовано: 14 июня 200817 г Про паддинг для синей точки уже ответили.О меню.Меню, использовав просто код из статьи, справа не сделать.Код расчитан на привязку картинок, и не более того. Для построения меню справа потребуется табличная верстка, либо смешанная – табличная + блочная ("дивная").
Опубликовано: 14 июня 200817 г Автор Про паддинг для синей точки уже ответили.О меню.Меню, использовав просто код из статьи, справа не сделать.Код расчитан на привязку картинок, и не более того. Для построения меню справа потребуется табличная верстка, либо смешанная – табличная + блочная ("дивная").С паддиингом говорю нечего не получается! А насчет мен, а если картинку сделать бекграундом, что тоже неполучиться?
Опубликовано: 14 июня 200817 г Получится, только картинку придется делать бэкграундом уже для ячейки таблички.
Опубликовано: 27 июня 200817 г Автор Я реализовал шапку вот таким вот способом: <!--ipb.javascript.start--> <script type="text/javascript"> //<![CDATA[ var ipb_var_st = "{$this->ipsclass->input['st']}"; var ipb_lang_tpl_q1 = "{$this->ipsclass->lang['tpl_q1']}"; var ipb_var_s = "{$this->ipsclass->session_id}"; var ipb_var_phpext = "{$this->ipsclass->vars['php_ext']}"; var ipb_var_base_url = "{$this->ipsclass->js_base_url}"; var ipb_var_image_url = "{$this->ipsclass->vars['img_url']}"; var ipb_input_f = "{$this->ipsclass->input['f']}"; var ipb_input_t = "{$this->ipsclass->input['t']}"; var ipb_input_p = "{$this->ipsclass->input['p']}"; var ipb_var_cookieid = "{$this->ipsclass->vars['cookie_id']}"; var ipb_var_cookie_domain = "{$this->ipsclass->vars['cookie_domain']}"; var ipb_var_cookie_path = "{$this->ipsclass->vars['cookie_path']}"; var ipb_md5_check = "{$this->ipsclass->md5_check}"; var ipb_new_msgs = {$this->ipsclass->member['new_msg']}; var use_enhanced_js = {$this->ipsclass->can_use_fancy_js}; var use_charset = "{$this->ipsclass->vars['gb_char_set']}"; var ipb_myass_chars_lang = "{$this->ipsclass->lang['myass_chars']}"; var ajax_load_msg = "{$this->ipsclass->lang['ajax_loading_msg_new']}"; //]]> </script> <script type="text/javascript" src='jscripts/ips_ipsclass.js'></script> <script type="text/javascript" src='jscripts/ipb_global.js'></script> <script type="text/javascript" src='jscripts/ips_menu.js'></script> <script type="text/javascript" src='{$this->ipsclass->vars['img_url']}/folder_js_skin/ips_menu_html.js'></script> <script type="text/javascript" src='cache/lang_cache/{$this->ipsclass->lang_id}/lang_javascript.js'></script> <script type="text/javascript"> //<![CDATA[ var ipsclass = new ipsclass(); ipsclass.init(); ipsclass.settings['do_linked_resize'] = parseInt( "{$this->ipsclass->vars['resize_linked_img']}" ); ipsclass.settings['resize_percent'] = parseInt( "{$this->ipsclass->vars['resize_img_percent']}" ); //]]> </script> <!--ipb.javascript.end--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="3"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="tabletopleft"> </td> <td class="tabletopper"> </td> <td class="tabletopright"> </td> </tr> </table> </td> </tr> <tr> <td class="tableleft"> </td> <td class="tablebg" valign="top"> <div class="borderwrap"><div id="logostrip"><table border="0" cellspacing="0" cellpadding="0"><td width="200"><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='Hip-hop Culture (HHC)' border="0" /><!--ipb.logo.end--></td><td width="478"><center><a href="http://www.hip-hop.metroland.ru/index.php?showtopic=771&pid=5660&st=0entry5660"><img src="http://www.hip-hop.metroland.ru/banners/bathhc.gif"></a></img></center></td><td width="200" background="style_images/<#IMG_DIR#>/tile_back_r.gif"><div align="right">[b]Сдесь хочу разместить меню![/b] </div> </div> </div></td></table></div> <div id="submenu"> <!--ipb.leftlinks.start--> <if="$this->ipsclass->vars['home_url']"> <span class='ipb-top-center-link'><a href="{$this->ipsclass->vars['home_url']}">{$this->ipsclass->vars['home_name']}</a></span> </if> <if="$this->ipsclass->vars['csite_on']"> <span class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=home">{$this->ipsclass->vars['csite_title']}</a></span> </if> <!--IBF.RULES--> <!--ipb.leftlinks.end--> <!--ipb.rightlinks.start--> <span class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=Help">{$this->ipsclass->lang['tb_help']}</a></span> <span class='ipb-top-center-link' id="ipb-tl-search"><a href="{$this->ipsclass->base_url}act=Search&f={$this->ipsclass->input['f']}">{$this->ipsclass->lang['tb_search']}</a></span> <span class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=Members">{$this->ipsclass->lang['tb_mlist']}</a></span> <span class='ipb-top-center-link' style="border-right: 1px solid #dce3ee"><a href="{$this->ipsclass->base_url}act=calendar">{$this->ipsclass->lang['tb_calendar']}</a></span> <if="$component_links != """> {$component_links} </if> <div class='popupmenu-new' id='ipb-tl-search_menu' style='display:none;width:210px'> <form action="{$this->ipsclass->base_url}act=Search&CODE=01" method="post"> <input type='hidden' name='forums' id='gbl-search-forums' value='all' /> <input type="text" size="20" name="keywords" id='ipb-tl-search-box' /> <input class="button" type="image" style='border:0px' src="{$this->ipsclass->vars['img_url']}/login-button.gif" /> <if="($this->ipsclass->input['act'] == 'sf' OR $this->ipsclass->input['act'] == 'st') AND $this->ipsclass->input['f']"> <br /><input type='checkbox' id='gbl-search-checkbox' value='1' onclick='gbl_check_search_box()' checked='checked' /> {$this->ipsclass->lang['gbl_forum_search']} </if> </form> <div style='padding:4px'> <a href='{$this->ipsclass->base_url}act=Search'>{$this->ipsclass->lang['gbl_more_search']}</a> </div> </div> <script type="text/javascript"> ipsmenu.register( "ipb-tl-search", 'document.getElementById("ipb-tl-search-box").focus();' ); gbl_check_search_box(); </script> <!--ipb.rightlinks.end--> </div> </div> <if="$this->ipsclass->can_use_fancy_js != 0"> <script type="text/javascript" src='jscripts/ips_xmlhttprequest.js'></script> <script type="text/javascript" src='jscripts/ipb_global_xmlenhanced.js'></script> <script type="text/javascript" src='jscripts/dom-drag.js'></script> <div id='get-myassistant' style='display:none;width:400px;text-align:left;'> <div class="borderwrap"> <div class='maintitle' id='myass-drag' title='{$this->ipsclass->lang['myass_drag']}'> <div style='float:right'><a href='#' onclick='document.getElementById("get-myassistant").style.display="none"'>[X]</a></div> <div>{$this->ipsclass->lang['myass_title']}</div> </div> <div id='myass-content' style='overflow-x:auto;'></div> </div> </div> <!-- Loading Layer --> <div id='loading-layer' style='display:none'> <div id='loading-layer-shadow'> <div id='loading-layer-inner'> <img src='style_images/<#IMG_DIR#>/loading_anim.gif' border='0' alt='{$this->ipsclass->lang['ajax_loading_msg']}' /> <span style='font-weight:bold' id='loading-layer-text'>{$this->ipsclass->lang['ajax_loading_msg']}</span> </div> </div> </div> <!-- / Loading Layer --> <!-- Msg Layer --> <div id='ipd-msg-wrapper'> <div id='ipd-msg-title'> <a href='#' onclick='document.getElementById("ipd-msg-wrapper").style.display="none"; return false;'><img src='style_images/<#IMG_DIR#>/close.png' alt='X' title='Close Window' class='ipd' /></a> <strong>{$this->ipsclass->lang['gbl_sitemsg_header']}</strong> </div> <div id='ipd-msg-inner'><span style='font-weight:bold' id='ipd-msg-text'></span><div class='pp-tiny-text'>{$this->ipsclass->lang['gbl_auto_close']}</div></div> </div> <!-- Msg Layer --> </if> <!-- / End board header --> Теперь вопрос! Как мне разместить в правую часть шапки меню:календарь, пользователи, поиск и т. п сохранив стиль ссылок и т. п. Изменено 27 июня 200817 г пользователем BGD
Опубликовано: 27 июня 200817 г В таком случае нужна таблица.в общем такая<table> <tr> <td> </td> <td> </td> <td> </td> </tr> </table>в последнем td ваше меню.
Опубликовано: 27 июня 200817 г Автор <div class="borderwrap"><div id="logostrip"><table border="0" cellspacing="0" cellpadding="0"><td width="200"><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='Hip-hop Culture (HHC)' border="0" /><!--ipb.logo.end--></td><td width="478"><center><a href="http://www.hip-hop.metroland.ru/index.php?showtopic=771&pid=5660&st=0entry5660"><img src="http://www.hip-hop.metroland.ru/banners/bathhc.gif"></a></img></center></td><td width="200" background="style_images/<#IMG_DIR#>/tile_back_r.gif"><div align="right">[b]Сдесь хочу разместить меню![/b] </div> </div> А у меня что не так разве?
Опубликовано: 27 июня 200817 г BGD, пробуйте:<div class="borderwrap"> <div id="logostrip"> <table border="1" cellspacing="0" cellpadding="0"> <td width="200"><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='Hip-hop Culture (HHC)' border="0" /><!--ipb.logo.end--></td> <td width="478"><center><a href="http://www.hip-hop.metroland.ru/index.php?showtopic=771&pid=5660&st=0entry5660"><img src="http://www.hip-hop.metroland.ru/banners/bathhc.gif"></a></img></center></td> <td style="text-align:right; padding:0" valign="middle"> <a href="{$this->ipsclass->base_url}act=Help">{$this->ipsclass->lang['tb_help']}</a><br /> <span id="ipb-tl-search"><a href="{$this->ipsclass->base_url}act=Search&f={$this->ipsclass->input['f']}">{$this->ipsclass->lang['tb_search']}</a></span><br /> <a href="{$this->ipsclass->base_url}act=Members">{$this->ipsclass->lang['tb_mlist']}</a><br /> <a href="{$this->ipsclass->base_url}act=calendar">{$this->ipsclass->lang['tb_calendar']}</a><br /> <if="$component_links != """> {$component_links} </if> <div class='popupmenu-new' id='ipb-tl-search_menu' style='display:none;width:210px'> <form action="{$this->ipsclass->base_url}act=Search&CODE=01" method="post"> <input type='hidden' name='forums' id='gbl-search-forums' value='all' /> <input type="text" size="20" name="keywords" id='ipb-tl-search-box' /> <input class="button" type="image" style='border:0px' src="{$this->ipsclass->vars['img_url']}/login-button.gif" /> <if="($this->ipsclass->input['act'] == 'sf' OR $this->ipsclass->input['act'] == 'st') AND $this->ipsclass->input['f']"> <br /><input type='checkbox' id='gbl-search-checkbox' value='1' onclick='gbl_check_search_box()' checked='checked' /> {$this->ipsclass->lang['gbl_forum_search']} </if> </form> <div style='padding:4px'> <a href='{$this->ipsclass->base_url}act=Search'>{$this->ipsclass->lang['gbl_more_search']}</a> </div> </div> </td></table></div></div>
Опубликовано: 27 июня 200817 г Вот что вышло!скорее всего не туда вставили (но пару ошибок я допустил.)найти:<div class="borderwrap"><div id="logostrip"><table border="0" cellspacing="0" cellpadding="0"><td width="200"><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='Hip-hop Culture (HHC)' border="0" /><!--ipb.logo.end--></td><td width="478"><center><a href="http://www.hip-hop.metroland.ru/index.php?showtopic=771&pid=5660&st=0entry5660"><img src="http://www.hip-hop.metroland.ru/banners/bathhc.gif"></a></img></center></td><td width="200" background="style_images/<#IMG_DIR#>/tile_back_r.gif"><div align="right">[b]Сдесь хочу разместить меню![/b] </div> </div> </div></td></table></div>заменить на:<div class="borderwrap"> <div id="logostrip"> <table border="0" cellspacing="0" cellpadding="0"> <td width="200"><!--ipb.logo.start--><img src='http://www.hip-hop.metroland.ru/style_images/1/logo4.gif' style='vertical-align:top' alt='Hip-hop Culture (HHC)' border="0" /><!--ipb.logo.end--></td> <td width="478"><center><a href="http://www.hip-hop.metroland.ru/index.php?showtopic=771&pid=5660&st=0entry5660"><img src="http://www.hip-hop.metroland.ru/banners/bathhc.gif"></a></img></center></td> <td width="200" background="http://www.hip-hop.metroland.ru/style_images/1/tile_back_r.gif"> <div align="right"> <!--ipb.leftlinks.start--> <if="$this->ipsclass->vars['home_url']"> <span class='ipb-top-center-link'><a href="{$this->ipsclass->vars['home_url']}">{$this->ipsclass->vars['home_name']}</a></span> </if> <if="$this->ipsclass->vars['csite_on']"> <span class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=home">{$this->ipsclass->vars['csite_title']}</a></span> </if> <!--IBF.RULES--> <!--ipb.leftlinks.end--> <!--ipb.rightlinks.start--> <span class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=Help">{$this->ipsclass->lang['tb_help']}</a></span><br /> <span class='ipb-top-center-link' id="ipb-tl-search"><a href="{$this->ipsclass->base_url}act=Search&f={$this->ipsclass->input['f']}">{$this->ipsclass->lang['tb_search']}</a></span><br /> <span class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=Members">{$this->ipsclass->lang['tb_mlist']}</a></span><br /> <span class='ipb-top-center-link' style="border-right: 1px solid #dce3ee"><a href="{$this->ipsclass->base_url}act=calendar">{$this->ipsclass->lang['tb_calendar']}</a></span><br /> <if="$component_links != """> {$component_links} </if> <div class='popupmenu-new' id='ipb-tl-search_menu' style='display:none;width:210px'> <form action="{$this->ipsclass->base_url}act=Search&CODE=01" method="post"> <input type='hidden' name='forums' id='gbl-search-forums' value='all' /> <input type="text" size="20" name="keywords" id='ipb-tl-search-box' /> <input class="button" type="image" style='border:0px' src="{$this->ipsclass->vars['img_url']}/login-button.gif" /> <if="($this->ipsclass->input['act'] == 'sf' OR $this->ipsclass->input['act'] == 'st') AND $this->ipsclass->input['f']"> <br /><input type='checkbox' id='gbl-search-checkbox' value='1' onclick='gbl_check_search_box()' checked='checked' /> {$this->ipsclass->lang['gbl_forum_search']} </if> </form> <div style='padding:4px'> <a href='{$this->ipsclass->base_url}act=Search'>{$this->ipsclass->lang['gbl_more_search']}</a> </div> </div> <script type="text/javascript"> ipsmenu.register( "ipb-tl-search", 'document.getElementById("ipb-tl-search-box").focus();' ); gbl_check_search_box(); </script> <!--ipb.rightlinks.end--> </div> </div> </div> </div> </td> </table> </div>
Опубликовано: 28 июня 200817 г Теперь как выровнять их в столбик?Найти:<!--ipb.leftlinks.start--> <if="$this->ipsclass->vars['home_url']"> <span class='ipb-top-center-link'><a href="{$this->ipsclass->vars['home_url']}">{$this->ipsclass->vars['home_name']}</a></span> </if> <if="$this->ipsclass->vars['csite_on']"> <span class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=home">{$this->ipsclass->vars['csite_title']}</a></span> </if> <!--IBF.RULES--> <!--ipb.leftlinks.end-->заменить на:<!--ipb.leftlinks.start--> <if="$this->ipsclass->vars['home_url']"> <span class='ipb-top-center-link'><a href="{$this->ipsclass->vars['home_url']}">{$this->ipsclass->vars['home_name']}</a></span><br /> </if> <if="$this->ipsclass->vars['csite_on']"> <span class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=home">{$this->ipsclass->vars['csite_title']}</a></span><br /> </if> <!--IBF.RULES--><br /> <!--ipb.leftlinks.end-->
Опубликовано: 2 июля 200817 г Автор А как теперь убрать палочки которые разделяют эти ссылки, и картинку которая на заднем фоне ссылок?
Опубликовано: 2 июля 200817 г А как теперь убрать палочки которые разделяют эти ссылки, и картинку которая на заднем фоне ссылок?смотрите в css submenu, ipb-top-left-link, ipb-top-right-link
Здравствуйте!
1) подскажите пожалуйсто как реализовать меню в правую сторону шапки как показано красной стрелкой!
2) как сделать отступ сверху в низ как показано синей точкой
Шапка разбита вот таким спосабом:
http://ipb-ru.net/logo_ipb_3.html
Мой global_board_header:
<!--ipb.javascript.start--> <script type="text/javascript"> //<![CDATA[ var ipb_var_st = "{$this->ipsclass->input['st']}"; var ipb_lang_tpl_q1 = "{$this->ipsclass->lang['tpl_q1']}"; var ipb_var_s = "{$this->ipsclass->session_id}"; var ipb_var_phpext = "{$this->ipsclass->vars['php_ext']}"; var ipb_var_base_url = "{$this->ipsclass->js_base_url}"; var ipb_var_image_url = "{$this->ipsclass->vars['img_url']}"; var ipb_input_f = "{$this->ipsclass->input['f']}"; var ipb_input_t = "{$this->ipsclass->input['t']}"; var ipb_input_p = "{$this->ipsclass->input['p']}"; var ipb_var_cookieid = "{$this->ipsclass->vars['cookie_id']}"; var ipb_var_cookie_domain = "{$this->ipsclass->vars['cookie_domain']}"; var ipb_var_cookie_path = "{$this->ipsclass->vars['cookie_path']}"; var ipb_md5_check = "{$this->ipsclass->md5_check}"; var ipb_new_msgs = {$this->ipsclass->member['new_msg']}; var use_enhanced_js = {$this->ipsclass->can_use_fancy_js}; var use_charset = "{$this->ipsclass->vars['gb_char_set']}"; var ipb_myass_chars_lang = "{$this->ipsclass->lang['myass_chars']}"; var ajax_load_msg = "{$this->ipsclass->lang['ajax_loading_msg_new']}"; //]]> </script> <script type="text/javascript" src='jscripts/ips_ipsclass.js'></script> <script type="text/javascript" src='jscripts/ipb_global.js'></script> <script type="text/javascript" src='jscripts/ips_menu.js'></script> <script type="text/javascript" src='{$this->ipsclass->vars['img_url']}/folder_js_skin/ips_menu_html.js'></script> <script type="text/javascript" src='cache/lang_cache/{$this->ipsclass->lang_id}/lang_javascript.js'></script> <script type="text/javascript"> //<![CDATA[ var ipsclass = new ipsclass(); ipsclass.init(); ipsclass.settings['do_linked_resize'] = parseInt( "{$this->ipsclass->vars['resize_linked_img']}" ); ipsclass.settings['resize_percent'] = parseInt( "{$this->ipsclass->vars['resize_img_percent']}" ); //]]> </script> <!--ipb.javascript.end--> <div class="borderwrap"> <div id="logostrip1"> <div style="float:right;padding:0"><img src='style_images/<#IMG_DIR#>/tile_back_r.gif' style='vertical-align:top' alt='' border='0' /></div> <div id="logostrip"><a href='{$this->ipsclass->base_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' /><!--ipb.logo.end--></a></div></div> <div id="submenu"> <!--ipb.leftlinks.start--> <if="$this->ipsclass->vars['home_url']"> <span class='ipb-top-center-link'><a href="{$this->ipsclass->vars['home_url']}">{$this->ipsclass->vars['home_name']}</a></span> </if> <if="$this->ipsclass->vars['csite_on']"> <span class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=home">{$this->ipsclass->vars['csite_title']}</a></span> </if> <!--IBF.RULES--> <!--ipb.leftlinks.end--> <!--ipb.rightlinks.start--> <span class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=Help">{$this->ipsclass->lang['tb_help']}</a></span> <span class='ipb-top-center-link' id="ipb-tl-search"><a href="{$this->ipsclass->base_url}act=Search&f={$this->ipsclass->input['f']}">{$this->ipsclass->lang['tb_search']}</a></span> <span class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=Members">{$this->ipsclass->lang['tb_mlist']}</a></span> <span class='ipb-top-center-link' style="border-right: 1px solid #dce3ee"><a href="{$this->ipsclass->base_url}act=calendar">{$this->ipsclass->lang['tb_calendar']}</a></span> <if="$component_links != """> {$component_links} </if> <div class='popupmenu-new' id='ipb-tl-search_menu' style='display:none;width:210px'> <form action="{$this->ipsclass->base_url}act=Search&CODE=01" method="post"> <input type='hidden' name='forums' id='gbl-search-forums' value='all' /> <input type="text" size="20" name="keywords" id='ipb-tl-search-box' /> <input class="button" type="image" style='border:0px' src="{$this->ipsclass->vars['img_url']}/login-button.gif" /> <if="($this->ipsclass->input['act'] == 'sf' OR $this->ipsclass->input['act'] == 'st') AND $this->ipsclass->input['f']"> <br /><input type='checkbox' id='gbl-search-checkbox' value='1' onclick='gbl_check_search_box()' checked='checked' /> {$this->ipsclass->lang['gbl_forum_search']} </if> </form> <div style='padding:4px'> <a href='{$this->ipsclass->base_url}act=Search'>{$this->ipsclass->lang['gbl_more_search']}</a> </div> </div> <script type="text/javascript"> ipsmenu.register( "ipb-tl-search", 'document.getElementById("ipb-tl-search-box").focus();' ); gbl_check_search_box(); </script> <!--ipb.rightlinks.end--> </div> </div> <if="$this->ipsclass->can_use_fancy_js != 0"> <script type="text/javascript" src='jscripts/ips_xmlhttprequest.js'></script> <script type="text/javascript" src='jscripts/ipb_global_xmlenhanced.js'></script> <script type="text/javascript" src='jscripts/dom-drag.js'></script> <div id='get-myassistant' style='display:none;width:400px;text-align:left;'> <div class="borderwrap"> <div class='maintitle' id='myass-drag' title='{$this->ipsclass->lang['myass_drag']}'> <div style='float:right'><a href='#' onclick='document.getElementById("get-myassistant").style.display="none"'>[X]</a></div> <div>{$this->ipsclass->lang['myass_title']}</div> </div> <div id='myass-content' style='overflow-x:auto;'></div> </div> </div> <!-- Loading Layer --> <div id='loading-layer' style='display:none'> <div id='loading-layer-shadow'> <div id='loading-layer-inner'> <img src='style_images/<#IMG_DIR#>/loading_anim.gif' border='0' alt='{$this->ipsclass->lang['ajax_loading_msg']}' /> <span style='font-weight:bold' id='loading-layer-text'>{$this->ipsclass->lang['ajax_loading_msg']}</span> </div> </div> </div> <!-- / Loading Layer --> <!-- Msg Layer --> <div id='ipd-msg-wrapper'> <div id='ipd-msg-title'> <a href='#' onclick='document.getElementById("ipd-msg-wrapper").style.display="none"; return false;'><img src='style_images/<#IMG_DIR#>/close.png' alt='X' title='Close Window' class='ipd' /></a> <strong>{$this->ipsclass->lang['gbl_sitemsg_header']}</strong> </div> <div id='ipd-msg-inner'><span style='font-weight:bold' id='ipd-msg-text'></span><div class='pp-tiny-text'>{$this->ipsclass->lang['gbl_auto_close']}</div></div> </div> <!-- Msg Layer --> </if> <!-- / End board header -->