Je bent niet ingelogd.

  • |

#1 14-May-2012 23:48:19

warp
Administrator

Layout aanpassen Punbb 1.4.2

Aanpassen van de layout van het forum:

In ../style/Oxygen/Oxygen.min.css zoek naar titel en titel omschrijving:

#brd-title{padding-bottom:0}#brd-title a,
#brd-title strong{padding-bottom:0;display:none;font-size:1.5em;text-decoration:none;font-weight:normal}
#brd-desc{padding-top:0;padding-bottom:0;display:none}

Display "none" is een fraaier gezicht indien er een banner gebruikt wordt. (waar anders deze tekst doorheen geschreven zou worden)

Voeg een "banner"toe in ../style/Oxygen/Oxygen.min.css volgens onderstaande code, waarbij de toevoegingen/wijzigingen vet zijn weergegeven: (height + width zijn natuurlijk afhankelijk van de grootte van de banner)

#brd-head
{
background:#296FA5;
color:#ddd;
border-color: #FFFFFF;
background-image:url("../../img/banner.jpg");
height: 70px;
width: 940px;

}


In ../include/template/main.tpl voor het maken van een "zoekblok" in de menubalk,.
NA de regels:

<div id="brd-navlinks" class="gen-content">
    <!-- forum_navlinks -->
    <!-- forum_admod -->
    <!-- zoekblock -->

het volgende regels toevoegen:

<div class="block">
         <div class="box">
            <div class="inbox">
                <div>
                               <form class="search" method="get" action="search.php">
                    <p><input type="hidden" name="action" value="search" /><label class="conl"><b></b> <input type="text" name="keywords" size="40" maxlength="100" value="zoekwoord hier invoeren" onblur="if (this.value == '') {this.value = 'zoekwoord hier invoeren';}" onfocus="if (this.value == 'zoekwoord hier invoeren') {this.value = '';}" /></label></p>
                               </form>
<!--                    <div style="clear:both;"> </div> -->
                </div>
            </div>
        </div>
    </div>
    </div>


Let erop dat de <div> en </div> tags elkaar opheffen. (gelijk aantal)

Offline

Bulletin Board voettekst