12.11.2008, 16:38
Witam, mam pytanie jak przesunąć tą legendę działów na środek i zrobić jedną linię odstępu (dlatego że zlewa mi się ona z shoutboxem).
Screen w załączniku
Screen w załączniku
12.11.2008, 16:38
13.11.2008, 12:12
Wyśrodkowanie:
W szablonie index masz takie coś:
Na początku i na końcu dodaj kod html center.
Będzie to wyglądać tak
Odstęp:
Stawiam na to ,że masz sf_shoutbox,więc przed <sf_shoutbox> dodaj <br>
(Również w szablonie index).
W szablonie index masz takie coś:
Kod:
<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>Będzie to wyglądać tak
Kod:
<center><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></center>Odstęp:
Stawiam na to ,że masz sf_shoutbox,więc przed <sf_shoutbox> dodaj <br>
(Również w szablonie index).
Kod:
<br>
<sf_shoutbox>24.02.2009, 21:46
Cytat:<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}
{$boardstats}
{$shoutbox}
<center><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></center>
<br style="clear: both" />
{$footer}
</body>
</html>
Tak wygląda mój kod w index i legenda nadal nie jest na srodku jakies pomysły :huh:
12.03.2009, 03:41
(24.02.2009, 21:46)pawel1234-93 napisał(a): [ -> ]/.../
Tak wygląda mój kod w index i legenda nadal nie jest na srodku jakies pomysły :huh:
Wydaje mi się, że klucz tkwi w klasie: forum_legend smalltext. Prawdopodobnie jest tam już zdefiniowane wyrównanie do lewej.
12.03.2009, 14:23
nie. element dl jest domyślnie elementem blokowym, więc zawsze ma szerokość 100% elementu nadrzędnego. w podanym przykładzie lista jest wyśrodkowana, ale skoro ma 100% szerokości to i nie widać różnicy.
spróbuj do klasy forum_legend w stylach (może global.css?) dopisać:
spróbuj do klasy forum_legend w stylach (może global.css?) dopisać:
Kod:
display: inline;