Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Jak stworzyć paski po bokach?
Pełna wersja: Jak stworzyć paski po bokach?
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.

kompletnylaik

03.08.2013, 23:54
wersja skryptu MyBB: 1.6.10
adres forum: http://mojetestforum.xaa.pl/index.php

Jaki kod odpowiada za to by body tworzyło boczne paski z prawej i lewej strony a pośrodku była ramka z forum właściwym?

Chodzi mi dokładnie o to co na screenie - o te szare paski ze screenu. Logo bez zmian:
[Obrazek: su4n.jpg]

Uploaded with ImageShack.us

Cały skrypt stylu z paskiem:

Kod:
<?xml version="1.0" encoding="UTF-8"?>
<theme name="Blue Steel" version="1603">
    <properties>
        <templateset><![CDATA[5]]></templateset>
        <editortheme><![CDATA[default]]></editortheme>
        <imgdir><![CDATA[images/bluesteel]]></imgdir>
        <logo><![CDATA[images/bluesteel/newlogo.png]]></logo>
        <tablespace><![CDATA[3]]></tablespace>
        <borderwidth><![CDATA[0]]></borderwidth>
    </properties>
    <stylesheets>
        <stylesheet name="global.css" version="1603"><![CDATA[body {
    background: #efefef url(images/bluesteel/pokelegendbg.png) top left repeat;
    color: #000;
        font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    text-align: center; /* IE 5 fix */
    line-height: 1.4;
        margin: 0px auto;
}

a:link {
    color: #000000;
    text-decoration: none;
        text-shadow: #3a3a3a;
}

a:visited {
    color: #000000;
    text-decoration: none;
}

a:hover, a:active {
    color: #000000;
    text-decoration: underline;
}

#logorow {
        height: 81px;
        width: 100%;
        background: #000000 url(images/bluesteel/logobg.png) center left repeat-x;
}

.logo {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1000;
        overflow: hidden;
}

.time {
        width: 398px;
        height: 35px;
        line-height: 35px;
        font-size: 10px;
        font-weight: none;
        background: transparent url(images/bluesteel/timebg.png) center center no-repeat;
        float: right;
        margin-top: 27px;
        margin-right: 25px;
        color: #797979;
        text-shadow: #000000 0px -1px 0px;
}

.time a:link {
    color: #797979;
    text-decoration: none;
}

.time a:visited {
    color: #797979;
    text-decoration: none;
}

.time a:hover, .thead a:active {
    color: #ffffff;
    text-decoration: none;
}

#subnav {
        height: 26px;
        width: 100%;
        background: #0067a1 url(images/bluesteel/navbg.png) center left repeat-x;
        padding-top: 5px;
}

.navlinks ul {
    color: #000000;
    padding-left: 35px;
        text-align: left;
        list-style-type: none;
        overflow: hidden;
        font-size: 11px;
        margin-top: 0px;
}

.navlinks li {
        float: left;
}

.navlinks ul a:link {
        display: block;
    color: #FFFFFF;
    text-decoration: none;
        margin-right: 30px;
        text-shadow: #00375a 1px 1px 0px;
        padding: 3px;
        padding-left: 7px;
        padding-right: 7px;
}

.navlinks ul a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.navlinks ul a:hover, .menu ul a:active {
    color: #FFFFFF;
    text-decoration: none;
        background: #004971;
        border-radius: 5px 5px 5px 5px;
}

.navigationcontainer {
        background: #6b6b6b;
        color: #FFFFFF;
        text-shadow: #3a3a3a 0px -1px 0px;
        border-radius: 5px 5px 5px 5px;
        padding: 10px;
}

#container {
    width: 85%;
    background: #fff;
    border: 1px solid #9e9e9e;
        border-top: 0px;
        border-radius: 0px 0px 5px 5px;
    color: #000000;
    margin: auto auto;
    padding: 20px;
    text-align: left; /* IE 5 fix */
}

#content {
    /* FIX: Make internet explorer wrap correctly */
    width: auto !important;

}

.menu ul {
    color: #000000;
    font-weight: bold;
    text-align: right;
    padding: 4px;
}

.menu ul a:link {
    color: #000000;
    text-decoration: none;
}

.menu ul a:visited {
    color: #000000;
    text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
    color: #4874a3;
    text-decoration: none;
}

#panel {
        width: 100%;
        margin: 0 auto;
        height: 25px;
        line-height: 25px;
    background: #000000 url(images/bluesteel/panel.png) top left repeat-x;;
    color: #797979;
    font-size: 11px;
        border-top: 1px solid #FFFFFF;
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        text-align: left;
}

.panelpadding {
        padding-left: 35px;
        padding-right: 35px;
}

#panel a:link {
    color: #797979;
    text-decoration: none;
}

#panel a:visited {
    color: #797979;
    text-decoration: none;
}

#panel a:hover, .thead a:active {
    color: #ffffff;
    text-decoration: none;
}

#panel .remember_me input {
    vertical-align: middle;
    margin-top: -1px;
}


table {
    color: #5f5f5f;
        font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
}

.tborder {
    background: #FFFFFF;
    width: 100%;
    margin: auto auto;
        border-radius: 5px 5px 5px 5px;
}

.thead {
    background: #026CB1 url(images/bluesteel/thead.png) top left repeat-x;
    color: #ffffff;
        border: 1px solid #005178;
        border-radius: 5px 5px 0px 0px;
        line-height: 31px;
        padding: 0px;
        padding-left: 10px;
        padding-right: 10px;
        text-shadow: #002b50 0px -1px 0px;
}

.thead a:link {
    color: #ffffff;
    text-decoration: none;
}

.thead a:visited {
    color: #ffffff;
    text-decoration: none;
}

.thead a:hover, .thead a:active {
    color: #ffffff;
    text-decoration: none;
}

.tcat {
    background: #000000 url(images/bluesteel/tcat.png) top left repeat-x;
        height: 22px;
        line-height: 22px;
    color: #FFFFFF;
    font-size: 10px;
        padding: 0px;
        padding-left: 10px;
        padding-right: 10px;
}

.tcat a:link {
    color: #FFFFFF;
}

.tcat a:visited {
    color: #FFFFFF;
}

.tcat a:hover, .tcat a:active {
    color: #FFFFFF;
}

.trow1 {
    background: #FFFFFF;
}

.trow2 {
    background: #FFFFFF;
}

.trow_shaded {
    background: #ffdde0;
}

.trow_selected td {
    background: #FFFBD9;
}

.trow_sep {
    background: #e5e5e5;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background: #FFFFFF;
    color: #000000;
        border-radius: 0px 0px 5px 5px;
}

.tfoot a:link {
    color: #000000;
    text-decoration: none;
}

.tfoot a:visited {
    color: #000000;
    text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
    color: #000000;
    text-decoration: underline;
}

.bottommenu {
    background: #6b6b6b;
    color: #FFFFFF;
    padding: 10px;
        text-shadow: #3a3a3a 0px -1px 0px;
        border-radius: 5px 5px 5px 5px;
}

.bottommenu a:link {
    color: #FFFFFF;
    text-decoration: none;
}

.bottommenu a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.bottommenu a:hover, .tfoot a:active {
    color: #FFFFFF;
    text-decoration: underline;
}

.navigation {
    color: #FFFFFF;
    font-size: 12px;
}

.navigation a:link {
        color: #FFFFFF;
    text-decoration: none;
}

.navigation a:visited {
        color: #FFFFFF;
    text-decoration: none;
}

.navigation a:hover, .navigation a:active {
        color: #FFFFFF;
    text-decoration: none;
}

.navigation .active {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

input.textbox {
    background: #ffffff;
    color: #000000;
    border: 1px solid #0f5c8e;
    padding: 1px;
}

textarea {
    background: #ffffff;
    color: #000000;
    border: 1px solid #0f5c8e;
    padding: 2px;
        font-family: Tahoma, Geneva, sans-serif;
    line-height: 1.4;
    font-size: 13px;
}

select {
    background: #ffffff;
    border: 1px solid #0f5c8e;
}

.editor {
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.editor_control_bar {
    background: #fff;
    border: 1px solid #0f5c8e;
}

.autocomplete {
    background: #fff;
    border: 1px solid #000;
    color: black;
}

.autocomplete_selected {
    background: #adcee7;
    color: #000;
}

.popup_menu {
    background: #ccc;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #fff;
    color: #000;
}

.popup_menu .popup_item:hover {
    background: #C7DBEE;
    color: #000;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.invalid_field {
    border: 1px solid #f30;
    color: #f30;
}

.valid_field {
    border: 1px solid #0c0;
}

.validation_error {
    background: url(images/invalid.gif) no-repeat center left;
    color: #f30;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_success {
    background: url(images/valid.gif) no-repeat center left;
    color: #00b200;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_loading {
    background: url(images/spinner.gif) no-repeat center left;
    color: #555;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

/* Additional CSS (Master) */
img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.hiddenrow {
    display: none;
}

.selectall {
    background-color: #FFFBD9;
    font-weight: bold;
    text-align: center;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.menu ul {
    list-style: none;
    margin: 0;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    margin: 0;
    float: right;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    background-color: #000000;
    color: #000000;
    height: 1px;
    border: 0px;
}

#copyright {
    font: 11px Tahoma, Geneva, sans-serif;
    margin: 0;
    padding: 10px 0 0 0;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
}

blockquote {
    border: 1px solid #555555;
    margin: 0;
    background: #6b6b6b;
    padding: 4px;
        border-radius: 5px 5px 5px 5px;
}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    margin: 4px 0;
}

blockquote cite span {
    float: right;
    font-weight: normal;
}

blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}

.codeblock {
    background: #6b6b6b;
    border: 1px solid #555555;
    padding: 4px;
        border-radius: 5px 5px 5px 5px;
}

.codeblock .title {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    margin: 4px 0;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {
    margin: 0;
    padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pm_alert {
    background: #FFF6BF;
    border: 1px solid #FFD324;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
}

.red_alert {
    background: #FBE3E4;
    border: 1px solid #A5161A;
    color: #A5161A;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    background: #FFF6BF;
    font-size: 12px;
}

div.error p {
    margin: 0;
    color: #000;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #C00;
    background: url(images/error.gif) no-repeat 0;
}

div.error.ul {
    margin-left: 24px;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
    padding-top: 0;
}
.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current, .pagination a {
    padding: 2px 6px;
    margin-bottom: 3px;
}

.pagination a {
    border: 1px solid #81A2C4;
}

.pagination .pagination_current {
    background: #F5F5F5;
    border: 1px solid #81A2C4;
    font-weight: bold;
    color: #000;
}

.pagination a:hover {
    background: #F5F5F5;
    text-decoration: none;
}

.thread_legend, .thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(images/jump.gif) no-repeat 0;
    width: 13px;
    height: 13px;
    padding-left: 13px; /* amount of padding needed for image to fully show */
    vertical-align: middle;
    border: none;
}

.repbox {
    font-size:16px;
    font-weight: bold;
    padding:5px 7px 5px 7px;
}

._neutral {
    background-color:#FAFAFA;
    color: #999999;
    border:1px solid #CCCCCC;
}

._minus {
    background-color: #FDD2D1;
    color: #CB0200;
    border:1px solid #980201;
}

._plus {
    background-color:#E8FCDC;
    color: #008800;
    border:1px solid #008800;
}

.pagination_breadcrumb {
    background-color: #f5f5f5;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}
        
.post_body  {
-moz-border-radius:7px 7px 7px 7px;
border-radius:7px 7px 7px 7px;
background: #6b6b6b;
margin:10px;
padding:11px;
color: #FFFFFF;
text-shadow: #3a3a3a 0px -1px 0px;
}

.post_body a:link {
    color: #FFFFFF;
    text-decoration: none;
        text-shadow: #3a3a3a 0px -1px 0px;
        font-weight: bold;
}

.post_body a:visited {
    color: #FFFFFF;
        text-decoration: none;
}

.post_body a:hover, a:active {
    color: #CCCCCC;
        text-decoration: none;
}

.post_arrow {
border-bottom:12px solid #6b6b6b;
border-left:11px solid transparent;
border-right:11px solid transparent;
height:0;
margin-bottom:-12px;
margin-left:15px;
margin-top:3px;
width:0;
}]]>
        </stylesheet>
    </stylesheets>
    <templates>
        <template name="header" version="1603"><![CDATA[<div id="logorow">
        <div class="time">
                <a href="{$mybb->settings['bburl']}/search.php?action=getnew">{$lang->welcome_newposts}</a> &nbsp; <a href="{$mybb->settings['bburl']}/search.php?action=getdaily">{$lang->welcome_todaysposts}</a> &nbsp; {$lang->welcome_current_time}
        </div>
</div>
<div id="subnav">
        <div class="navlinks">
             <ul>
                <li><a href="{$mybb->settings['homeurl']}">Home</a></li>
                <li><a href="{$mybb->settings['bburl']}/index.php">Forum</a></li>
                <li><a href="{$mybb->settings['bburl']}/search.php">Search</a></li>
                <li><a href="{$mybb->settings['bburl']}/memberlist.php">Member List</a></li>
                <li><a href="{$mybb->settings['bburl']}/misc.php?action=help">Help</a></li>
                <li><a href="{$mybb->settings['bburl']}/calendar.php">Calendar</a></li>
             </ul>
        </div>
</div>
                         <div id="panel">
                 <div class="panelpadding">{$welcomeblock}</div>
            </div>
    <div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>


            <hr class="hidden" />
        </div>
        <hr class="hidden" />
        <div id="content" class="clear">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
<div class="navigationcontainer">
<navigation>
</div>
            <br />]]></template>
        <template name="footer" version="1603"><![CDATA[<br />
            <div class="bottommenu">
                <div class="float_right">{$lang_select}</div>
                <div>
                    <span class="smalltext"><a href="{$mybb->settings['contactlink']}">{$lang->bottomlinks_contactus}</a> | <a href="{$mybb->settings['homeurl']}">{$mybb->settings['homename']}</a> | <a href="#top">{$lang->bottomlinks_returntop}</a> | <a href="#content">{$lang->bottomlinks_returncontent}</a> | <a href="<archive_url>">{$lang->bottomlinks_litemode}</a> | <a href="{$mybb->settings['bburl']}/misc.php?action=syndication">{$lang->bottomlinks_syndication}</a></span>
                </div>
        <hr class="hidden" />
            <div id="copyright">
                <!-- MyBB is free software developed and maintained by a volunteer community.
                     It would be much appreciated by the MyBB Group if you left the full copyright and "powered by" notice intact,
                     to show your support for MyBB.  If you choose to remove or modify the copyright below,
                     you may be refused support on the MyBB Community Forums.
                    
                     This is free software, support us and we'll support you. -->
{$lang->powered_by} <a href="http://mybb.com/" target="_blank">MyBB{$mybbversion}</a>, &copy; 2002-{$copy_year} <a href="http://mybb.com/" target="_blank">MyBB Group</a>.<br />
Theme designed and developed by <a href="http://community.mybb.com/user-13376.html">Eric J.</a>
                <!-- End powered by -->
<br class="clear" />
<!-- The following piece of code allows MyBB to run scheduled tasks. DO NOT REMOVE -->{$task_image}<!-- End task image code -->
{$auto_dst_detection}
        </div>
        </div>
</div>
</div>

<br />
<br />]]></template>
        <template name="index" version="1603"><![CDATA[<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
    lang.no_new_posts = "{$lang->no_new_posts}";
    lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
{$header}
{$forums}
<div style="text-align: center;">
            {$logoutlink}
            <a href="misc.php?action=markread{$post_code_string}">{$lang->markread}</a> |
            <a href="showteam.php">{$lang->forumteam}</a> |
            <a href="stats.php">{$lang->forumstats}</a>
</div>
<br />
{$boardstats}
<div style="clear: both"></div>
{$footer}
</body>
</html>]]></template>
        <template name="header_welcomeblock_member" version="1603"><![CDATA[Hey there, <a href="member.php?action=profile&amp;uid={$mybb->user['uid']}">{$mybb->user['username']}</a>!
- <a href="{$mybb->settings['bburl']}/private.php">{$lang->welcome_pms}</a> {$lang->welcome_pms_usage}
                <span class="links" style="float: right;">
                    
<a href="{$mybb->settings['bburl']}/usercp.php"><strong>{$lang->welcome_usercp}</strong></a>{$modcplink}{$admincplink} - <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}">{$lang->welcome_logout}</a> - <a href="#" onclick="MyBB.popupWindow('{$mybb->settings['bburl']}/misc.php?action=buddypopup', 'buddyList', 350, 350);">{$lang->welcome_open_buddy_list}</a>

</span>]]></template>
        <template name="header_welcomeblock_member_admin" version="1603"><![CDATA[- <a href="{$mybb->settings['bburl']}/{$config['admin_dir']}/index.php">{$lang->welcome_admin}</a>]]></template>
        <template name="header_welcomeblock_member_moderator" version="1603"><![CDATA[- <a href="{$mybb->settings['bburl']}/modcp.php">{$lang->welcome_modcp}</a>]]></template>
        <template name="forumbit_depth1_cat" version="1603"><![CDATA[<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead" colspan="5">
<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" style="padding-top: 8px;" /></div>
<div><a href="{$forum_url}"><strong>{$forum['name']}</strong></a><br /><div class="smalltext">{$forum['description']}</div></div>
</td>
</tr>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr>
<td class="tcat" colspan="2"><span class="smalltext">forum</span></td>
<td class="tcat" width="70" align="right" style="white-space: nowrap" colspan="2"><span class="smalltext">stats</span></td>
<td class="tcat" width="200" align="right"><span class="smalltext">last post</span></td>
</tr>
{$sub_forums}
<tr>
<td style="background: #000000; border-radius: 0px 0px 5px 5px;" colspan="5">

</td>
</tr>
</tbody>
</table>
<br />]]></template>
        <template name="index_birthdays" version="1603"><![CDATA[<tr><td class="tcat"><span class="smalltext">{$lang->todays_birthdays}</span></td></tr>
<tr>
<td class="trow1"><span class="smalltext">{$bdays}</span></td>
</tr>]]></template>
        <template name="index_boardstats" version="1603"><![CDATA[<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead">
<div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['boardstats']}.gif" id="boardstats_img" class="expander" alt="[-]" title="[-]" style="padding-top: 8px;" /></div>
<div><strong>{$lang->boardstats}</strong></div>
</td>
</tr>
</thead>
<tbody style="{$collapsed['boardstats_e']}" id="boardstats_e">
{$whosonline}
{$birthdays}
{$forumstats}
<tr>
<td style="background: #000000; border-radius: 0px 0px 5px 5px;">

</td>
</tr>
</tbody>
</table>]]></template>
        <template name="forumbit_depth2_cat" version="1603"><![CDATA[<tr cellspacing="0">
<td class="{$bgcolor}" align="center" valign="center" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td>
<td class="{$bgcolor}" valign="center">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$subforums}</div>
</td>
<td class="{$bgcolor}" valign="center" align="center" style="white-space: nowrap" colspan="2">Threads:{$threads}{$unapproved['unapproved_threads']}<br />Posts{$posts}{$unapproved['unapproved_posts']}</td>
<td class="{$bgcolor}" valign="center" align="right" style="white-space: nowrap">{$lastpost}</td>
</tr>]]></template>
        <template name="forumbit_depth2_forum" version="1603"><![CDATA[<tr>
<td class="{$bgcolor}" align="center" valign="center" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td>
<td class="{$bgcolor}" valign="center">
<a href="{$forum_url}">{$forum['name']}</a>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="{$bgcolor}" valign="center" align="right" style="white-space: nowrap" colspan="2">Threads:{$threads}{$unapproved['unapproved_threads']}<br />Posts:{$posts}{$unapproved['unapproved_posts']}</td>
<td class="{$bgcolor}" valign="center" align="right" style="white-space: nowrap">{$lastpost}</td>
</tr>]]></template>
        <template name="index_stats" version="1603"><![CDATA[<tr><td class="tcat"><span class="smalltext">{$lang->boardstats}</span></td></tr>
<tr>
<td class="trow1"><span class="smalltext">
{$lang->stats_posts_threads}<br />
{$lang->stats_numusers}<br />
{$lang->stats_newestuser}<br />
{$lang->stats_mostonline}
</span>
</td>
</tr>]]></template>
        <template name="index_whosonline" version="1603"><![CDATA[<tr>
<td class="tcat"><span class="smalltext">{$lang->whos_online} [<a href="online.php">{$lang->complete_list}</a>]</span></td>
</tr>
<tr>
<td class="trow1"><span class="smalltext">{$lang->online_note}<br />{$onlinemembers}</span></td>
</tr>]]></template>
        <template name="nav_sep" version="1603"><![CDATA[»]]></template>
        <template name="nav_sep_active" version="1603"><![CDATA[»]]></template>
        <template name="postbit" version="1603"><![CDATA[{$ignore_bit}
<a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
    <tbody>
        <tr>
            <td class="tcat">
                <div class="float_left smalltext">
                    {$post['postdate']}, {$post['posttime']} <span id="edited_by_{$post['pid']}">{$post['editedmsg']}</span>
                </div>
                {$post['posturl']}
            </td>
        </tr>

        <tr>
            <td class="trow1 {$unapproved_shade}">
                <table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
                    <tr>
                        <td class="post_avatar" width="1" style="{$post['avatar_padding']}">
                            {$post['useravatar']}
                        </td>
                        <td class="post_author">
                            <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
                            <span class="smalltext">
                                {$post['usertitle']}<br />
                                {$post['userstars']}
                                {$post['groupimage']}
                            </span>
                        </td>
                        <td class="smalltext post_author_info" width="165">
                            {$post['user_details']}
                        </td>
                    </tr>
                </table>
            </td>
        </tr>

        <tr>
            <td class="trow2 post_content {$unapproved_shade}">
<div class="post_arrow"></div>
                <div class="post_body" id="pid_{$post['pid']}">
                    {$post['message']}
                </div>
                {$post['attachments']}
                {$post['signature']}

                <div class="post_meta" id="post_meta_{$post['pid']}">
                {$post['iplogged']}
                </div>
            </td>
        </tr>

        <tr>
            <td class="trow1 post_buttons {$unapproved_shade}">
                <div class="author_buttons float_left">
                    {$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}
                </div>
                <div class="post_management_buttons float_right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}
                </div>
            </td>
        </tr>
    </tbody>
</table>]]></template>
        <template name="usercp_nav_messenger" version="1603"><![CDATA[<tr>
    <td class="tcat">
        <div class="float_right"><img src="{$theme['imgdir']}/collapse{$collapsedimg['usercppms']}.gif" id="usercppms_img" class="expander" alt="[-]" style="padding-top:6px;" /></div>
        <div><span class="smalltext"><strong>{$lang->ucp_nav_messenger}</strong></span></div>
    </td>
</tr>
<tbody style="{$collapsed['usercppms_e']}" id="usercppms_e">
    <tr><td class="trow1 smalltext"><a href="private.php?action=send" class="usercp_nav_item usercp_nav_composepm">{$lang->ucp_nav_compose}</a></td></tr>
    <tr>
        <td class="trow1 smalltext">
            {$folderlinks}
        </td>
    </tr>
    <tr><td class="trow1 smalltext"><a href="private.php?action=tracking" class="usercp_nav_item usercp_nav_pmtracking">{$lang->ucp_nav_tracking}</a></td></tr>
    <tr><td class="trow1 smalltext"><a href="private.php?action=folders" class="usercp_nav_item usercp_nav_pmfolders">{$lang->ucp_nav_edit_folders}</a></td></tr>
</tbody>]]></template>
        <template name="usercp_nav_misc" version="1603"><![CDATA[<tr>
    <td class="tcat">
        <div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['usercpmisc']}.gif" id="usercpmisc_img" class="expander" alt="[-]" title="[-]" style="padding-top:4px;" /></div>
        <div><span class="smalltext"><strong>{$lang->ucp_nav_misc}</strong></span></div>
    </td>
</tr>
<tbody style="{$collapsed['usercpmisc_e']}" id="usercpmisc_e">
    <tr><td class="trow1 smalltext"><a href="usercp.php?action=usergroups" class="usercp_nav_item usercp_nav_usergroups">{$lang->ucp_nav_usergroups}</a></td></tr>
    <tr><td class="trow1 smalltext"><a href="usercp.php?action=editlists" class="usercp_nav_item usercp_nav_editlists">{$lang->ucp_nav_editlists}</a></td></tr>
    <tr><td class="trow1 smalltext"><a href="usercp.php?action=attachments" class="usercp_nav_item usercp_nav_attachments">{$lang->ucp_nav_attachments}</a></td></tr>
    <tr><td class="trow1 smalltext">{$draftstart}<a href="usercp.php?action=drafts" class="usercp_nav_item usercp_nav_drafts">{$lang->ucp_nav_drafts} {$draftcount}</a>{$draftend}</td></tr>
    <tr><td class="trow1 smalltext"><a href="usercp.php?action=subscriptions" class="usercp_nav_item usercp_nav_subscriptions">{$lang->ucp_nav_subscribed_threads}</a></td></tr>
    <tr><td class="trow1 smalltext"><a href="usercp.php?action=forumsubscriptions" class="usercp_nav_item usercp_nav_fsubscriptions">{$lang->ucp_nav_forum_subscriptions}</a></td></tr>
    <tr><td class="trow1 smalltext"><a href="{$profile_link}" class="usercp_nav_item usercp_nav_viewprofile">{$lang->ucp_nav_view_profile}</a></td></tr>
</tbody>]]></template>
        <template name="usercp_nav_profile" version="1603"><![CDATA[<tr>
    <td class="tcat">
        <div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['usercpprofile']}.gif" id="usercpprofile_img" class="expander" alt="[-]" title="[-]" style="padding-top:4px;" /></div>
        <div><span class="smalltext"><strong>{$lang->ucp_nav_profile}</strong></span></div>
    </td>
</tr>
<tbody style="{$collapsed['usercpprofile_e']}" id="usercpprofile_e">
    <tr><td class="trow1 smalltext">
        <div><a href="usercp.php?action=profile" class="usercp_nav_item usercp_nav_profile">{$lang->ucp_nav_edit_profile}</a></div>
        {$changenameop}
        <div><a href="usercp.php?action=password" class="usercp_nav_item usercp_nav_password">{$lang->ucp_nav_change_pass}</a></div>
        <div><a href="usercp.php?action=email" class="usercp_nav_item usercp_nav_email">{$lang->ucp_nav_change_email}</a></div>
        <div><a href="usercp.php?action=avatar" class="usercp_nav_item usercp_nav_avatar">{$lang->ucp_nav_change_avatar}</a></div>
        {$changesigop}
    </td></tr>
    <tr><td class="trow1 smalltext"><a href="usercp.php?action=options" class="usercp_nav_item usercp_nav_options">{$lang->ucp_nav_edit_options}</a></td></tr>
</tbody>]]></template>
    </templates>
</theme>

kolor paska to zdjęcie "pokelegendbg"

Cybul

04.08.2013, 04:53
https://webboard.pl/wiki.php?przewodnik-...-mybb.html

gloverek

04.08.2013, 07:51
Prawy przycisk myszy na polu, które chcesz zmienić, z menu wybierasz opcję:
Google Chrome/Mozilla Firefox: "Zbadaj element".
Od razu rzuci Ci się tag body, w którym znajduje się ten magiczny kolor, który zmienisz na taki jaki Ci pasuje. Następnie przejdź do ACP->Style i szablony->Style->Twój Styl->Global.css->Edycja zaawansowana i skopiuj sobie ten kolor, który ustaliłeś w przeglądarce.
Czyż to nie jest proste ? Całe narzędzie do edycji strony tylko za pomocą jednego kliknięcia kieruje Cię tam, gdzie sobie życzysz zmianę :P xD

kompletnylaik

05.08.2013, 20:19
Może źle wytłumaczyłem.
W tej chwili mam styl który w odróżnieniu do "bluesteel" pasków nie posiada.
Chciałbym je zrobić i zapodałem kod stylu który je posiada żeby móc je przepisać do stylu mojego i tym samym zrobić te paski.
Chodzi mi o fragment kodu który za to odpowiada.
Próbowałem skopiować ten fragment z kolorem (czyli obrazkiem pokelegendbg) lecz mi nie działa więc was sie pytam.

GiboneKPL

05.08.2013, 20:33
Hmm pokaż szablon forumbit_depth1_cat (ACP -> Style i Szablony -> Szablony -> Twój_Szablon -> Opis działu).

Oraz zamień thead na ten:
Kod:
.thead {
    background: #ff0000;
    color: #ffffff;
        border: 1px solid #ff0000;
        border-radius: 5px 5px 0px 0px;
    line-height: 33px;
    height: 33px;
        padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    margin: -1px;
}

kompletnylaik

05.08.2013, 21:00
hmm Podałeś mi kod na pasek kategorii czy sie myle?

Może jeszcze inaczej:
Belka z nazwą forum (w tym przypadku czarna belka z napisem bluesteel) ma być na szerokość całej strony.
Belka niebieska (w tym przypadku z home, kalendarz, search...) też na całośc strony
te szare paski o których mówiłem to bodajże "body" (lewa i prawa strona) a pośrodku jest forum właściwe z sidebarem (na białym tle)
Jaki kod odpowiada za właśnie ten układ? - za pojawienie sie tych szarych pasków po bokach a forum zmieszczone w tabelce z białym tłem?

GiboneKPL

05.08.2013, 21:06
Aha.. Ja myślałem że chcesz te niebieskie i czerwone paski (theady).

Utaj masz kod za te szare po bokach:
wejdź w ACP -> Style i Szablony -> Twój_Styl -> global.css Znajdź (sam początek):
Kod:
body {
    background: #efefef top left repeat;
    color: #000;
        font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    text-align: center; /* IE 5 fix */
    line-height: 1.4;
        margin: 0px auto;
}

Zamień na:
Kod:
body {
    background: #797979 top left repeat;
    color: #000;
        font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    text-align: center; /* IE 5 fix */
    line-height: 1.4;
        margin: 0px auto;
}

gloverek

06.08.2013, 01:00
A nie prościej było dostosować się do mojego posta i nauczyć się korzystać z dobrodziejstw przeglądarki, która pokazuje Ci każdy fragment kodu, na który najedziesz kursorem myszy na ekranie ?
To głównie CSS stylizuje całość jak i kształt i wygląd. Przecież w czasie rzeczywistym widzisz jak na dłoni, który kod za co odpowiada, a ty kierujesz się tylko po odpowiednich szablonach i edycja tego w szablonach, czy css nie wymaga praktycznie żadnej fachowej znajomości programowania :)

kompletnylaik

06.08.2013, 01:29
pewnie łatwiej jednak na tą chwilę kiedy się dopiero uczę wolę (i łatwiej mi) zaglądać w kod.

ps. "prawie" dałem sobie radę. Nie wychodzi mi tylko wysokość containera.

Dam mały przykłąd: dla was pewnie to lepiej że kod jest podzielony w szablonach. Ja natomiast marnuje w ...dużo czasu na znalezienie danego fragmentu kodu :-/ Wolał bym żeby kod był całościowy a nie podzielony.
Oczywiście moge skorzystać z filezilli i mieć cały kod ale to trochę męczące.

Matslom

06.08.2013, 16:30
kompletnylaik napisał(a):Dam mały przykłąd: dla was pewnie to lepiej że kod jest podzielony w szablonach. Ja natomiast marnuje w ...dużo czasu na znalezienie danego fragmentu kodu :-/ Wolał bym żeby kod był całościowy a nie podzielony.
Oczywiście moge skorzystać z filezilli i mieć cały kod ale to trochę męczące.
Dlatego każdy na początku korzysta z opcji "zbadaj element" w przeglądarce. Jeżeli w MyBB masz włączoną opcje (domyślnie jest włączona) pokazywania nazw szablonów w kodzie to przez badanie elementów masz oznaczony każdy szablon komentarzem (jego początek i koniec). Przykładowo pracujesz przy postach podglądasz w konsoli jaki szablon ma taki kod. Wchodzi w szablony w ACP -> jako że są to posty to wybierasz Opis posta i szukasz szablonu. Proste...
Webboard > Wsparcie MyBB > Style, szablony i grafika > Jak stworzyć paski po bokach?