Webboard

Pełna wersja: Boczny Panel - dodanie boxów
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB:1.6.11
adres forum:Forum
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Jak dodać boczny panel w szablonie Carbon by Baszar ala IPB ?
Panel boczny już tam jest. Trzeba dodać boxy tylko. Nie wiem co chcesz dodać.
Chciał bym doać Top 5Reputacji,5 nowych tematów i osobno belke na coś własnego np. kontakt z Administracją
Odnośnie top'ki: TopStats 2.0
Natomiast jeśli chodzi o ten kontakt itp. to pokaż szablon index - strona główna.
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>
</head>
<div id="wczytywanie">
<img src="images/carbon/ajax_loading.gif"/>
</div>
<body>
{$header}
<a class="clickedbuttons" style="float: right;">«</a>
<br class="clear" />
<div class="sidebar" style="float: right;width: 24%;">
<a class="buttons">×</a>
Panel Boczny


</div>

<div class="forums" style="float: left;width: 75%;">
{$forums}
{$dvz_shoutbox}
</div>
<br class="clear" />
{$boardstats}
<br style="clear: both" />
{$footer}
<div id="icon_column"><ul>{$icon_column}</ul></div></body>
</html>
No to to jest za panel:
Kod PHP:
<div class="sidebar" style="float: right;width: 24%;">
<
class="buttons">×</a>
Panel Boczny


</div
zrób sobie to pod kontakt (tabelke, tr, td najlepiej)
Nie kminie tego za bardzo mógł bym prosić cie o gotowy kod z tą całą tabelką ?
Zobacz:
Kod PHP:
<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>
<
div id="wczytywanie">
<
img src="images/carbon/ajax_loading.gif"/>
</
div>
<
body>
{
$header}
<
class="clickedbuttons" style="float: right;">«</a>
<
br class="clear" />
<
div class="sidebar" style="float: right;width: 24%;">
<
table border="0" cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}class="tborder">
<
tr>
<
td class="thead"><strong>
Kontakt
</strong></td>
</
tr>
<
tr>
<
td class="trow1">
//Tutaj wstaw ten kontakt//
</td>
</
tr>
</
table>
</
div>

<
div class="forums" style="float: left;width: 75%;">
{
$forums}
{
$dvz_shoutbox
</
div>
<
br class="clear" />
{
$boardstats}
<
br style="clear: both" />
{
$footer}
<
div id="icon_column"><ul>{$icon_column}</ul></div></body>
</
html
Dzięki działa

ale mam jeszcze jedno pytanie jak zrobić aby to wyglądało tak ?
[Obrazek: r8hL4.png]

iż mam tak
[Obrazek: 1MDFTJ.png]
Zobacz:
Kod PHP:
<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>
<
div id="wczytywanie">
<
img src="images/carbon/ajax_loading.gif"/>
</
div>
<
body>
{
$header}
<
class="clickedbuttons" style="float: right;">«</a>
<
br class="clear" />
<
div class="sidebar" style="float: right;width: 24%;">
<
table border="0" cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}style="border-bottom: 1px solid #393939;">
<
tr>
<
td style="background: #282828; color: white; "><strong>
Kontakt
</strong></td>
</
tr>
<
tr>
<
td class="trow1">
//Tutaj wstaw ten kontakt//
</td>

</
tr>
</
table>
</
div>

<
div class="forums" style="float: left;width: 75%;">
{
$forums}
{
$dvz_shoutbox
</
div>
<
br class="clear" />
{
$boardstats}
<
br style="clear: both" />
{
$footer}
<
div id="icon_column"><ul>{$icon_column}</ul></div></body>
</
html
ehh teraz Fatalnie to wygląda

[Obrazek: 1EiW4v.png]
hmm... no to tak powinno lepiej wyglądać:
Kod PHP:
<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>
<
div id="wczytywanie">
<
img src="images/carbon/ajax_loading.gif"/>
</
div>
<
body>
{
$header}
<
class="clickedbuttons" style="float: right;">«</a>
<
br class="clear" />
<
div class="sidebar" style="float: right;width: 24%;">
<
table border="0" cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}style="border: 1px solid #393939;">
<
tr>
<
td style="background: #282828; color: white; border: 1px solid #393939;padding: 12px 14px 13px 14px;"><strong>
Kontakt
</strong></td>
</
tr>
<
tr>
<
td class="trow1">
//Tutaj wstaw ten kontakt//
</td>

</
tr>
</
table>
</
div>

<
div class="forums" style="float: left;width: 75%;">
{
$forums}
{
$dvz_shoutbox
</
div>
<
br class="clear" />
{
$boardstats}
<
br style="clear: both" />
{
$footer}
<
div id="icon_column"><ul>{$icon_column}</ul></div></body>
</
html
THX już lepiej wygląda ale hymmm coś mi wydaje się że zwykłym kodem nie zrobi się tego tak jak się chce iż jak dodam jakiś długi napis to wychodzi po za tabele, nie robi tego się czasem w css ?
Jeśli chodzi o te napisy, możesz zmniejszyć wewnętrzny margines, czyli w padding: 12px 14px 13px 14px; możesz obie pozycje zmienić (te 14px) na np 4 czy coś. Wtedy powinno zadziałać z dłuższym tekstem (ale wiesz, bez przesady).