Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Legenda działów - jak ją upiększyć ?

Założony przez  Budziol.

12.11.2008, 16:38
#1
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


Załączone pliki Miniatury
   
13.11.2008, 12:12 (Ten post był ostatnio modyfikowany: 13.11.2008, 12:14 przez tyru.)
#2
Wyśrodkowanie:
W szablonie index masz takie coś:
<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>
Na początku i na końcu dodaj kod html center.
Będzie to wyglądać tak
<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).
<br>
<sf_shoutbox>
24.02.2009, 21:46
#3
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
#4
(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 (Ten post był ostatnio modyfikowany: 12.03.2009, 14:23 przez marines.)
#5
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ć:
display: inline;



Użytkownicy przeglądający ten wątek:

2 gości