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

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

Prawy sidebar na każdej stronie

Założony przez  PozyczkaBez.

18.05.2017, 20:51
#1
Zgodnie z tymi wskazówkami:
https://webboard.pl/thread-60920.html?highlight=side

zrobiłem sidebar ale tylko na głównej.

Jak to zrobić aby był on na każdej podstronie? W header? Jeżeli tak to w którym miejscu wstawić kod?
19.05.2017, 13:22
#2
Jeżeli dobrze pamiętam dodaj to w Index pod {$header}
19.05.2017, 14:11 (Ten post był ostatnio modyfikowany: 06.06.2017, 22:02 przez Ardex.)
#3
Ale kod jest taki:
<div class="sidebar" style="float: right; width: 19%">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
  <td class="thead">
       Tytuł boxa
  </td>
</tr>

<tr>
  <td class="trow2">
   Opis
  </td>
</tr>
</table>
</div>
<div class="forum" style="float: left; width: 80%;">{$forums}</div>
<br class="clear"/>

więc chyba nie całość?!
19.05.2017, 14:13 (Ten post był ostatnio modyfikowany: 19.05.2017, 14:14 przez Michał Wajrak.)
#4
(19.05.2017, 13:22)Kilereek12 napisał(a): Jeżeli dobrze pamiętam dodaj to w Index pod {$header}
Źle pamiętasz, to dodaje tylko do indexu.

Sprawdź to - https://webboard.pl/thread-51682.html
Nie szkodzi spróbować dodać interesujący Cię kod z indexu do headera - najwyżej cofniesz to, sprawdź czy zadziała :)

@edit
Pokaż index oraz header i powiedz co chcesz przenieść do headera.
Wystarczy tylko przenieść cześć kodu.
19.05.2017, 14:41 (Ten post był ostatnio modyfikowany: 19.05.2017, 15:18 przez Ardex.)
#5
1. index:
<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
{$metag}
<script type="text/javascript">
<!--
lang.no_new_posts = "{$lang->no_new_posts}";
lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
{$header}
<div class="sidebar" style="float: right; width: 19%">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
  <td class="thead">
       Reklama
  </td>
</tr>

<tr>
  <td class="trow2">
<center>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- forum-160-600 -->
<ins class="adsbygoogle"
    style="display:block"
    data-ad-client="ca-pub-1167983012444912"
    data-ad-slot="1667326782"
    data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</br>
<!-- Pula: chwilowki-160-600 //-->
<script type="text/javascript">
   document.write(unescape('%3Cscript type="text/javascript" src="' + document.location.protocol +
   '//ec.bankier.pl/show2/MTk0NjcsMjQyNjEsMzI5MDA/' + Math.random() + '/'+ '"%3E%3C/script%3E'));
</script>
</br>
<!-- Pula: pula-kredyty-160-600 //-->
<script type="text/javascript">
   document.write(unescape('%3Cscript type="text/javascript" src="' + document.location.protocol +
   '//ec.bankier.pl/show2/MjEyNjUsMjQyNjEsMzI5MDA/' + Math.random() + '/'+ '"%3E%3C/script%3E'));
</script>
</br>
<!-- Pula: chwilowki-160-600 //-->
<script type="text/javascript">
   document.write(unescape('%3Cscript type="text/javascript" src="' + document.location.protocol +
   '//ec.bankier.pl/show2/MTk0NjcsMjQyNjEsMzI5MDA/' + Math.random() + '/'+ '"%3E%3C/script%3E'));
</script>
</br>
<!-- Pula: pula-kredyty-160-600 //-->
<script type="text/javascript">
   document.write(unescape('%3Cscript type="text/javascript" src="' + document.location.protocol +
   '//ec.bankier.pl/show2/MjEyNjUsMjQyNjEsMzI5MDA/' + Math.random() + '/'+ '"%3E%3C/script%3E'));
</script>
</center>
  </td>
</tr>
</table>
</div>
<div class="forum" style="float: left; width: 80%;">{$forums}</div>
<br class="clear"/>
{$boardstats}
<dl class="forum_legend smalltext">
<dt><span class="forum_status forum_on" title="{$lang->new_posts}"></span></dt>
<dd>{$lang->new_posts}</dd>

<dt><span class="forum_status forum_off" title="{$lang->no_new_posts}"></span></dt>
<dd>{$lang->no_new_posts}</dd>

<dt><span class="forum_status forum_offlock" title="{$lang->forum_locked}"></span></dt>
<dd>{$lang->forum_locked}</dd>

<dt><span class="forum_status forum_offlink" title="{$lang->forum_redirect}"></span></dt>
<dd>{$lang->forum_redirect}</dd>
</dl>
<br class="clear" />
{$footer}
</body>
</html>

2. header

<div id="container">
<a name="top" id="top"></a>
                <div id="header">
<div id="logo"><img src="https://www.forum.pozyczkabez.pl/images/logo.png"/>
<div class="wrapper">
<ul class="menu top_links">
{$menu_portal}
{$menu_search}
{$menu_memberlist}
{$menu_calendar}
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
</ul>
</div>
</div>
<div id="panel">
<div class="upper">
<div class="wrapper">
{$quicksearch}
{$welcomeblock}
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
</div>
</div>
<div id="content">
<div class="wrapper">
{$pm_notice}
{$remote_avatar_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
{$awaitingusers}
<navigation>
<br />
<!-- forum -->
To co dodałem do index zaczyna się od
<div class="sidebar" style="float: right; width: 19%">
a kończy na
<div class="forum" style="float: left; width: 80%;">{$forums}</div>
<br class="clear"/>
Ardex napisał 19.05.2017, 15:16:
Kody podajemy w tagach [code] lub [php], poprawia to czytelność posta.
19.05.2017, 15:23 (Ten post był ostatnio modyfikowany: 19.05.2017, 15:23 przez Ardex.)
#6
Zamień header na to
<div id="container">
<a name="top" id="top"></a>
               <div id="header">
<div id="logo"><img src="https://www.forum.pozyczkabez.pl/images/logo.png"/>
<div class="wrapper">
<ul class="menu top_links">
{$menu_portal}
{$menu_search}
{$menu_memberlist}
{$menu_calendar}
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
</ul>
</div>
</div>
<div id="panel">
<div class="upper">
<div class="wrapper">
{$quicksearch}
{$welcomeblock}
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
</div>
</div>
<div id="content">
<div class="sidebar" style="float: right; width: 19%">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
<td class="thead">
Tytuł boxa
</td>
</tr>

<tr>
<td class="trow2">
Opis
</td>
</tr>
</table>
</div>
<div class="wrapper" style="float: left; width: 80%;>
{$pm_notice}
{$remote_avatar_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
{$awaitingusers}
<navigation>
<br />
<!-- forum -->

i do szablomu footer tuż za pierwszy </div> dodaj
<br class="clear">
19.05.2017, 15:41 (Ten post był ostatnio modyfikowany: 21.05.2017, 09:09 przez PozyczkaBez.)
#7
Nie bardzo, sidebar zaczyna się nad całym forum i przesuwa je w dół.

Może ktoś pomoże odpłatnie ?
06.06.2017, 10:26
#8
Prawie sobie poradziłem, mam w dziale i wątku, nie mam zaś np. tu
https://www.forum.pozyczkabez.pl/Dyskusje-Ogolne-forum i nie wiem gdzie tego szukać
06.06.2017, 13:51
#9
Dla ten tabeli nie nadałeś ani float, ani określonej szerokości. Dlatego ci panel boczny przeskoczył na dół. Nie mieści się on już tam.
   
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
06.06.2017, 14:04 (Ten post był ostatnio modyfikowany: 06.06.2017, 14:06 przez PozyczkaBez.)
#10
To co trzeba poprawić i gdzie?
<div class="sidebar" style="float: right; width: 19%">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
  <td class="thead">
       Reklama
  </td>
</tr>

<tr>
  <td class="trow2">
   <center>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- forum-160-600 -->
<ins class="adsbygoogle"
   style="display:block"
   data-ad-client="ca-pub-1167983012444912"
   data-ad-slot="1667326782"
   data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</br>
<!-- Pula: chwilowki-160-600 //-->
<script type="text/javascript">
  document.write(unescape('%3Cscript type="text/javascript" src="' + document.location.protocol +
  '//ec.bankier.pl/show2/MTk0NjcsMjQyNjEsMzI5MDA/' + Math.random() + '/'+ '"%3E%3C/script%3E'));
</script>
</br>
<!-- Pula: pula-kredyty-160-600 //-->
<script type="text/javascript">
  document.write(unescape('%3Cscript type="text/javascript" src="' + document.location.protocol +
  '//ec.bankier.pl/show2/MjEyNjUsMjQyNjEsMzI5MDA/' + Math.random() + '/'+ '"%3E%3C/script%3E'));
</script>
</center>
  </td>
</tr>
</table>
</div>
<div class="threadslist" style="float: left; width: 80%;">{$threadslist}</div>
<br class="clear"/>
06.06.2017, 14:19
#11
(06.06.2017, 14:04)PozyczkaBez napisał(a): To co trzeba poprawić i gdzie?
<div class="sidebar" style="float: right; width: 19%">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
<td class="thead">
Reklama
</td>
</tr>

<tr>
<td class="trow2">
<center>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- forum-160-600 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1167983012444912"
data-ad-slot="1667326782"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</br>
<!-- Pula: chwilowki-160-600 //-->
<script type="text/javascript">
document.write(unescape('%3Cscript type="text/javascript" src="' + document.location.protocol +
'//ec.bankier.pl/show2/MTk0NjcsMjQyNjEsMzI5MDA/' + Math.random() + '/'+ '"%3E%3C/script%3E'));
</script>
</br>
<!-- Pula: pula-kredyty-160-600 //-->
<script type="text/javascript">
document.write(unescape('%3Cscript type="text/javascript" src="' + document.location.protocol +
'//ec.bankier.pl/show2/MjEyNjUsMjQyNjEsMzI5MDA/' + Math.random() + '/'+ '"%3E%3C/script%3E'));
</script>
</center>
</td>
</tr>
</table>
</div>
<div class="threadslist" style="float: left; width: 80%;">{$threadslist}</div>
<br class="clear"/>

(06.06.2017, 13:51)Divir napisał(a): Dla ten tabeli nie nadałeś ani float, ani określonej szerokości. Dlatego ci panel boczny przeskoczył na dół. Nie mieści się on już tam.
[attachment=11976]


Tutaj masz kod podany - element.style, co w tym trudnego?
Wsparcie poza forum - odpłatne.



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

3 gości