|
|
Обсуждение проблем верстки шаблонов и стилизации форума.
 01 апр 2010, 17: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} • <!-- IF S_IN_MCP -->{L_MCP} • <!-- ELSEIF S_IN_UCP -->{L_UCP} • <!-- 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(/&/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}&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}&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}&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}&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}&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}&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}&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}&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}&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}&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}&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}&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}&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}&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}&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}&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}&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}&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}&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}&ntheme=style1" title="Style 1" alt="Style 1" />
</map>
</div> </div><!-- ENDIF -->
</div>
</div>
<div id="fxTab">
<span id="fxTrigger"> </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>У вас: </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 --> •
<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
<!-- IF U_RESTORE_PERMISSIONS --> •
<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, 17:07
А в панели администрирования проблема изменить?
-
Key
- Локализатор
-
- Сообщений: 185
- Зарегистрирован:
02 июн 2009, 18:50 - Откуда:
г. Саранск
- Благодарил (а): 0 раз.
- Поблагодарили: 0 раз.
-
01 апр 2010, 18:31
iShadowМожно в common.css сделать примерно так - Код: выделить все
.logo {
position:absolute;
bottom:110px;
top:10px;
left:20px;
width:56px;
height:264px;
}
http://tuclass.ru
-
Veterok
- Бета-тестер
-
- Сообщений: 361
- Зарегистрирован:
10 дек 2009, 14:40 - Откуда:
Нижний Новгород
- Благодарил (а): 0 раз.
- Поблагодарили: 0 раз.
-
02 апр 2010, 09:59
Veterok писал(а):iShadow
Можно в common.css сделать примерно так
Спасибо что откликнулись, но не помогло (кэш чистил)... Может еще в каких файлах посмотреть? А вообще у меня складывается впечатление, что не хватает строк отвечающих за размер и положение лого в коммон цсс и в оверал_хедер...но это сугубо мое мнение...
-
iShadow
-
02 апр 2010, 10: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
- Бета-тестер
-
- Сообщений: 361
- Зарегистрирован:
10 дек 2009, 14:40 - Откуда:
Нижний Новгород
- Благодарил (а): 0 раз.
- Поблагодарили: 0 раз.
-
02 апр 2010, 12: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, 13: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
- Бета-тестер
-
- Сообщений: 361
- Зарегистрирован:
10 дек 2009, 14:40 - Откуда:
Нижний Новгород
- Благодарил (а): 0 раз.
- Поблагодарили: 0 раз.
-
02 апр 2010, 14:18
VeterokПопробоал увеличить хедербар - ничего не произошло. Эффект дало только увеличение пнг отвечающего за верхушку, но тогда "поплыло" все остальное. Вобщем решил не загонятся, немного уменьшил логотип в шопе и подвинул в цсске. Стиль хорош, но немного "тяжеловат" что ли... я как-то привык к более простому
-
iShadow
-
11 ноя 2010, 20:05
Как в subsilver2 сделать логотип по центру и убрать фон серый?
Спс.
-
camec
-
Вернуться в Решение проблем со стилями
Кто сейчас на форуме
Зарегистрированные пользователи: Google [Bot], Yandex [Bot]
|
|
|
|
|
