Layout Invision breedte en navigatie problemen

[TonnyKamper]

Hallo beste mensen,

Mijn naam is Tonny Kamper, ik run een phpBB2 forum voor een kwetsbare groep mensen, de 2e link in mijn profiel.
Nu wil ik proberen om up te graden naar Invision dus heb ik een testforum gemaakt, de 1e link in mijn profiel.
Het probleem is dat ik hetzelfde "uiterlijk" wil aanhouden omdat dat voor de leden van die groep mensen belangrijk is,
dus ik heb ongeveer hetzelfde thema teruggevonden, iets meer uitgebreider dan die er al is en geïmporteerd op het testforum maar de breedte was veel te smal.

Nu loop ik tegen het probleem aan dat ik de breedte van het forum niet in het ACP kan instellen, ik heb inmiddels in de CSS iets gevonden waardoor ik de breedte kon fixeren op gewenst niveau, maar ook de navigatie blijkt gefixeerd te zijn en kan ik niet verplaatsen..
Nu zijn mijn 2 vragen dus:
1: Is het mogelijk om dit in de CSS zo te veranderen dat ik de breedte gewoon weer in het ACP kan instellen?
2: Is het mogelijk om in de CSS de positie van de nav.bar plaatjes te positioneren direct boven het forum en dus onder het logo ?

Mijn CSS is:

Code:

body{
background-position: center;
}
#ipbwrapper{
min-width: 1000px;
width: 1403px;
padding: 0px;
}
div#logostrip #logo{
padding: 0px !important;
margin: 0px !important;
}
#submenu ul li a {
padding: 0px;
margin: 0px;
text-decoration: none;
}
#submenu{
margin-top /*\**/: -104px;\
}
#submenu{
background-color: transparent;
margin: 0px;
padding: 0px;
margin-left: 7px;
margin-top: -95px;
/margin-top: -136px;
/position: absolute;
}
#site-desc{
padding-top /*\**/: 20px;\
}
#site-desc{
margin-top: -68px !important;
/margin-top: -55px !important;
padding-top: 10px;
}
#fa_ticker_block{
background-color: transparent !important;
background-repeat: repeat-y;
border: none;
padding: 5px 40px 5px 40px;
margin-top : 0px !important;
margin-bottom : 0px !important;
}
#fa_ticker_container{
padding: 2px;
}
#fa_ticker{
background-image: none !important;
}
div.newslink{
background-color: transparent !important;
}
#userlinks{
background-color: transparent;
color: #00225E;
padding: 80px 55px 10px 55px;
/padding: 5px 55px 10px 55px;
border-bottom: none;
}
#userlinks.not-connected{
background-color: transparent !important;
border-bottom: 0px;
}
#wrapper{
margin: 0px 41px;
}
.row1, .row2{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f210.jpg');
border: 1px solid #00336E;
}
.row1:hover, .row2:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f410.jpg');
border: 1px solid #00336E;
}
table.ipbtable tfoot td{
background-color: transparent;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/112.png');
background-repeat : no-repeat;
padding: 0px;
height: 31px !important;
border: none none !important;
}
#i_icon_mini_index{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_010.png');
width: 49px;
height: 55px;
}
#i_icon_mini_calendar{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_017.png');
width: 44px;
height: 55px;
}
#i_icon_mini_gallery{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_013.png');
width: 44px;
height: 55px;
}
#i_icon_mini_portal{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_011.png');
width: 41px;
height: 55px;
}
#i_icon_mini_faq{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_014.png');
width: 41px;
height: 55px;
}
#i_icon_mini_search{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_015.png');
width: 48px;
height: 55px;
}
#i_icon_mini_groups{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_018.png');
width: 40px;
height: 55px;
}
#i_icon_mini_members{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_019.png');
width: 37px;
height: 55px;
}
#i_icon_mini_profile{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_020.png');
width: 46px;
height: 55px;
}
#i_icon_mini_logout{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/off_1110.png');
width: 48px;
height: 55px;
}
#i_icon_mini_login{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_111.png');
width: 48px;
height: 55px;
}
#i_icon_mini_message{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_110.png');
width: 52px;
height: 55px;
}
#i_icon_mini_new_message{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/mp_new11.png');
width: 52px;
height: 55px;
}
#i_icon_mini_register{
background-image: url('http://i64.servimg.com/u/f64/13/54/79/60/reg_0510.png');
width: 48px;
height: 55px;
}
#i_icon_mini_index:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_10.png');
width: 49px;
height: 55px;
}
#i_icon_mini_calendar:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_15.png');
width: 44px;
height: 55px;
}
#i_icon_mini_gallery:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_12.png');
width: 44px;
height: 55px;
}
#i_icon_mini_portal:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/portai10.png');
width: 41px;
height: 55px;
}
#i_icon_mini_faq:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_13.png');
width: 41px;
height: 55px;
}
#i_icon_mini_search:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_14.png');
width: 48px;
height: 55px;
}
#i_icon_mini_groups:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_16.png');
width: 40px;
height: 55px;
}
#i_icon_mini_members:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_17.png');
width: 37px;
height: 55px;
}
#i_icon_mini_profile:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_18.png');
width: 46px;
height: 55px;
}
#i_icon_mini_logout:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_20.png');
width: 48px;
height: 55px;
}
#i_icon_mini_login:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/on_1110.png');
width: 48px;
height: 55px;
}
#i_icon_mini_message:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/mp_1010.png');
width: 52px;
height: 55px;
}
#i_icon_mini_new_message:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_19.png');
width: 52px;
height: 55px;
}
#i_icon_mini_register:hover{
background-image: url('http://i64.servimg.com/u/f64/13/54/79/60/regist10.png');
width: 48px;
height: 55px;
}
#gfooter{
background-color: transparent;
}
#gfooter
.footer-links{
font-size : 1.1em;
}
.current-time{
margin-right: 40px;
color: #0073b3 !important;
}
#qjump{
padding-left: 20px;
}
#gfooter a{
color: #00225E !important;
}
#gfooter a:hover{
color: #ffaa06 !important;
}
.module .maintitle{
background-image: url('http://i69.servimg.com/u/f69/13/59/02/79/f112.jpg');
}
.module .box-content{
border-width: 1px ;
border-style: solid;
border-color: #2c7ab7  #0073b3 #0073b3 #2c7ab7;
}
.post{
background-color: #e9f5fc;
background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/ff210.jpg");
background-position: bottom;
background-repeat: repeat-x;
padding-bottom: 12px;
border: 1px solid #0073b3;
}
.postbody{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f210.jpg');
background-position: center;
}
#plus_menu{
background-color: #e9f5fc ;
}
.box-content{
border-bottom: 1px solid #0073b3 !important;
}
.box-content.profile{
border: 1px solid #0073b3 !important;
}
.next-prev{
margin-top: 32px;
}
#navstrip li {
   float: left;
   margin: 0 5px;
        padding-left: 18px;
   background: url('http://i69.servimg.com/u/f69/13/59/02/79/516.png') no-repeat left 50%;
   }
#navstrip li.begin {
   padding-left: 18px;
   background: url('http://i69.servimg.com/u/f69/13/59/02/79/516.png') no-repeat left 50%;
   }
div.maintitle .expand,div.maintitle .contract {
   background: url('http://i65.servimg.com/u/f65/11/95/30/70/17110.png') no-repeat 50% 50%; height: 22px; width: 52px; padding-right: 14px;
   cursor: pointer;
   }
div.maintitle .expand {
   background: url('http://i65.servimg.com/u/f65/11/95/30/70/17210.png') no-repeat 50% 50%; height: 22px; width: 52px; padding-right: 14px;
   }
.popmenubutton a {
        background-color: transparent;
   padding: 6px 28px 6px 6px;
   background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/1117.png');
border: none !important;
   }
.topic-footer{
background-color: transparent;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/112.png');
background-repeat : no-repeat;
padding: 0px;
height: 31px !important;
border: none none !important;
}
.search-footer-box { display: none; }
#search-box { display: none; }
 .activeusers{
background-color: transparent;
}
.tfooter{
border: none;
margin: 0px;
padding: 0px;
}
.darkrow{
background-color: transparent;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/112.png');
background-repeat : no-repeat;
padding: 0px;
height: 31px !important;
border: none !important;
}
#maintitle{
border-bottom: 1px solid #084480;
}
div.maintitle{
margin-bottom: -5px;
padding-bottom: -4px !important;
}
.button, .mainoption{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/oo10.jpg');
background-position:bottom;
}
.button:hover, .mainoption:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/tex110.jpg');
background-position: top;
}
button.button2, input.button2 {
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/oo10.jpg');
background-position: top;
}
button.button2:hover, input.button2:hover {
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/tex110.jpg');
background-position:bottom;
}
ul.privmsg li {
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/412.jpg');
background-position: top;
border: 2px groove #033d00;
}
ul.privmsg li a {
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/412.jpg');
background-position: top;
color: #033d00;
border: 2px groove #033d00;
}
ul.privmsg li a:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/514.png');
background-position: top;
}
ul.privmsg li a a:hover{
color: #033d00;
border: 2px groove #033d00;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/514.png');
background-position: top;
}
div.borderwrap.member-list .box-content{
border: 1px solid #0073b3;
}
.photostrip.box-content{
border: 1px solid #0073b3 !important;
}
table.ipbtable.calendar{
border: 1px solid #0073b3 !important;
}
.ipbform2 dl{
border: 1px solid #0073b3 !important;
}
.ipbtable.calendar ul{
border: 1px solid #0073b3 !important;
}
.ipbtable.calendar .calday{
border: 1px solid #0073b3 !important;
}
.ipbtable.calendar .celldate{
border: 1px solid #0073b3 !important;
}
.bar{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f210.jpg');
border: 1px solid #00336E;
}
div.borderwrap, borderwrapm{
background-color: transparent;
}
.fa_avatar img {
  width:25px;
  height:25px;
  margin-right:5px;
  margin-bottom:-6px;
  -webkit-border-radius:3px;
     -moz-border-radius:3px;
          border-radius:3px;
}

Ik hoop dat iemand mij hierbij kan helpen, alvast hartelijk dank voor de te nemen moeite

[10spetter10]

Hoi TonnyKamper,

Ik heb gekeken naar je css en hier zitten toch wel een paar onverwachte, soms zelfs nutteloze tekens in.
Zo is bijvoorbeeld bij css /* */ zoals () bij ons, het is info die je niet echt hoeft te lezen. In je css zie ik af en toe deze tekens opduiken zonder enige rede. Je kan ze bijvoorbeeld gebruiken om info te geven waarop de css werkt.

Dan nu verder op je vragen:

1. Ik zou niet direct weten of er een manier is om de functie van je beheerderspaneel uit te schakelen. Het zal eerder zijn dat er een andere css-code de werking belemmert. In jullie geval vermoed ik dat het de 2de code gaat zijn:
   

   Code:

   #ipbwrapper{
min-width: 1000px;
width: 1403px;
padding: 0px;
}

   Ik heb dit eens (in browser) uitgeschakeld en dan zag je forum er beter uit, dus dan zou ik eens proberen door dit weg te laten.
   
   
2. Bij de css van je nav-bar zit er weer een rare kronkel. In eens staat er een /, dit is niet de boosdoener maar echt fantastisch staat het er ook niet. Hierdoor werkt de achterliggende code niet meer. Wat je voor je nav-bar moet doen is de position veranderen naar static. Hierdoor zo die terug helemaal moeten goed springen.
   

   Code:

   #submenu{
background-color: transparent;
padding: 0px;
position: static;
}

Als je het graag zou hebben, wil ik wel eens je css volledig nakijken en al die /*/**/ fouten eruit halen.

Nog veel plezier verder met je forum. Het ziet er me wel een tof initiatief uit.

[TonnyKamper]

Hartelijk dank @10spetter10 , nu is het 100 keer beter !!

Ik neem heel graag je aanbod aan om mijn css eens te optimaliseren, mijn kennis daarvan beperkt zich tot kleuren veranderen en hoogte en breedte en dan heb je het wel zo'n beetje gehad.. ik zal de css met de door jou geadviseerde aanpassingen erin hier posten:

CSS:

Ik post hieronder een foto van het resultaat, wat me tevens tot een volgende vraag daarover brengt:

Forumfoto:

Mijn vraag is kunnen de met een rode pijl aangegeven gebieden (aankondiging en widgets) dezelfde achtergrond krijgen als het middengedeelte, het forum zelf ?
Ik vind ze nu teveel afsteken en dit maakt dat het geen één geheel lijkt..

Nogmaals dank en groetjes

EDIT: Vraag 2: Is het ook mogelijk om die kalender van een border te voorzien net zoals de andere widgets en hem in het blok te centreren ?

[10spetter10]

Hoi,

Ik heb je css verbeterd en alle fouten eruit gehaald, verder heb ik alle css op dezelfde manier ingedeeld zodat het overzichtelijker is. Daarnaast denk ik dat er een gedeelte algemene css bevat en dus kan je deze eventueel weg laten vallen, maar dat ben ik niet zeker dus heb ik die maar laten staan.

Code:

body{
  background-position: center;
}
div#logostrip #logo{
  padding: 0px !important;
  margin: 0px !important;
}
#submenu ul li a {
  padding: 0px;
  margin: 0px;
  text-decoration: none;
}
#submenu{
  background-color: transparent;
  padding: 0px;
  position: static;
}
#site-desc{
  margin-top: -68px !important;
  padding-top: 10px;
}
#fa_ticker_block{
  background-color: transparent !important;
  background-repeat: repeat-y;
  border: none;
  padding: 5px 40px 5px 40px;
  margin-top : 0px !important;
  margin-bottom : 0px !important;
}
#fa_ticker_container{
  padding: 2px;
}
#fa_ticker{
  background-image: none !important;
}
div.newslink{
  background-color: transparent !important;
}
#userlinks{
  background-color: transparent;
  color: #00225E;
  padding: 80px 55px 10px 55px;
  border-bottom: none;
}
#userlinks.not-connected{
  background-color: transparent !important;
  border-bottom: 0px;
}
#wrapper{
  margin: 0px 41px;
}
.row1, .row2{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f210.jpg');
  border: 1px solid #00336E;
}
.row1:hover, .row2:hover{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f410.jpg');
  border: 1px solid #00336E;
}
table.ipbtable tfoot td{
  background-color: transparent;
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/112.png');
  background-repeat : no-repeat;
  padding: 0px;
  height: 31px !important;
  border: none none !important;
}
#i_icon_mini_index{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_010.png');
  width: 49px;
  height: 55px;
}
#i_icon_mini_calendar{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_017.png');
  width: 44px;
  height: 55px;
}
#i_icon_mini_gallery{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_013.png');
  width: 44px;
  height: 55px;
}
#i_icon_mini_portal{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_011.png');
  width: 41px;
  height: 55px;
}
#i_icon_mini_faq{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_014.png');
  width: 41px;
  height: 55px;
}
#i_icon_mini_search{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_015.png');
  width: 48px;
  height: 55px;
}
#i_icon_mini_groups{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_018.png');
  width: 40px;
  height: 55px;
}
#i_icon_mini_members{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_019.png');
  width: 37px;
  height: 55px;
}
#i_icon_mini_profile{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_020.png');
  width: 46px;
  height: 55px;
}
#i_icon_mini_logout{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/off_1110.png');
  width: 48px;
  height: 55px;
}
#i_icon_mini_login{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_111.png');
  width: 48px;
  height: 55px;
}
#i_icon_mini_message{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_110.png');
  width: 52px;
  height: 55px;
}
#i_icon_mini_new_message{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/mp_new11.png');
  width: 52px;
  height: 55px;
}
#i_icon_mini_register{
  background-image: url('http://i64.servimg.com/u/f64/13/54/79/60/reg_0510.png');
  width: 48px;
  height: 55px;
}
#i_icon_mini_index:hover{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_10.png');
  width: 49px;
  height: 55px;
}
#i_icon_mini_calendar:hover{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_15.png');
  width: 44px;
  height: 55px;
}
#i_icon_mini_gallery:hover{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_12.png');
  width: 44px;
  height: 55px;
}
#i_icon_mini_portal:hover{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/portai10.png');
  width: 41px;
  height: 55px;
}
#i_icon_mini_faq:hover{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_13.png');
  width: 41px;
  height: 55px;
}
#i_icon_mini_search:hover{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_14.png');
  width: 48px;
  height: 55px;
}
#i_icon_mini_groups:hover{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_16.png');
  width: 40px;
  height: 55px;
}
#i_icon_mini_members:hover{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_17.png');
  width: 37px;
  height: 55px;
}
#i_icon_mini_profile:hover{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_18.png');
  width: 46px;
  height: 55px;
}
#i_icon_mini_logout:hover{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_20.png');
  width: 48px;
  height: 55px;
}
#i_icon_mini_login:hover{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/on_1110.png');
  width: 48px;
  height: 55px;
}
#i_icon_mini_message:hover{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/mp_1010.png');
  width: 52px;
  height: 55px;
}
#i_icon_mini_new_message:hover{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_19.png');
  width: 52px;
  height: 55px;
}
#i_icon_mini_register:hover{
  background-image: url('http://i64.servimg.com/u/f64/13/54/79/60/regist10.png');
  width: 48px;
  height: 55px;
}
#gfooter{
  background-color: transparent;
}
#gfooter .footer-links{
  font-size : 1.1em;
}
.current-time{
  margin-right: 40px;
  color: #0073b3 !important;
}
#qjump{
  padding-left: 20px;
}
#gfooter a{
  color: #00225E !important;
}
#gfooter a:hover{
  color: #ffaa06 !important;
}
.module .maintitle{
  background-image: url('http://i69.servimg.com/u/f69/13/59/02/79/f112.jpg');
}
.module .box-content{
  border-width: 1px ;
  border-style: solid;
  border-color: #2c7ab7  #0073b3 #0073b3 #2c7ab7;
}
.post{
  background-color: #e9f5fc;
  background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/ff210.jpg");
  background-position: bottom;
  background-repeat: repeat-x;
  padding-bottom: 12px;
  border: 1px solid #0073b3;
}
.postbody{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f210.jpg');
  background-position: center;
}
#plus_menu{
  background-color: #e9f5fc ;
}
.box-content{
  border-bottom: 1px solid #0073b3 !important;
}
.box-content.profile{
  border: 1px solid #0073b3 !important;
}
.next-prev{
  margin-top: 32px;
}
#navstrip li {
  float: left;
  margin: 0 5px;
  padding-left: 18px;
  background: url('http://i69.servimg.com/u/f69/13/59/02/79/516.png') no-repeat left 50%;
}
#navstrip li.begin {
  padding-left: 18px;
  background: url('http://i69.servimg.com/u/f69/13/59/02/79/516.png') no-repeat left 50%;
}
div.maintitle .expand,div.maintitle .contract {
  background: url('http://i65.servimg.com/u/f65/11/95/30/70/17110.png') no-repeat 50% 50%;
  height: 22px;
  width: 52px;
  padding-right: 14px;
  cursor: pointer;
}
div.maintitle .expand {
  background: url('http://i65.servimg.com/u/f65/11/95/30/70/17210.png') no-repeat 50% 50%;
  height: 22px;
  width: 52px;
  padding-right: 14px;
}
.popmenubutton a {
  background-color: transparent;
  padding: 6px 28px 6px 6px;
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/1117.png');
  border: none !important;
}
.topic-footer{
  background-color: transparent;
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/112.png');
  background-repeat : no-repeat;
  padding: 0px;
  height: 31px !important;
  border: none none !important;
}
.search-footer-box {
  display: none;
}
#search-box {
  display: none;
}
.activeusers{
  background-color: transparent;
}
.tfooter{
  border: none;
  margin: 0px;
  padding: 0px;
}
.darkrow{
  background-color: transparent;
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/112.png');
  background-repeat : no-repeat;
  padding: 0px;
  height: 31px !important;
  border: none !important;
}
#maintitle{
  border-bottom: 1px solid #084480;
}
div.maintitle{
  margin-bottom: -5px;
  padding-bottom: -4px !important;
}
.button, .mainoption{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/oo10.jpg');
  background-position:bottom;
}
.button:hover, .mainoption:hover{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/tex110.jpg');
  background-position: top;
}
button.button2, input.button2 {
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/oo10.jpg');
  background-position: top;
}
button.button2:hover, input.button2:hover {
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/tex110.jpg');
  background-position:bottom;
}
ul.privmsg li {
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/412.jpg');
  background-position: top;
  border: 2px groove #033d00;
}
ul.privmsg li a {
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/412.jpg');
  background-position: top;
  color: #033d00;
  border: 2px groove #033d00;
}
ul.privmsg li a:hover{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/514.png');
  background-position: top;
}
ul.privmsg li a a:hover{
  color: #033d00;
  border: 2px groove #033d00;
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/514.png');
  background-position: top;
}
div.borderwrap.member-list .box-content{
  border: 1px solid #0073b3;
}
.photostrip.box-content{
  border: 1px solid #0073b3 !important;
}
table.ipbtable.calendar{
  border: 1px solid #0073b3 !important;
}
.ipbform2 dl{
  border: 1px solid #0073b3 !important;
}
.ipbtable.calendar ul{
  border: 1px solid #0073b3 !important;
}
.ipbtable.calendar .calday{
  border: 1px solid #0073b3 !important;
}
.ipbtable.calendar .celldate{
  border: 1px solid #0073b3 !important;
}
.bar{
  background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f210.jpg');
  border: 1px solid #00336E;
}
div.borderwrap, borderwrapm{
  background-color: transparent;
}
.fa_avatar img {
  width:25px;
  height:25px;
  margin-right:5px;
  margin-bottom:-6px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}

Om je nieuwe vraag te beantwoorden zou ik graag weten of je alles in de blauwe achtergrondkleur van je forum wilt of de kleur van een bepaalde kolom van je forum? Het zou zelfs goed kunnen dat deze kleur aan te passen is in het beheerderspaneel zelf. Probeer eens of het opgelost is als je 'achtergrondkleur1' aanpast.

Bij je tweede vraag vind ik het wel raar dat er niet automatisch een kader rond je kalender komt. Ik vond niet direct een reden waarom niet dus dan maar gewoon de gevolgen bestrijden. Hiervoor heb ik een paar css lijntjes geschreven die je onderaan je css mag plakken.

Code:

#calendar {
  border-width: 1px;
  border-color: #2c7ab7 #0073b3 #00397a;
  border-style: solid;
  margin-top: 5px !important;
}
#calendar + p {
  border-width: 0px 1px 1px 1px;
  border-color: #2c7ab7 #0073b3 #2c7ab7;
  border-style: solid;
}

[TonnyKamper]

Helemaal Top @10spetter10 ! Je bent geweldig !

Het bleek achtergrondkleur 2 te zijn, dus nu ziet het er heel netjes uit..
Ik weet nog niet zeker of ik ook daadwerkelijk ons echte forum zal upgraden naar Invision, alhoewel het er zeker op vooruit zou gaan met die mogelijkheid om de fora categorieën te openen of sluiten naar believen, loop ik toch wel tegen nog wat problemen aan.. ik verzoek dan ook om deze thread nog niet te sluiten a.u.b.

In ieder geval weer hartelijk bedankt voor je moeite hoor

[TonnyKamper]

Het ziet er nu gewoon goed uit en bijna alles schijnt normaal te werken, dus de volgende vraag is hoe krijg ik dit nu op het echte forum, als ik nu de stijl exporteer, "wat" exporteer ik dan eigenlijk ? Alleen de CSS of ook de javascripts e.d. ?

[TonnyKamper]

Ik ga toch maar niet migreren naar Invision, dit gaat teveel aanpassingen vergen waardoor het forum of een tijdje offline moet of er steeds raar uitziet, ik heb inmiddels gevonden hoe ik de categorie toggle op phpBB2 kon krijgen, een pluspunt voor ons, dus blijven wij phpBB2 voorlopig nog maar trouw

In ieder geval bedankt voor alle genomen moeite om mij te helpen, ik heb er veel van geleerd, dat was erg tof ! Ik zal dit topic als opgelost markeren.

[Liesbeth*]

..	Ondersteunings Vraag opgelost en gesloten.