Центр пользователя  |  Ваши сообщения  |  FAQ
Форум поддержки phpBB » phpBB 3.0.x » Стили phpBB 3.0.x » Решение проблем со стилями

Размер лого и шапки, не могу найти...

Обсуждение проблем верстки шаблонов и стилизации форума.
Пожалуйста, помните, что существуют: Поиск, Правила форума
Возможно, ответ на Ваш вопрос уже имеется: Документация, Статьи, Накопленный опыт
Полезные материалы по этой теме: Инструкция по установке стиля, Статьи по стилизации phpBB3

Сообщение 01 апр 2010, 18:00

Здравствуйте, установил стиль. Пытаюсь сделать лого по центру и увеличить его размер (почитав где и какие файлы ковырять), но не нахожу где это. Насколько я понял вот это:

Код: выделить все
<div id="template" class="wrapper">
      <div id="header">
         <a href="{U_INDEX}" class="nounder"><img src="{T_THEME_PATH}/images/blank.png" style="border:0;" alt="" id="logo" /></a>
отвечает за вывод логотипа.

Здесь полный код overall_header.html
Код: выделить все
<!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 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>


<!-- INCLUDE ../../../rokbb3.php -->
<!-- INCLUDE versatility3.php -->

<!--
   phpBB style name: versatility3
   Based on style:   prosilver (this is the default phpBB3 style)
   Original author:  Tom Beddard ( http://www.subBlue.com/ )
   Modified by: RocketTheme, LLC (C) Copyright. All rights reserved.     
   
   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>
<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}/<!-- IF V3_STYLE -->{V3_STYLE}<!-- ELSE -->style1<!-- ENDIF -->.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_PATH}/typography.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_PATH}/rokmoomenu.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!--[if lte IE 6]>
<style type="text/css">
#fxTab {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{T_THEME_PATH}/images/<!-- IF V3_STYLE -->{V3_STYLE}<!-- ELSE -->style1<!-- ENDIF -->/fx-tab.png', sizingMethod='scale', enabled='true');}
img { behavior: url({T_THEME_PATH}/iepngfix.htc); }
</style>
<link href="{T_THEME_PATH}/template_ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
<style type="text/css">
   td.left div.moduletable, td.right div.moduletable, td.left div.moduletable-hilite1, td.right div.moduletable-hilite1, td.left div.moduletable-hilite2, td.right div.moduletable-hilite2, td.left div.moduletable-hilite3, td.right div.moduletable-hilite3, td.left div.moduletable-hilite4, td.right div.moduletable-hilite4, td.left div.moduletable-hilite5, td.right div.moduletable-hilite5, td.left div.moduletable-hilite6, td.right div.moduletable-hilite6, td.left div.moduletable-hilite7, td.right div.moduletable-hilite7, td.left div.moduletable-hilite8, td.right div.moduletable-hilite8 { width: 175px;   }
   div.wrapper { margin: 0 auto; <!-- IF V3_WIDTH -->width:{V3_WIDTH}px;<!-- ELSE -->width:868px;<!-- ENDIF -->}

    <!-- IF V3_MENUPOSITION == left or V3_MENUPOSITION == right -->
#postingbox .autowidth {width: 90% !important; }
   #postingbox .column2 { width: 75%; margin-top:-75px; position: relative;}
   #postingbox .column1 { width: 70%;position: relative; z-index:10000;}
   #postingbox fieldset.fields1 dd { margin-left: 15em;}
   #colour_palette dd { margin-left: 6em !important;}
   <!-- PHP -->if (rok_isIe(7)) {print("#postingbox .column2 { width: 75%; margin-top:0px; position: relative; margin-left: -300px;}");}<!-- ENDPHP -->
   <!-- PHP -->if (rok_isIe(6)) {print("#postingbox .column2 { width: 75%; margin-top:0px; position: relative; margin-left: -300px;} #message-box #message {width: 98%;}");}<!-- ENDPHP -->
   <!-- ENDIF -->


<!-- IF AVATAR_POSITION == left -->
.postprofile {float: left; border: 0px; margin-left: -6px;}
.postbody {float: right;}
ul.profile-icons {margin-right: 40px;}
.online { background-position:17% top;}
<!-- ENDIF -->
   
</style>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/mootools-release-1.11.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/roktools.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/mootools.bgiframe.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/rokmoomenu.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
   new Rokmoomenu($E('ul.menutop'), {
      bgiframe: false,
      delay: 500,
      animate: {
         props: ['opacity', 'width', 'height'],
         opts: {
            duration:900,
            fps: 100,
            transition: Fx.Transitions.Expo.easeOut         }
      }
   });
});
</script>

<!-- IF V3_STYLE eq 'style9' -->
<script type="text/javascript">
// <![CDATA[
window.addEvent('domready', function() {
  var newImagePath = '{ROOT_PATH}/styles/versatility3_dark/imageset/'; // remember to add the ending forward slash
  var classToSearch = '.icon';
 
  var els = $$(classToSearch);
  if (els.length) {
    els.each(function(el) {
      var bg = el.getStyle('background-image'), newBg, imgSource;
      bg = bg.replace('")', '').replace(")", '');
      var tmp = bg.split('/');
      imgSource = tmp[tmp.length - 1];
      el.setStyle('background-image', 'url('+newImagePath+imgSource+')');     
    });
  }
});
// ]]>
</script>
<!-- ELSEIF V3_STYLE eq 'style10' -->
<script type="text/javascript">
// <![CDATA[
window.addEvent('domready', function() {
  var newImagePath = '{ROOT_PATH}/styles/versatility3_dark/imageset/'; // remember to add the ending forward slash
  var classToSearch = '.icon';
 
  var els = $$(classToSearch);
  if (els.length) {
    els.each(function(el) {
      var bg = el.getStyle('background-image'), newBg, imgSource;
      bg = bg.replace('")', '').replace(")", '');
      var tmp = bg.split('/');
      imgSource = tmp[tmp.length - 1];
      el.setStyle('background-image', 'url('+newImagePath+imgSource+')');     
    });
  }
});
// ]]>
</script>
<!-- ENDIF -->


<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} <!-- IF V3_STYLE eq 'style9' -->dark<!-- ELSEIF V3_STYLE eq 'style10'-->dark<!-- ELSEIF V3_STYLE eq 'style7'-->beige<!-- ENDIF -->">
         <div id="fxContainer">
      <div id="fxTarget">
         <div id="fxPadding" class="wrapper">
                  <div class="moduletable">
      
               
      <!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
   <form method="post" action="{S_LOGIN_ACTION}" class="headerspace" name="login" id="form-login" <!-- IF not ALLOW_V3_COLORSWITCHER -->style="margin-top: 48px;"<!-- ENDIF -->>
      <div class="loginelement">
      <label for="username">{L_USERNAME}</label>
      <input type="text" name="username" id="username" size="10" class="inputbox" title="{L_USERNAME}" />
      </div>
   
      <div class="loginelement">
      <label for="password">{L_PASSWORD}:</label>
      <input type="password" name="password" id="password" size="10" class="inputbox" title="{L_PASSWORD}" />   
      </div>
      <!-- IF S_AUTOLOGIN_ENABLED -->
            | <label for="autologin">{L_LOG_ME_IN} <input type="checkbox" name="autologin" id="autologin" /></label>
         <!-- ENDIF -->
      <input type="submit" name="login" value="{L_LOGIN}" class="loginsubmit" />
   </form>
<!-- ENDIF -->         
      <!-- IF S_USER_LOGGED_IN and not S_IS_BOT -->
      <div style="text-align: center; <!-- IF not ALLOW_V3_COLORSWITCHER -->margin-top: 48px;<!-- ENDIF -->">Вы вошли как {S_USERNAME} ! <a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></div>
      <!-- ENDIF -->         
               
      </div>
         <!-- IF ALLOW_V3_COLORSWITCHER --><div class="moduletable">
               <div style="text-align:center;margin:10px 0 0 -50px;">
<img src="{T_THEME_PATH}/images/stories/color_chooser.png" width="942" height="44" id="color_chooser" usemap="#m_color_chooser" alt="" /><map name="m_color_chooser" id="m_color_chooser">
<area shape="poly" coords="895,1,940,1,940,42,895,42,895,1" href="index.php{SID}&amp;ntheme=style20" title="Style 20" alt="Style 20" />
<area shape="poly" coords="848,1,893,1,893,42,848,42,848,1" href="index.php{SID}&amp;ntheme=style19" title="Style 19" alt="Style 19" />
<area shape="poly" coords="801,1,846,1,846,42,801,42,801,1" href="index.php{SID}&amp;ntheme=style18" title="Style 18" alt="Style 18" />
<area shape="poly" coords="754,1,799,1,799,42,754,42,754,1" href="index.php{SID}&amp;ntheme=style17" title="Style 17" alt="Style 17" />
<area shape="poly" coords="707,1,752,1,752,42,707,42,707,1" href="index.php{SID}&amp;ntheme=style16" title="Style 16" alt="Style 16" />
<area shape="poly" coords="660,1,705,1,705,42,660,42,660,1" href="index.php{SID}&amp;ntheme=style15" title="Style 15" alt="Style 15" />
<area shape="poly" coords="613,1,658,1,658,42,613,42,613,1" href="index.php{SID}&amp;ntheme=style14" title="Style 14" alt="Style 14" />
<area shape="poly" coords="566,1,611,1,611,42,566,42,566,1" href="index.php{SID}&amp;ntheme=style13" title="Style 13" alt="Style 13" />
<area shape="poly" coords="519,1,564,1,564,42,519,42,519,1" href="index.php{SID}&amp;ntheme=style12" title="Style 12" alt="Style 12" />
<area shape="poly" coords="472,1,517,1,517,42,472,42,472,1" href="index.php{SID}&amp;ntheme=style11" title="Style 11" alt="Style 11" />
<area shape="poly" coords="425,1,470,1,470,42,425,42,425,1" href="index.php{SID}&amp;ntheme=style10" title="Style 10" alt="Style 10" />
<area shape="poly" coords="378,1,423,1,423,42,378,42,378,1" href="index.php{SID}&amp;ntheme=style9" title="Style 9" alt="Style 9" />
<area shape="poly" coords="331,1,376,1,376,42,331,42,331,1" href="index.php{SID}&amp;ntheme=style8" title="Style 8" alt="Style 8" />
<area shape="poly" coords="284,1,329,1,329,42,284,42,284,1" href="index.php{SID}&amp;ntheme=style7" title="Style 7" alt="Style 7" />
<area shape="poly" coords="237,1,282,1,282,42,237,42,237,1" href="index.php{SID}&amp;ntheme=style6" title="Style 6" alt="Style 6" />
<area shape="poly" coords="190,1,235,1,235,42,190,42,190,1" href="index.php{SID}&amp;ntheme=style5" title="Style 5" alt="Style 5" />
<area shape="poly" coords="143,1,188,1,188,42,143,42,143,1" href="index.php{SID}&amp;ntheme=style4" title="Style 4" alt="Style 4" />
<area shape="poly" coords="96,1,141,1,141,42,96,42,96,1" href="index.php{SID}&amp;ntheme=style3" title="Style 3" alt="Style 3" />
<area shape="poly" coords="49,1,94,1,94,42,49,42,49,1" href="index.php{SID}&amp;ntheme=style2" title="Style 2" alt="Style 2" />
<area shape="poly" coords="2,1,47,1,47,42,2,42,2,1" href="index.php{SID}&amp;ntheme=style1" title="Style 1" alt="Style 1" />
</map>
</div>      </div><!-- ENDIF -->
   
         </div>
      </div>
      <div id="fxTab">
         <span id="fxTrigger">&nbsp;</span>
      </div>
   </div>
      <div id="template" class="wrapper">
      <div id="header">
         <a href="{U_INDEX}" class="nounder"><img src="{T_THEME_PATH}/images/blank.png" style="border:0;" alt="" id="logo" /></a>
         <div id="banner">
            <div class="padding">
<!--  paste banner code here if you need -->
            </div>
         </div>
      </div>
      <!-- IF S_ALLOW_JV3MENU -->
                        <div id="horiz-menu" class="moomenu">
                                                {T_JOOMLA_MENU_PATH}
                                                <!-- ELSE -->
                     
                     <div id="horiz-menu" class="moomenu">

                                                <ul class="menutop" id="horiznav">
<li><a href="http://dom48.info/index.php" title="Вернуться на сайт DOM48.INFO">DOM48.INFO</a></li>
<li{U_INDEX_STYLE}><span class="top"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a><span class="selector"></span></span></li>

<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
            <li{U_PROFILE_STYLE}><span class="top"><a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a><span class="selector"></span></span></li>
<!-- IF S_DISPLAY_PM --><li{U_PRIVATEMSGS_STYLE}><span class="top"><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a><span class="selector"></span></span></li><!-- ENDIF -->
<!-- ENDIF -->   


<li{U_FAQ_STYLE}><span class="top"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a><span class="selector"></span></span></li>
            <!--<!-- IF not S_IS_BOT -->
               <!-- IF S_DISPLAY_MEMBERLIST --><li{U_MEMBERLIST_STYLE}><span class="top"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a><span class="selector"></span></span></li><!-- ENDIF -->
               <!-- IF not S_USER_LOGGED_IN --><li{U_REGISTER_STYLE}><span class="top"><a href="{U_REGISTER}">{L_REGISTER}</a><span class="selector"></span></span></li><!-- ENDIF -->
               <li{U_LOGIN_LOGOUT_STYLE}><span class="top"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a><span class="selector"></span></span></li>
            <!-- ENDIF -->-->

</ul>      
      <!-- ENDIF -->         </div>
      <div id="top2">
                     <span class="breadcrumbs pathway">

<a href="{U_INDEX}" accesskey="h" class="pathway">{L_INDEX}</a> <!-- BEGIN navlinks --><img src="{T_THEME_PATH}/images/arrow.png" alt=""  /> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks -->
                     </span>

                  
                  
                  <!--ul class="menu"><li class="item17"><a href="{U_INDEX}"><img src="{T_THEME_PATH}/images/stories/icon-1.png" alt="" /><span>Главная</span></a></li><!-- IF U_TEAM --><li class="item27"><img src="{T_THEME_PATH}/images/stories/icon-2.png" alt="" /><a href="{U_TEAM}"><span>{L_THE_TEAM}</span></a></li><!-- ENDIF --></ul-->
      </div>
                        <div class="clr" id="section1">
         <table class="sections" cellspacing="0" cellpadding="0">
            <tr valign="top">
                              <td class="section w49">
                        <div class="moduletable">
               <h3>Здраствуйте, {S_USERNAME} !</h3>
               <div class="showcase_left">
               <!-- IF USER_AVATAR --><div class="avatar">{USER_AVATAR}</div><!-- ENDIF -->
               <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
<!-- IF S_DISPLAY_PM --><div class="separation"><strong>У вас:&nbsp;</strong> <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></div><!-- ENDIF -->
<!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<br /><!-- ELSE -->{CURRENT_TIME}<br /><!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN -->{CURRENT_TIME}<!-- ENDIF --><br />
</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 -->
   </div>
   
               </td>
                                             <td class="section w24">
                        <div class="moduletable">
               <h3>{SITENAME}</h3>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <!--a href="http://joomlaworld.ru/"><img src="http://joomlaworld.ru/del.png"--><!--/a-->
         <ul>
<!-- IF U_MCP --><li><a href="{U_MCP}">{L_MCP}</a></li><!-- ENDIF -->
<!-- IF not S_IS_BOT and S_USER_LOGGED_IN --><li><a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a></li><!-- ENDIF -->
<li><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
</ul>
                        </div>
   
               </td>
                                          </tr>
         </table>
      </div>
            <div class="clr" id="mainbody">
         <table class="mainbody" cellspacing="0" cellpadding="0">
            <tr valign="top">
                  <!-- IF V3_MENUPOSITION == left -->
                                                   <td class="left">
                                    <div id="vert-menu">

<div class="moduletable-hilite2">
<h3>Main menu</h3>
<!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) -->
   <ul class="sidenav">
   <!-- IF S_DISPLAY_SEARCH -->
      <li><a href="{U_SEARCH_UNANSWERED}"><span>{L_SEARCH_UNANSWERED}</span></a></li><!-- IF S_USER_LOGGED_IN -->
      <li><a href="{U_SEARCH_NEW}"><span>{L_SEARCH_NEW}</span></a></li><!-- ENDIF -->
      <li><a href="{U_SEARCH_ACTIVE_TOPICS}"><span>{L_SEARCH_ACTIVE_TOPICS}</span></a></li>
   <!-- ENDIF -->
   <li><a href="{U_SEARCH_SELF}"><span>{L_SEARCH_SELF}</span></a></li>
   <!-- IF not S_IS_BOT and U_MARK_FORUMS --><li><a href="{U_MARK_FORUMS}" accesskey="m"><span>{L_MARK_FORUMS_READ}</span></a></li><!-- ENDIF -->
   </ul>   
<!-- ENDIF -->
</div>
                  </div>
                  
                  <!-- IF S_SHOW_V3USER -->

                              <div id="vert-menu">

<div class="moduletable-hilite4">
<h3>User menu</h3>
<ul class="sidenav">
   <!-- IF U_MCP --><li><a href="{U_MCP}"><span>{L_MCP}</span></a></li><!-- ENDIF -->
         <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->

            <li><a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u"><span>{L_PROFILE}</span></a></li>
                  <!-- IF S_DISPLAY_PM --><li ><a href="{U_PRIVATEMSGS}"><span>{PRIVATE_MESSAGE_INFO}</span></a></li><!-- ENDIF -->
               <!-- IF U_RESTORE_PERMISSIONS -->
               <li ><a href="{U_RESTORE_PERMISSIONS}"><span>{L_RESTORE_PERMISSIONS}</span></a></li>
               <!-- ENDIF -->
         

         <!-- ENDIF -->


            <li ><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}"><span>{L_FAQ}</span></a></li>
            <!-- IF not S_IS_BOT -->
               <!-- IF S_DISPLAY_MEMBERLIST --><li ><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}"><span>{L_MEMBERLIST}</span></a></li><!-- ENDIF -->
               <!-- IF not S_USER_LOGGED_IN --><li ><a href="{U_REGISTER}"><span>{L_REGISTER}</span></a></li><!-- ENDIF -->
               <li ><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l"><span>{L_LOGIN_LOGOUT}</span></a></li>
            <!-- ENDIF -->
   </ul>
</div>
                  </div>
                  <!-- ENDIF -->
                                                   </td>
<!-- ENDIF -->
                  
                              <td class="mainbody">
                                             <div class="padding">


<table class="contentpaneopen">
<tr>

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

<!-- IF V3_MENUPOSITION == full -->
      <div class="navbar">
         <div class="inner">

         <ul class="linklist navlinks">
            <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-->
</div>
      </div>
      <!-- ELSE -->
         <!--ul class="linklist ">
               <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-->
<!-- 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="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 -->


В common.css про логотип всего пара строк:
Код: выделить все
a#logo:hover {
   text-decoration: none;
}

/* Site description and logo */
#site-description {
   float: middle;
   width: 70%;
}

#site-description h1 {
   margin-right: 0;
}


Вот полный код common.css
Код: выделить все
/* General proSilver Markup Styles
---------------------------------------- */

* {
   /* Reset browsers default margin, padding and font sizes */
   margin: 0;
   padding: 0;
}

html {
   font-size: 100%;
   /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
   height: 100%;
   margin-bottom: 1px;
}

body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   background-color: #FFFFFF;
   /*font-size: 62.5%;          This sets the default font size to be equivalent to 10px */
   font-size: 10px;
   margin: 0;
}


h1 {
   /* Forum name */
   margin-right: 200px;
   color: #FFFFFF;
   margin-top: 15px;
   font-weight: bold;
   font-size: 2em;
}

h2 {
   /* Forum header titles */
   font-weight: normal;
   color: #3f3f3f;
   font-size: 2em;
   margin: 0.8em 0 0.2em 0;
}

h2.solo {
   margin-bottom: 1em;
}

h3 {
   /* Sub-headers (also used as post headers, but defined later) */
   font-weight: bold;
   text-transform: uppercase;
   border-bottom: 1px solid #CCCCCC;
   margin-bottom: 3px;
   padding-bottom: 2px;
   font-size: 1.05em;
   margin-top: 20px;
}

h4 {
   /* Forum and topic list titles */
   font-size: 1.3em;
}

p {
   line-height: 1.3em;
   font-size: 1.1em;
   margin-bottom: 1.5em;
}

img {
   border-width: 0;
}

hr {
   /* Also see tweaks.css */
   border: 0 none #FFFFFF;
   border-top: 1px solid #CCCCCC;
   height: 1px;
   margin: 5px 0;
   display: block;
   clear: both;
}

hr.dashed {
   border-top: 1px dashed #CCCCCC;
   margin: 10px 0;
}

hr.divider {
   display: none;
}

p.right {
   text-align: right;
}

/* Main blocks
---------------------------------------- */
#wrap {
   padding: 0 20px;
   min-width: 650px;
}

#simple-wrap {
   padding: 6px 10px;
}

#page-body {
   margin: 4px 0;
   clear: both;
}

#page-footer {
   clear: both;
}

#page-footer h3 {
   margin-top: 20px;
}


a#logo:hover {
   text-decoration: none;
                        width: 650px;
}

/* Search box
--------------------------------------------- */
#search-box {
   color: #FFFFFF;
   position: relative;
   margin-top: 30px;
   margin-right: 5px;
   display: block;
   float: right;
   text-align: right;
   white-space: nowrap; /* For Opera */
}

#search-box #keywords {
   width: 95px;
   background-color: #FFF;
}

#search-box input {
   border: 1px solid #b0b0b0;
}

/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
   padding: 1px 5px;
}

#search-box li {
   text-align: right;
   margin-top: 4px;
}

#search-box img {
   vertical-align: middle;
   margin-right: 3px;
}

/* Site description and logo */
#site-description {
   float: middle;
   width: 70%;
}

#site-description h1 {
   margin-right: 0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
   background: #ebebeb none repeat-x 0 0;
   color: #FFFFFF;
   margin-bottom: 4px;
   padding: 0 5px;
}

.navbar {
   background-color: #ebebeb;
   padding: 0 10px;
}

.forabg {
   background: #b1b1b1 none repeat-x 0 0;
   margin-bottom: 4px;
   padding: 0 5px;
   clear: both;
}

.forumbg {
   background: #ebebeb none repeat-x 0 0;
   margin-bottom: 4px;
   padding: 0 5px;
   clear: both;
}

.panel {
   margin-bottom: 4px;
   padding: 0 10px;
   background-color: #f3f3f3;
}

.post {
   padding: 0 10px;
   margin-bottom: 4px;
   background-repeat: no-repeat;
   background-position: 100% 0;
}

.post:target .content {
   color: #000000;
}



.bg1   { background-color: #f7f7f7;}
.bg2   { background-color: #f2f2f2; }
.bg3   { background-color: #ebebeb; }

.rowbg {
   margin: 5px 5px 2px 5px;
}

.ucprowbg {
   background-color: #e2e2e2;
}

.fieldsbg {
   /*border: 1px #DBDEE2 solid;*/
   background-color: #eaeaea;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
   font-size: 1px;
   line-height: 1px;
   display: block;
   height: 5px;
   background-repeat: no-repeat;
}

span.corners-top {
   background-image: none;
   background-position: 0 0;
   margin: 0 -5px;
}

span.corners-top span {
   background-image: none;
   background-position: 100% 0;
}

span.corners-bottom {
   background-image: none;
   background-position: 0 100%;
   margin: 0 -5px;
   clear: both;
}

span.corners-bottom span {
   background-image: none;
   background-position: 100% 100%;
}

.headbg span.corners-bottom {
   margin-bottom: -1px;
}

.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
   margin: 0 -10px;
}

.rules span.corners-top {
   margin: 0 -10px 5px -10px;
}

.rules span.corners-bottom {
   margin: 5px -10px 0 -10px;
}

/* Horizontal lists
----------------------------------------*/
ul.linklist {
   display: block;
   margin: 0;
}

ul.linklist li {
   display: block;
   list-style-type: none;
   float: left;
   width: auto;
   margin-right: 5px;
   font-size: 1.1em;
   line-height: 2.2em;
}

ul.linklist li.rightside, p.rightside {
   float: right;
   margin-right: 0;
   margin-left: 5px;
   text-align: right;
}

ul.navlinks {
   padding-bottom: 1px;
   margin-bottom: 1px;
   border-bottom: 1px solid #FFFFFF;
   font-weight: bold;
}

ul.leftside {
   float: left;
   margin-left: 0;
   margin-right: 5px;
   text-align: left;
}

ul.rightside {
   float: right;
   margin-left: 5px;
   margin-right: -5px;
   text-align: right;
}

/* Table styles
----------------------------------------*/
table.table1 {
   /* See tweaks.css */
}

#ucp-main table.table1 {
   padding: 2px;
}

table.table1 thead th {
   font-weight: normal;
   text-transform: uppercase;
   line-height: 1.3em;
   font-size: 1em;
   padding: 0 0 4px 3px;
}

table.table1 thead th span {
   padding-left: 7px;
}

table.table1 tbody tr {
   border: 1px solid #cfcfcf;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
   background-color: #f6f6f6;
}

table.table1 td {
   font-size: 1.1em;
}

table.table1 tbody td {
   padding: 5px;
   border-top: 1px solid #FAFAFA;
}

table.table1 tbody th {
   padding: 5px;
   border-bottom: 1px solid #000000;
   text-align: left;
   color: #333333;
   background-color: #FFFFFF;
}

/* Specific column styles */
table.table1 .name      { text-align: left; }
table.table1 .posts      { text-align: center !important; width: 7%; }
table.table1 .joined   { text-align: left; width: 15%; }
table.table1 .active   { text-align: left; width: 15%; }
table.table1 .mark      { text-align: center; width: 7%; }
table.table1 .info      { text-align: left; width: 30%; }
table.table1 .info div   { width: 100%; white-space: normal; overflow: hidden; }
table.table1 .autocol   { line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

table.table1 span.rank-img {
   float: right;
   width: auto;
}

table.info td {
   padding: 3px;
}

table.info tbody th {
   padding: 3px;
   text-align: right;
   vertical-align: top;
   color: #000000;
   font-weight: normal;
}

.forumbg table.table1 {
   margin: 0 -2px -1px -1px;
}

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts
   Also see tweaks.css */
.column1 {
   float: left;
   clear: left;
   width: 49%;
}

.column2 {
   float: right;
   clear: right;
   width: 49%;
}

/* General classes for placing floating blocks */
.left-box {
   float: left;
   width: auto;
   text-align: left;
}

.right-box {
   float: right;
   width: auto;
   text-align: right;
}

dl.details {
   /*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
   font-size: 1.1em;
}

dl.details dt {
   float: left;
   clear: left;
   width: 30%;
   text-align: right;
   display: block;
}

dl.details dd {
   margin-left: 0;
   padding-left: 5px;
   margin-bottom: 5px;
   color: #828282;
   float: left;
   width: 65%;
}

/* Pagination
---------------------------------------- */
.pagination {
   height: 1%; /* IE tweak (holly hack) */
   width: auto;
   text-align: right;
   margin-top: 5px;
   float: right;
}

.pagination span.page-sep {
   display: none;
}

li.pagination {
   margin-top: 0;
}

.pagination strong, .pagination b {
   font-weight: normal;
}

.pagination span strong {
   padding: 0 2px;
   margin: 0 2px;
   font-weight: normal;
   color: #FFFFFF;
   background-color: #bfbfbf;
   border: 1px solid #bfbfbf;
   font-size: 0.9em;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
   font-weight: normal;
   text-decoration: none;
   color: #747474;
   margin: 0 2px;
   padding: 0 2px;
   background-color: #eeeeee;
   border: 1px solid #bababa;
   font-size: 0.9em;
   line-height: 1.5em;
}

.pagination span a:hover {
   border-color: #d2d2d2;
   background-color: #d2d2d2;
   color: #FFF;
   text-decoration: none;
}

.pagination img {
   vertical-align: middle;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
   display: block;
   float: right;
   width: auto;
   margin-top: 0;
   padding: 1px 0 1px 15px;
   font-size: 0.9em;
   background: none 0 50% no-repeat;
}

.row .pagination span a, li.pagination span a {
   background-color: #FFFFFF;
}

.row .pagination span a:hover, li.pagination span a:hover {
   background-color: #d2d2d2;
}

/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
   float: right;
   width: auto;
   padding-left: 5px;
   margin-left: 5px;
   margin-top: 10px;
   text-align: right;
}

.copyright {
   padding: 5px;
   text-align: center;
   color: #555555;
}

.small {
   font-size: 0.9em !important;
}

.titlespace {
   margin-bottom: 15px;
}

.headerspace {
   margin-top: 20px;
}

.error {
   color: #bcbcbc;
   font-weight: bold;
   font-size: 1em;
}

.reported {
   background-color: #f7f7f7;
}

li.reported:hover {
   background-color: #ececec;
}

div.rules {
   background-color: #ececec;
   color: #bcbcbc;
   padding: 0 10px;
   margin: 10px 0;
   font-size: 1.1em;
}

div.rules ul, div.rules ol {
   margin-left: 20px;
}

p.rules {
   background-color: #ececec;
   background-image: none;
   padding: 5px;
}

p.rules img {
   vertical-align: middle;
}

p.rules a {
   vertical-align: middle;
   clear: both;
}

#top {
   position: absolute;
   top: -20px;
}

.clear {
   display: block;
   clear: both;
   font-size: 1px;
   line-height: 1px;
   background: transparent;
}


Подскажите, где искать, что отвечает за размер логотипа?

То, что получилось на данный момент можно увидеть по адресу http://www.forum.dom48.info
iShadow

 

Сообщение 01 апр 2010, 18:07

А в панели администрирования проблема изменить?
Аватар пользователя
Key
Локализатор
 
Сообщений: 187
Зарегистрирован:
02 июн 2009, 19:50
Откуда:
г. Саранск
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Сообщение 01 апр 2010, 19:31

iShadow
Можно в common.css сделать примерно так
Код: выделить все
.logo {
    position:absolute;
    bottom:110px;
   top:10px;
    left:20px;
    width:56px;
    height:264px;
   
}
http://tuclass.ru
Аватар пользователя
Veterok
Бета-тестер
 
Сообщений: 360
Зарегистрирован:
10 дек 2009, 15:40
Откуда:
Нижний Новгород
Благодарил (а): 0 раз.
Поблагодарили: 2 раз.

Сообщение 02 апр 2010, 10:59

Veterok писал(а):iShadow
Можно в common.css сделать примерно так


Спасибо что откликнулись, но не помогло (кэш чистил)... Может еще в каких файлах посмотреть? А вообще у меня складывается впечатление, что не хватает строк отвечающих за размер и положение лого в коммон цсс и в оверал_хедер...но это сугубо мое мнение...
iShadow

 

Сообщение 02 апр 2010, 11:11

iShadow
Можно сделать еще так:
В центе администрирования отключть стандартный логотип;
В overall_header.html вставить
Код: выделить все
<div class="logo1"><a href="/" title="Название сайта"><img src="http://путь до логотипа.gif" alt="Подсказка"></a></div>

В common.css, добавить
Код: выделить все
.logo1 {
    position:absolute;
    bottom:110px;
   top:10px;
    left:20px;
    width:56px;
    height:264px;
   
}

position:absolute;
bottom:110px;
top:10px;
left:20px;
width:56px;
height:264px;

этими параметрами отрегулировать положение логотипа.
http://tuclass.ru
Аватар пользователя
Veterok
Бета-тестер
 
Сообщений: 360
Зарегистрирован:
10 дек 2009, 15:40
Откуда:
Нижний Новгород
Благодарил (а): 0 раз.
Поблагодарили: 2 раз.

Сообщение 02 апр 2010, 13:31

Veterok
Нашел немного другое решение. В коде добавил сами размеры
Код: выделить все
<div id="template" class="wrapper">
      <div id="header">
         <a href="{U_INDEX}" class="nounder"><img src="{T_THEME_PATH}/images/blank.png" style="border:0; [b]width: 878px; height: 113px;[/b]" alt="" id="logo" /></a>


логотип увеличился в размере, но вот с высотой косяк... пока не нашел где ее увеличить... на данный момент лого как бы уходит под панель меню...

Что получилось можно увидеть по адресу http://www.forum.dom48.info
Если понравился данный стиль, могу поделиться...
iShadow

 

Сообщение 02 апр 2010, 14:11

iShadow
Можно попробовать увеличить высоту шапки. Если не ошибаюсь, то это здесь
Код: выделить все
.headerbar {
   background: #ebebeb none repeat-x 0 0;
   color: #FFFFFF;
   margin-bottom: 4px;
   padding: 0 5px;
}

Хотя на мой взгляд, у тебя на форуме, всё смотрится довольно хорошо.
iShadow писал(а):Если понравился данный стиль, могу поделиться...

Спасибо за предложение, но мне мой стиль нравится :) http://tuclass.ru/
http://tuclass.ru
Аватар пользователя
Veterok
Бета-тестер
 
Сообщений: 360
Зарегистрирован:
10 дек 2009, 15:40
Откуда:
Нижний Новгород
Благодарил (а): 0 раз.
Поблагодарили: 2 раз.

Сообщение 02 апр 2010, 15:18

Veterok
Попробоал увеличить хедербар - ничего не произошло. Эффект дало только увеличение пнг отвечающего за верхушку, но тогда "поплыло" все остальное. Вобщем решил не загонятся, немного уменьшил логотип в шопе и подвинул в цсске.
Veterok писал(а):Спасибо за предложение, но мне мой стиль нравится http://tuclass.ru/

Стиль хорош, но немного "тяжеловат" что ли... я как-то привык к более простому :)
iShadow

 

Сообщение 11 ноя 2010, 21:05

Как в subsilver2 сделать логотип по центру и убрать фон серый?
Спс.
camec

 


Вернуться в Решение проблем со стилями

 


  • Похожие темы
    Ответов
    Просмотров
    Последнее сообщение

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 3

Форум поддержки phpBB
2008 - 2017 © BB3x.ru - русская поддержка форума phpBB3
Создано на основе phpBB® Forum Software © phpBB Group
авторов модов
разработчиков скинов
русификаторов
и всех поклонников phpBB3