Webboard

Pełna wersja: Przesunięcie forum na lewą stronę i ...
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
wersja skryptu MyBB: -
adres forum: gramtu.xaa.pl
na czym polega problem (screen, opis, komunikaty):
chcę przesunąć całe forum na lewą stronę a panel boczny w stronę prawą. tak jak jest pokazane na ss niżej. (chcę aby po bokach było też troche luzu.)

[Obrazek: sgyn.png]
Pokaż szablon index (ACP -> Style i Szablony -> Szablony -> Twój_Szablon -> Strona Główna -> index).
Kod:
<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>
<style type="text/css">
.buttons {
    background: url(images/arrowright.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
}

.clickedbuttons {
    background: url(images/arrowleft.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
}
</style>
</head>
<body>
{$header}
<a class="buttons" style="float: right;"></a>
<a class="clickedbuttons" style="float: right;"></a>
<br class="clear" />
<div class="sidebar" style="float: right;width: 25%;">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead"><strong>
Latest News
</strong></td>
</tr>
<tr>
<td class="trow1">
You can put some news stuff here
</td>
</tr>
</table>
</div>



<div class="forums" style="float: left;width: 100%;">
{$forums}
</div>
<br class="clear" />
{$boardstats}

<dl class="forum_legend smalltext">
    <dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
    <dd>{$lang->new_posts}</dd>

    <dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
    <dd>{$lang->no_new_posts}</dd>

    <dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>
    <dd>{$lang->forum_locked}</dd>
</dl>
<br style="clear: both" />
{$footer}
</body>
</html>
A jak to ma być obok jak ustawiłeś szerokość 100% dla działów?! Zamień to na ten:
Kod:
<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>
<style type="text/css">
.buttons {
background: url(images/arrowright.png) no-repeat;
width: 16px;
height: 16px;
display: block;
cursor: pointer;
}

.clickedbuttons {
background: url(images/arrowleft.png) no-repeat;
width: 16px;
height: 16px;
display: block;
cursor: pointer;
}
</style>
</head>
<body>
{$header}
<a class="buttons" style="float: right;"></a>
<a class="clickedbuttons" style="float: right;"></a>
<br class="clear" />
<div class="sidebar" style="float: right;width: 25%;">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead"><strong>
Latest News
</strong></td>
</tr>
<tr>
<td class="trow1">
You can put some news stuff here
</td>
</tr>
</table>
</div>



<div class="forums" style="float: left;width: 74%;">
{$forums}
</div>
<br class="clear" />
{$boardstats}

<dl class="forum_legend smalltext">
<dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
<dd>{$lang->new_posts}</dd>

<dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
<dd>{$lang->no_new_posts}</dd>

<dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>
<dd>{$lang->forum_locked}</dd>
</dl>
<br style="clear: both" />
{$footer}
</body>
</html>
Jak to zamieniłem to całe forum znikło.

Zamieniłem to
Kod:
<div class="forums" style="float: left;width: 100%;">
Na to co podałeś i znikło całe forum.
Masz jeszcze jakieś pomysły?
Zamień twój szablon index na ten co Ci podałem w #4 poście..
Panel boczny się wsunął ale teraz bym chciał aby bardziej to przylegało do boków bo jest takie ściaśione.
Podaj #container z global.css
Gdzie jest to global.css ?
Mam szykać gdzieś tego pliku w ftp? czy w ACP ?
ACP -> Style i Szablony -> Twój_styl -> global.css -> tryb zaawansowany
Nie wiem czy to to ale chyba tak:


Kod:
#colorchanger {float: right}
#colorchanger ul {
    float: right;
    list-style: none;
    padding: 10px 0 0 0;
    margin: 0 0 0 4px;
}
#colorchanger li {
    float: left;
    padding: 0;
    margin: 0 5px;
}
#colorchanger span {float: left}
#colorchanger a {
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -9999px;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    border-radius: 8px;
    -moz-border-radius: 8px;
}
.widthController {float: right}
.widthController a {
    display: block;
    text-transform: uppercase;
    margin: 6px 0 0 4px;
    padding: 4px;
    color: #c8c8c8;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 16px;
    font-size: 10px;
}
.toTop {
    background: url(images/audentio/citrus/totop.gif) 0 0 no-repeat;
    width: 42px;
    height: 42px;
    display: block;
    text-indent: -9999px;
    float: right;
    margin: 0 -20px 0 20px;
}


html {
    overflow-y: scroll;
}

@font-face {
    font-family: 'DroidSansRegular';
    src: url(images/audentio/citrus/font/DroidSans-webfont.eot);
    src: url(images/audentio/citrus/font/DroidSans-webfont.eot?#iefix') format('embedded-opentype),
         url(images/audentio/citrus/font/DroidSans-webfont.woff') format('woff),
         url(images/audentio/citrus/font/DroidSans-webfont.ttf') format('truetype),
         url(images/audentio/citrus/font/DroidSans-webfont.svg#DroidSansRegular') format('svg);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSansBold';
    src: url(images/audentio/citrus/font/DroidSans-Bold-webfont.eot);
    src: url(images/audentio/citrus/font/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype),
         url(images/audentio/citrus/font/DroidSans-Bold-webfont.woff') format('woff),
         url(images/audentio/citrus/font/DroidSans-Bold-webfont.ttf') format('truetype),
         url(images/audentio/citrus/font/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg);
    font-weight: normal;
    font-style: normal;
}

body {
    background: #efefef url(images/audentio/citrus/pagebg.png) top left repeat;
    color: #7c7c7c;
    font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
    font-size: 11px;
    text-align: center; /* IE 5 fix */
        line-height: 1.4;
    margin: 0 auto;
}
a {
    color: #121212;
    text-decoration: none;
}

a:hover,a:active {
    color: #FF6726;
    text-decoration: none;
}
.width {
    width: 960px;
    margin: 0 auto;
    text-align: left;
}
#content {
        width: auto !important;
}
#logorow {
    padding: 0px;
    height: 89px;
    line-height: 89px;
    overflow: hidden;
        -moz-box-shadow: inset 0 -1px rgba(0,0,0,0.5);
        -webkit-box-shadow: inset 0 -1px rgba(0,0,0,0.5);        
        box-shadow: inset 0 -1px rgba(0,0,0,0.5);
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}
#logo {
    height: 89px;
    float: left;
}
.menu ul {
    color: #000000;
    font-weight: bold;
    text-align: right;
    float: right;
}
.menu ul li a:link,.menu ul li a:visited {
    color: #ffffff;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    background: transparent;
    display: block;
    height: 89px;
}
.menu ul li a:hover,.menu ul li a:active {
    background: url(images/audentio/citrus/menuhover.png) bottom center no-repeat;
    -webkit-background-size: 100% 35px;
    -moz-background-size: 100% 35px;
    background-size: 100% 35px;
    color: #000;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
}
.menu ul li {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}
.menu ul li:first-child {
    padding-left: 0px;
}
.menu ul li:last-child {
    padding-right: 0px;
}
#usercontrol .width {
    position: relative;
}
#usercontrol {
    background: #121212 url(images/audentio/citrus/usercontrol.png) top left repeat;
    height: 40px;
    line-height: 40px;
    color: #a7a7a7;
}
#usercontrol a:link,#usercontrol a:visited {
    color: #a7a7a7;
    text-decoration: none;
    font-weight: bold;
}
#usercontrol a:hover,#usercontrol a:active {
    color: #FF6726;
    text-decoration: none;
    font-weight: bold;
}
#useravy {
    background: url(images/audentio/citrus/blankavy.gif) center center no-repeat;
    -webkit-background-size: 25px 25px;
    -moz-background-size: 25px 25px;
    background-size: 25px 25px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    margin-top: 7.5px;
}
#breadcrumb {
    background: #f6f6f6 url(images/audentio/citrus/breadcrumb.png) bottom left repeat-x;
    border-top: #FFF;
    border-bottom: #a2a2a2;
    min-height: 40px;
    max-height: 80px;
    line-height: 40px;
    color: #b3b3b3;
    text-shadow: #FFF 1px 1px 0px;
    overflow: hidden;
}
#breadcrumb a:link,#breadcrumb a:visited {
    color: #5d5d5d;
    text-decoration: none;
}
#breadcrumb a:hover,#breadcrumb a:active {
    color: #FF6726;
    text-decoration: none;
}
#breadcrumb .active {
    background: #e6e6e6;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #d5d5d5;
    -webkit-box-shadow: #FFF 0px 1px 0px;
    -moz-box-shadow: #FFF 0px 1px 0px;
    box-shadow: #FFF 0px 1px 0px;
    height: 22px;
    line-height: 22px;
    padding-left: 15px;
    padding-right: 15px;
    color: #222222;
    text-shadow: #FFF 1px 1px 0px;
    font-weight: bold;
    margin: 6px 0 0 10px;
}
.navarrow {
    background: url(images/audentio/citrus/navarrow.png) center left no-repeat;
    height: 22px;
    width: 7px;
    float: left;
    margin-left: -22px;
}
#breadcrumb .breadcrumb_home a {
    text-indent: -9999px;
    background: url(images/audentio/citrus/home.png) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    overflow: hidden;
    display: block;
    float: left;
    margin: 12px 6px;
    padding: 0;
}
table {
    font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
    font-size: 13px;
}
table tr:last-child {
    border-bottom: 0px;
}
.tborder {
    background: #FFF;
    width: 100%;
    margin: auto auto;
    /* border: 1px solid rgba(0,0,0,0.5); */
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    border-radius: 5px;
}
.thead {
    background: #FF6726 url(images/audentio/citrus/commonbg.png) top left repeat-x;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'DroidSansRegular', "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 -1px rgba(255,255,255,0.5);
    -webkit-box-shadow: inset 0 -1px rgba(255,255,255,0.5);        
    box-shadow: inset 0 -1px rgba(255,255,255,0.5);
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

.thead a:link {
    color: #ffffff;
    text-decoration: none;
}
.thead a:visited {
    color: #ffffff;
    text-decoration: none;
}
.thead a:hover,.thead a:active {
    color: rgba(255,255,255,0.9);
    text-decoration: none;
}
.thead .expcolimage {
    margin-top: 12px;
}
#theadglow {
    background: url(images/audentio/citrus/theadglow.png) bottom left no-repeat;
    height: 40px;
}
.thead strong {
    font-family: 'DroidSansBold', "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
}
#theadglow .smalltext {padding-left: 10px}
.tcat {
    background: #121212 url(images/audentio/citrus/usercontrol.png) top left repeat;
    color: #a7a7a7;
    padding-top: 7px;
    padding-bottom: 7px;
}
.tcat a:link,.tcat a:visited {
    color: #a7a7a7;
}
.tcat a:hover,.tcat a:active {
    color: #FF6726;
}
tr .tcat:first-child {
    padding-left: 20px;
}
.trow1 {
    background: #fff url(images/audentio/citrus/trow.png) top left repeat-x;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #c8c8c8;
    padding-top: 10px;
    padding-bottom: 10px;
}
.trow2 {
    background: #fff url(images/audentio/citrus/trow.png) top left repeat-x;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #c8c8c8;
    padding-top: 10px;
    padding-bottom: 10px;
}
tr .trow1:first-child {
    padding-left: 20px;
}
tr .trow1:last-child {
    padding-right: 20px;
}
tr .trow2:first-child {
    padding-left: 20px;
}
tr .trow2:last-child {
    padding-right: 20px;
}
.trow_shaded {
    background: #ffdde0;
}
.trow_selected td {
    background: #FFFBD9;
}
.trow_sep {
    background: #e5e5e5;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}
.tfoot {
    color: #7c7c7c;
        background: #f6f6f6 url(images/audentio/citrus/breadcrumb.png) top left repeat-x;
    color: #222;
    padding-left: 20px;
    padding-right: 20px;
    height: 26px;
    line-height: 30px;
    text-shadow: 1px 1px 0 #FFF;
    border-bottom: 1px solid #c8c8c8;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}
.tfoot a:link {
    color: #222;
    text-decoration: none;
    font-weight: bold;
}
.tfoot a:visited {
    color: #222;
    text-decoration: none;
}
.tfoot a:hover,.tfoot a:active {
    color: #FF6726;
    text-decoration: none;
}
#onoff {
    padding-right: 20px;
}
#bottommenu {
    font-size: 12px;
    border: 1px solid rgba(0,0,0,0.5);
    height: 42px;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}
.loginboxes {
    background: #262626;
    border: 1px solid #303030;
    color: #a7a7a7;
    height: 25px;
    line-height: 25px;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    padding-left: 10px;
}
.submitbutton {
    background: #00b408;
    -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -moz-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    text-shadow: rgba(0,0,0,0.5) 0 -1px 0;
    border: 0;
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    height: 27px;
    line-height: 27px;
    padding-left: 15px;
    padding-right: 15px;
    color: #FFF;
}
.smalltext {
    font-size: 11px;
}
.largetext {
    font-size: 16px;
    font-weight: bold;
}
input.textbox {
    background: #ffffff url(images/audentio/citrus/trow.png) 0 -10px repeat-x;
    color: #666;
    border: 1px solid #C8C8C8;
    padding: 4px;
        font-size: 11px;
}

input.button {
        background: #f6f6f6 url(images/audentio/citrus/breadcrumb.png) top left repeat-x;
    border: 1px solid #C8C8C8;
    text-shadow: rgba(255,255,255,0.5) 1px 1px 0;
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    padding-left: 15px;
    padding-right: 15px;
    color: #666;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
}

input.button:hover {
        background: #f6f6f6 url(images/audentio/citrus/breadcrumb.png) 10px left repeat-x;
    color: #FF6726;
    border: 1px solid #C8C8C8;
}

input.button:active {
    background: #EEE;
    -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
    box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
}

textarea {
    background: #ffffff;
    color: #000000;
    border: 1px solid #C8C8C8;
    padding: 2px;
    font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
    line-height: 1.4;
    font-size: 13px;
}
select {
    background: #ffffff;
    border: 1px solid #C8C8C8;
    padding: 2px;
}
.editor {
    background: #f1f1f1;
    border: 1px solid #C8C8C8;
}
.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;
}
img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}
hr {
    background-color: #000000;
    color: #000000;
    height: 1px;
    border: 0px;
}
#copyright {
    font: 11px Verdana, Arial, Sans-Serif;
    margin: 0;
    padding: 10px 0 0 0;
}
#debug {
    float: right;
    text-align: right;
    margin-top: 0;
}
blockquote {
    border: 1px solid #CCC;
    margin: 0;
    background: #fff;
    padding: 4px;

}
blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    padding: 10px;
        color: #999;
}
blockquote cite span {
    float: right;
    font-weight: normal;
}
blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}
.codeblock {
    background: #fff;
    border: 1px solid #CCC;
    padding: 4px;
}

.codeblock .title {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    padding: 10px;
        color: #999;
}
.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
        padding: 10px;
}
.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 #CCC;
    background: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.pagination .pagination_current {
    background: #121212;
    border: 1px solid #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    color: #FFF;
}
.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_body {
    padding: 10px;
        margin-top: 10px;
        color: #000;
        background: #FEFEFE;
        border: 1px solid #EEE;
}
.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;
    white-space: nowrap;
}
.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}
#nav,#nav ul {
    list-style: none;
    height: 40px;
    line-height: 40px;
}
#nav {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 40px;
    line-height: 40px;
    padding: 0px;
    margin: 0px;
}
#nav > li {
    float: left;
}
#nav li a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    text-decoration: underline;
}
#nav > li > a.usercplink {
    padding-right: 12px;
    background: url(images/audentio/citrus/cp.png) 100% 50% no-repeat;
}
#nav ul {
    position: absolute;
    right: -10px;
    top: 34px;
    display: none;
    z-index: 999;
}
#nav ul li a {
    padding-left: 20px;
    padding-right: 20px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    text-align: left;
}
#nav li:hover ul {
    display: block;
    padding: 5px;
    padding-top: 0px;
    background: #121212 url(images/audentio/citrus/usercontrol.png) top left repeat;
    height: 160px;
    -webkit-box-shadow: #121212 0px 1px 5px;
    -moz-box-shadow: #121212 0px 1px 5px;
    box-shadow: #121212 0px 1px 5px;
    border: 1px solid #121212;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=95);
    opacity: 0.95;
    width: 160px;
}
#nav li > ul a:link,#nav li > ul a:visited {
    color: #fff;
    border: 1px solid #121212;
    background: #333;
    -webkit-transition: color 0.5s ease-in;
    -moz-transition: color 0.5s ease-in;
    -o-transition: color 0.5s ease-in;
    -ms-transition: color 0.5s ease-in;
    transition: color 0.5s ease-in;
    -webkit-transition: background 0.5s ease-in;
    -moz-transition: background 0.5s ease-in;
    -o-transition: background 0.5s ease-in;
    -ms-transition: background 0.5s ease-in;
    transition: background 0.5s ease-in;
}
#nav li > ul a:hover,#nav li > ul a:active {
    color: #FF6726;
    background: #000;
}

#posts > .tborder:last-child {
    border-bottom: 0px;
}

.count_dark {
    color: #000;
}
Interesuje mnie taki oto przykładowy wpis w global.css:

Kod:
#container {
    width: 96%;
    margin: auto auto;
    text-align: left;
}

Czy jest on u Ciebie? Odpowiada on za szerokość forum (zapewne to masz na myśli). Dokładniej to wpis "width".
U mnie nie ma czegoś takiego.
A jak nie mam to mam sobie to wkleić?
Jak tak do gdzie ? (nad czym , pod czym?)
Sepowaty, wystarczy pomyśleć i użyć wróżki "Zbadaj Element" >.<

To tak klasa:
Kod:
.width {
    width: 960px;
    margin: 0 auto;
    text-align: left;
}

Zamień ten px na większe (w sensie 1500?) albo na % (np. 80%).
Dobra forum się ładnie przesunęło tak jak chciałem, lecz teraz potrzebuję takiego panelu bocznego jak jest na IPB czyli najnowsze posty top 10 reputacji itp.
Wiem ,że da się coś takiego zrobić lecz nie wiem jak :C
Stron: 1 2