Miten sidebar tehdään

phpBB 3 foorumin tyylit. Apua, neuvoja, vinkkejä ja keskustelua...
pcm
Aloittelija
Aloittelija
Viestit: 7
Liittynyt: 28 Maalis 2012, 10:15

Miten sidebar tehdään

Viesti Kirjoittaja pcm » 28 Maalis 2012, 10:28

Moi
Olen lukenut miljoona sivua phpBB comista ym. sidebarin tekemisestä enkä ole saanut omaani toimimaan toivotulla tavalla. Tyylinä mulla on http://www.mmostyles.com/ ja olen tehnyt sidebar.html-sivun.
Tarkoitus on, että itse forum on vas. puolella ja sidebar on oikealla puolella. Kun lisään esim.mainoksia sidebariin useita niin itse forumin kategoriat ym. "kelluvat" mutta haluaisin, että itse forumin tekstit ym. aina pysyvät ylhäällä. Tälläkin yritin: http://ramui.com/phpbb/add-sidebar-in-p ... plate.html
Siellä on samoja ongelmia kuin minulla.
vertical-align:top; tämäkään ei asiaa auta

Voisko joku nyt jeesiä tässä asiassa, Kiitos!

pcm
Aloittelija
Aloittelija
Viestit: 7
Liittynyt: 28 Maalis 2012, 10:15

Re: Miten sidebar tehdään

Viesti Kirjoittaja pcm » 28 Maalis 2012, 20:33

pcm kirjoitti:Moi
Olen lukenut miljoona sivua phpBB comista ym. sidebarin tekemisestä enkä ole saanut omaani toimimaan toivotulla tavalla. Tyylinä mulla on http://www.mmostyles.com/ ja olen tehnyt sidebar.html-sivun.
Tarkoitus on, että itse forum on vas. puolella ja sidebar on oikealla puolella. Kun lisään esim.mainoksia sidebariin useita niin itse forumin kategoriat ym. "kelluvat" mutta haluaisin, että itse forumin tekstit ym. aina pysyvät ylhäällä. Tälläkin yritin: http://ramui.com/phpbb/add-sidebar-in-p ... plate.html
Siellä on samoja ongelmia kuin minulla.
vertical-align:top; tämäkään ei asiaa auta

Voisko joku nyt jeesiä tässä asiassa, Kiitos!

Eli siitä vaan on kysymys, että missä olisi asetus jossa määrätään tuo foorumi pysymään yläreunassa. Jossain varmaan on asetus "middle" koska aina se keskittyy jos laittaa jotain mainoksia sidebariin. En vaan nyt löydä eli jos joku tietäis heti lonkalta...

pcm
Aloittelija
Aloittelija
Viestit: 7
Liittynyt: 28 Maalis 2012, 10:15

Selvennystä ongelmaan

Viesti Kirjoittaja pcm » 29 Maalis 2012, 19:30

Jos oli huonosti selitetty tuo ongelma niin laitan kuvan...
Tuo itse keskustelualue pitäisi saada pysymään tuossa yläreunassa vaikka olisi korkeakin mainos tai useita mainoksia päällekkäin. Nyt tuo keskustelualue aina keskittyy.
Auttakee viisaammat, hermot jo menneet :evil:
Liitteet
mainos.jpg
mainos sidebar
mainos.jpg (36.33 KiB) Katsottu 9637 kertaa

Avatar
Lurttinen
phpBB nub
phpBB nub
Viestit: 4787
Liittynyt: 13 Marras 2005, 18:41
Paikkakunta: Tampere
Viesti:

Re: Miten sidebar tehdään

Viesti Kirjoittaja Lurttinen » 29 Maalis 2012, 22:39

Äkkiseltään tulee mieleeni, että nuo keskittyy sen takia, että foorumin tuo alapalkki on laitettu menemään mainoksen alle.
Jos sen sais pysymään heti tuossa foorumin sisällön alapuolella, niin ehkä vois toimia helpommin.

Tuli vaan mieleeni tuosta kuvasta. En osaa ainakaan suoraa koodia antaa...

Mainos ja foorumin sisältöhän on "samassa tilassa" eli pitäisi saada erikseen.

pcm
Aloittelija
Aloittelija
Viestit: 7
Liittynyt: 28 Maalis 2012, 10:15

Re: Miten sidebar tehdään

Viesti Kirjoittaja pcm » 29 Maalis 2012, 22:53

Tuo on siis testattu prosilverillä ja siis tyylistä ei ole kiinni. Joo siis se siinä varmaan on vikana mutta olen foorumeilla olevien ohjeiden mukaan testaillut ja kaikilla sama ongelma. Minä en ainakaan tarkoituksella ole laittanut sitä alle, se on vaan sinne luiskahtanut :(
Mitenköhän sen alapalkin saisi myös kaventumaan. Jos nyt joku sattuu tietämään ratkaisun niin olis ihan mukavaa saada se myös tänne palstalle. Sitten on myös ehkä mahdollista, että laittaisi tosiaan sen sidebar.html sivun tuonne kokonaan forumin ulkopuolelle.

Ratkaisuja kehiin :clap:

Avatar
Lurttinen
phpBB nub
phpBB nub
Viestit: 4787
Liittynyt: 13 Marras 2005, 18:41
Paikkakunta: Tampere
Viesti:

Re: Miten sidebar tehdään

Viesti Kirjoittaja Lurttinen » 29 Maalis 2012, 22:57

Äkkiseltään (taas) tulis mieleeni laittaa tuo koodi ennen headerin ja footerin tulostusta index_body.html, viewforum_body.html ja viewtopic_body.html -tiedostoihin.
Sinne jonnekin oikeaan kohtaan. Ei suoraan alkuun tai suoraan loppuun. (Jos ramuin koodilla menee)

EDIT: Ei kyllä pysty sanomaan mitään varmaa. :lol:

pcm
Aloittelija
Aloittelija
Viestit: 7
Liittynyt: 28 Maalis 2012, 10:15

Re: Miten sidebar tehdään

Viesti Kirjoittaja pcm » 30 Maalis 2012, 09:50

En ymmärrä niin paljon tästä hässäkästä, että osaisin sijoittaa nuo koodit tuonne joukkoon. Ihan sama meneekö "ramuin" koodeilla vai millä. Tavoitteena on vaan, että saan tuon toimimaan, olkoot kenen koodit hyvänsä :angel:
Luulisi, että moni muukin hakee tähän ratkaisua vai olenko ainut?
Jos jollain siis on toimivaa koodin pätkää tähän ongelmaan niin koodia tai vinkkejä kaivataan kovasti.

Avatar
Lurttinen
phpBB nub
phpBB nub
Viestit: 4787
Liittynyt: 13 Marras 2005, 18:41
Paikkakunta: Tampere
Viesti:

Re: Miten sidebar tehdään

Viesti Kirjoittaja Lurttinen » 30 Maalis 2012, 16:38

Voishan tota illemmalla pienissä kaljoissa kokeilla mitä saisi aikaseksi.

pcm
Aloittelija
Aloittelija
Viestit: 7
Liittynyt: 28 Maalis 2012, 10:15

Re: Miten sidebar tehdään

Viesti Kirjoittaja pcm » 30 Maalis 2012, 22:16

Lurttinen kirjoitti:Voishan tota illemmalla pienissä kaljoissa kokeilla mitä saisi aikaseksi.
Noh, annapas tulla validia koodia :P
Itse yritin erilaisia variaatioita mutta taidot ei vaan riitä. Joten edelleen apuva tarvitaan. Josko "siitä" olisi apuva :lol:

Avatar
Lurttinen
phpBB nub
phpBB nub
Viestit: 4787
Liittynyt: 13 Marras 2005, 18:41
Paikkakunta: Tampere
Viesti:

Re: Miten sidebar tehdään

Viesti Kirjoittaja Lurttinen » 31 Maalis 2012, 01:01

Mää alan oleen kohta humalasa. :P

pcm
Aloittelija
Aloittelija
Viestit: 7
Liittynyt: 28 Maalis 2012, 10:15

Re: Miten sidebar tehdään

Viesti Kirjoittaja pcm » 31 Maalis 2012, 14:19

Ongelma ratkaistu :)
Tässä koodia jos jollain on samoja ongelmia:

In overall_header.html before

Koodi: Valitse kaikki

<div id="page-body">
add

Koodi: Valitse kaikki

<!-- INCLUDE sidebar.html -->
In common.css find

Koodi: Valitse kaikki

#page-body {
   margin: 4px 0;
   clear: both;
}
replace with

Koodi: Valitse kaikki

#page-body {
   margin: 4px 0;
   float: left;
   width: 80%;
}

#sidebar {
   margin: 4px 0;
   float: right;
   width: 18.5%;
}
In bidi.css find

Koodi: Valitse kaikki

.rtl .headerbar {overflow: hidden;}
add before

Koodi: Valitse kaikki

.rtl #page-body {float: right;}
.rtl #sidebar {float: left;}
sidebar.html

Koodi: Valitse kaikki

<div id="sidebar" class="forabg">
   <div class="inner"><span class="corners-top"><span></span></span>

      <ul class="topiclist">
         <li class="header">
            <dl>
               <dt style="width: 100%;">Sidebar</dt>
            </dl>
         </li>
      </ul>

      <ul class="topiclist">
         <li class="row" style="padding: 5px;">
            Tähän banneri yms...
         </li>
      </ul>

   <span class="corners-bottom"><span></span></span></div>
</div>

JML
Hyvässä vauhdissa
Hyvässä vauhdissa
Viestit: 15
Liittynyt: 28 Maalis 2013, 16:32

Re: Miten sidebar tehdään

Viesti Kirjoittaja JML » 04 Huhti 2013, 19:02

Tarkentaisiko joku tuon alkukohdan, että "tee sidebar.html", että minkä teen tarkalleen ottaen? Tiedosto, kansio, mitä muotoa?

Viestiketju Lukittu

Paikallaolijat

Käyttäjiä lukemassa tätä aluetta: Ei rekisteröityneitä käyttäjiä ja 2 vierailijaa