Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Jak to naprawić?
Pełna wersja: Jak to naprawić?
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2

tasakamana

30.04.2013, 20:40
wersja skryptu MyBB:1.9.6
adres forum:http://www.dragonsprophet.xaa.pl/index.php
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Witam mam pytanie jak naprawić te przyciski żeby wyglądały normalnie?

[Obrazek: 64065410988232924460.png]

GiboneKPL

30.04.2013, 20:45
Poszukaj klasy buttonów w css (i skorzystaj z firebuga/zbadaj element) i dodaj marginesy
Kod:
margin-top: 5px;
margin-bottom: 5px;

*PS. Mam nadzieję że nie pomyliłem się, ponieważ piszę na szybko :D*

tasakamana

30.04.2013, 20:53
W global.css to szukać?

GiboneKPL

30.04.2013, 21:07
poszukaj klasy .buttonn i tam dodaj wpisy :
Kod:
margin-top: 5px;
margin-bottom: 5px;

tasakamana

30.04.2013, 21:12
sorry, ale ja nie znalazłem chyba nie tu szukam;/

GiboneKPL

30.04.2013, 21:14
Szukaj w extras.css
Kod:
.buttonn {
    background: #222;
    padding: 4px 10px;
    border: 1px solid #222;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
        border-radius: 2px;
    color: #fff;
    font-weight: bold;
    font-family: 'Electrolize', sans-serif;
     transition: color .3s;
        -moz-transition: color .3s;
        -o-transition: color .3s;
        -webkit-transition: color .3s;
}

To jest cały kod klasy zamień go na :
Kod:
.buttonn {
    background: #222;
    padding: 4px 10px;
    border: 1px solid #222;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
        border-radius: 2px;
    color: #fff;
    font-weight: bold;
    font-family: 'Electrolize', sans-serif;
     transition: color .3s;
        -moz-transition: color .3s;
        -o-transition: color .3s;
        -webkit-transition: color .3s;
margin-top: 5px;
margin-bottom: 5px;
}

tasakamana

30.04.2013, 21:16
no właśnie nie tu szukałem, szukałem to w global css;)
Ale nie działa to niestety;/
Wiem gdzie to leży ale tylko wiem jak dolny przycisk zmienić ale górny już nie ;/ nic nie znajduje tam o górnym ;/

SLAVOO

30.04.2013, 21:44
Bo oba mają tą samą klasę.

tasakamana

30.04.2013, 21:45
ale tylko 1 zmienia swoje położenie :)
Wie ktoś dlaczego?

GiboneKPL

01.05.2013, 07:21
tasakamana, spróbuj zwiększyć margin-bottom do 10px. I polecam przeczytać troszkę o HTML i CSS.

tasakamana

01.05.2013, 07:23
a jak to rozbić? (Rozbić na 2 klasy)

GiboneKPL

01.05.2013, 07:28
Zapraszam do lektur:
CSS
HTML

zamień tamten kod co Ci podałem na ten:
Kod:
.buttonn {
    background: #222;
    padding: 4px 10px;
    border: 1px solid #222;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
        border-radius: 2px;
    color: #fff;
    font-weight: bold;
    font-family: 'Electrolize', sans-serif;
     transition: color .3s;
        -moz-transition: color .3s;
        -o-transition: color .3s;
        -webkit-transition: color .3s;
margin-top: 5px;
margin-bottom: 10px;
}

tasakamana

01.05.2013, 07:32
Nic, to w ogóle nie jest w tym pliku.

SLAVOO

01.05.2013, 07:35
Dziwnie to jest jakoś zrobione. Spróbuj rozbić na dwie klasy

tasakamana

01.05.2013, 07:42
Tak pisałeś że rozbić na 2 klasy ale niestety nie potrafię i się pytałem jak :)
Mam tam taki kod i co z nim zrobić?
Kod:
<div class="float_left">
    {$multipage}
</div>
<div class="float_right" style="margin-top: 6px;">
    {$newthread}
</div>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both;">
    <tr>
        <td class="thead" colspan="{$colspan}">
            <div style="float: right;">
                <span class="smalltext"><strong><a href="misc.php?action=markread&amp;fid={$fid}{$post_code_string}">{$lang->markforum_read}</a> | <a href="usercp2.php?action={$add_remove_subscription}subscription&amp;type=forum&amp;fid={$fid}&amp;my_post_key={$mybb->post_code}">{$add_remove_subscription_text}</a>{$clearstoredpass}</strong></span>
            </div>
            <div>
                <strong>{$foruminfo['name']}</strong>
            </div>
        </td>
    </tr>
    <tr>
        <td class="tcat" colspan="3" width="66%"><span class="smalltext"><strong><a href="{$sorturl}&amp;sortby=subject&amp;order=asc">{$lang->thread}</a> {$orderarrow['subject']} / <a href="{$sorturl}&amp;sortby=starter&amp;order=asc">{$lang->author}</a> {$orderarrow['starter']}</strong></span></td>
        <td class="tcat" align="center" width="7%"><span class="smalltext"><strong><a href="{$sorturl}&amp;sortby=replies&amp;order=desc">{$lang->replies}</a> {$orderarrow['replies']}</strong></span></td>
        <td class="tcat" align="center" width="7%"><span class="smalltext"><strong><a href="{$sorturl}&amp;sortby=views&amp;order=desc">{$lang->views}</a> {$orderarrow['views']}</strong></span></td>
        {$ratingcol}
        <td class="tcat" align="right" width="20%"><span class="smalltext"><strong><a href="{$sorturl}&amp;sortby=lastpost&amp;order=desc">{$lang->lastpost}</a> {$orderarrow['lastpost']}</strong></span></td>
        {$inlinemodcol}
    </tr>
    {$selectall}
    {$announcementlist}
    {$threads}
    <tr>
        <td class="tfoot" align="right" colspan="{$colspan}">
            <form action="forumdisplay.php" method="get">
                <input type="hidden" name="selectall" value="{$allselected}" />
                <input type="hidden" name="fid" value="{$fid}" />
                <select name="sortby">
                    <option value="subject" {$sortsel['subject']}>{$lang->sort_by_subject}</option>
                    <option value="lastpost" {$sortsel['lastpost']}>{$lang->sort_by_lastpost}</option>
                    <option value="starter" {$sortsel['starter']}>{$lang->sort_by_starter}</option>
                    <option value="started" {$sortsel['started']}>{$lang->sort_by_started}</option>
                    {$ratingsort}
                    <option value="replies" {$sortsel['replies']}>{$lang->sort_by_replies}</option>
                    <option value="views" {$sortsel['views']}>{$lang->sort_by_views}</option>
                </select>
                <select name="order">
                    <option value="asc" {$ordersel['asc']}>{$lang->sort_order_asc}</option>
                    <option value="desc" {$ordersel['desc']}>{$lang->sort_order_desc}</option>
                </select>
                <select name="datecut">
                    <option value="1" {$datecutsel['1']}>{$lang->datelimit_1day}</option>
                    <option value="5" {$datecutsel['5']}>{$lang->datelimit_5days}</option>
                    <option value="10" {$datecutsel['10']}>{$lang->datelimit_10days}</option>
                    <option value="20" {$datecutsel['20']}>{$lang->datelimit_20days}</option>
                    <option value="50" {$datecutsel['50']}>{$lang->datelimit_50days}</option>
                    <option value="75" {$datecutsel['75']}>{$lang->datelimit_75days}</option>
                    <option value="100" {$datecutsel['100']}>{$lang->datelimit_100days}</option>
                    <option value="365" {$datecutsel['365']}>{$lang->datelimit_lastyear}</option>
                    <option value="9999" {$datecutsel['9999']}>{$lang->datelimit_beginning}</option>
                </select>
                {$gobutton}
            </form>
        </td>
    </tr>
</table>
<div class="float_left">
    {$multipage}
</div>
<div class="float_right" style="margin-top: 6px;">
    {$newthread}
</div>
<br style="clear: both;" />
<br />
<div class="float_left">
    <div class="float_left">
        <dl class="thread_legend smalltext">
            <dd><img src="{$theme['imgdir']}/newfolder.gif" alt="{$lang->new_thread}" title="{$lang->new_thread}" /> {$lang->new_thread}</dd>
            <dd><img src="{$theme['imgdir']}/newhotfolder.gif" alt="{$lang->new_hot_thread}" title="{$lang->new_hot_thread}" /> {$lang->new_hot_thread}</dd>
            <dd><img src="{$theme['imgdir']}/hotfolder.gif" alt="{$lang->hot_thread}" title="{$lang->hot_thread}" /> {$lang->hot_thread}</dd>
        </dl>
    </div>

    <div class="float_left">
        <dl class="thread_legend smalltext">
            <dd><img src="{$theme['imgdir']}/folder.gif" alt="{$lang->no_new_thread}" title="{$lang->no_new_thread}" /> {$lang->no_new_thread}</dd>
            <dd><img src="{$theme['imgdir']}/dot_folder.gif" alt="{$lang->posts_by_you}" title="{$lang->posts_by_you}" /> {$lang->posts_by_you}</dd>
            <dd><img src="{$theme['imgdir']}/lockfolder.gif" alt="{$lang->locked_thread}" title="{$lang->locked_thread}" /> {$lang->locked_thread}</dd>
        </dl>
    </div>
    <br style="clear: both" />
</div>

<div class="float_right" style="text-align: right;">
    {$inlinemod}
    {$searchforum}
    {$forumjump}
</div>
<br style="clear: both" />
{$inline_edit_js}
Wiem która linijka odpowiada za górny przyciska ale nie reaguje ona na moje zmiany.
Stron: 1 2
Webboard > Wsparcie MyBB > Style, szablony i grafika > Jak to naprawić?