Nederlands Ondersteuningsforum :
Welkom op het Nederlandse Ondersteuningsforum van ActieForum.


Om ondersteuning te vragen of om in één van onze andere forumsecties te kunnen posten dien je een account te hebben, bedankt voor het inloggen als je al geregistreerd bent, of registreer direct een account op ons ondersteuningsforum als je dit nog niet gedaan hebt.

Layout Invision breedte en navigatie problemen

Vorige onderwerp Volgende onderwerp Go down

Layout Invision breedte en navigatie problemen

Bericht van TonnyKamper op zo 15 feb 2015 - 19:40

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 Very Happy


Laatst aangepast door TonnyKamper op ma 23 feb 2015 - 23:42; in totaal 1 keer bewerkt (Reden van aanpassing : Opgelost)


*** Tonny Kamper ***

TonnyKamper
Forumlid

Vrouw Aantal berichten : 50
Leeftijd : 61
Taal : Nederlands
Locatie : Halsteren
Registratiedatum : 15-02-15
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://www.nederlandheelt.nl/ http://krachtmensen.actieforum.com/
TonnyKamper is bedankt door de starter van dit topic.
  • 0

Re: Layout Invision breedte en navigatie problemen

Bericht van 10spetter10 op ma 16 feb 2015 - 20:58

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. roos


Je mag me altijd een pm sturen wanneer ik iets vergeet af te werken, ook ik ben maar een mens!


Veel Voorkomende Problemen | Forum Tools | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates  en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

10spetter10
Beheerder
Beheerder

Man Aantal berichten : 1278
Leeftijd : 19
Taal : Nederlands
Locatie : België
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
10spetter10 is bedankt door de starter van dit topic.
  • 0

Re: Layout Invision breedte en navigatie problemen

Bericht van TonnyKamper op di 17 feb 2015 - 15:00

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:

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{
margin-top /*\**/: -104px;\
}
#submenu{
background-color: transparent;
padding: 0px;
position: static;
}
#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 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 Very Happy

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 ?


Laatst aangepast door TonnyKamper op di 17 feb 2015 - 19:53; in totaal 1 keer bewerkt (Reden van aanpassing : Iets vergeten erbij te zetten.)


*** Tonny Kamper ***

TonnyKamper
Forumlid

Vrouw Aantal berichten : 50
Leeftijd : 61
Taal : Nederlands
Locatie : Halsteren
Registratiedatum : 15-02-15
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://www.nederlandheelt.nl/ http://krachtmensen.actieforum.com/
TonnyKamper is bedankt door de starter van dit topic.

Re: Layout Invision breedte en navigatie problemen

Bericht van 10spetter10 op di 17 feb 2015 - 22:39

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;
}


Je mag me altijd een pm sturen wanneer ik iets vergeet af te werken, ook ik ben maar een mens!


Veel Voorkomende Problemen | Forum Tools | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates  en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

10spetter10
Beheerder
Beheerder

Man Aantal berichten : 1278
Leeftijd : 19
Taal : Nederlands
Locatie : België
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
10spetter10 is bedankt door de starter van dit topic.

Re: Layout Invision breedte en navigatie problemen

Bericht van TonnyKamper op di 17 feb 2015 - 23:08

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 20836


*** Tonny Kamper ***

TonnyKamper
Forumlid

Vrouw Aantal berichten : 50
Leeftijd : 61
Taal : Nederlands
Locatie : Halsteren
Registratiedatum : 15-02-15
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://www.nederlandheelt.nl/ http://krachtmensen.actieforum.com/
TonnyKamper is bedankt door de starter van dit topic.

Re: Layout Invision breedte en navigatie problemen

Bericht van TonnyKamper op vr 20 feb 2015 - 0:56

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. ? Rolling Eyes


*** Tonny Kamper ***

TonnyKamper
Forumlid

Vrouw Aantal berichten : 50
Leeftijd : 61
Taal : Nederlands
Locatie : Halsteren
Registratiedatum : 15-02-15
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://www.nederlandheelt.nl/ http://krachtmensen.actieforum.com/
TonnyKamper is bedankt door de starter van dit topic.

Re: Layout Invision breedte en navigatie problemen

Bericht van TonnyKamper op ma 23 feb 2015 - 23:41

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 Smile

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.
20836 472414


*** Tonny Kamper ***

TonnyKamper
Forumlid

Vrouw Aantal berichten : 50
Leeftijd : 61
Taal : Nederlands
Locatie : Halsteren
Registratiedatum : 15-02-15
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://www.nederlandheelt.nl/ http://krachtmensen.actieforum.com/
TonnyKamper is bedankt door de starter van dit topic.

Re: Layout Invision breedte en navigatie problemen

Bericht van Liesbeth* op di 24 feb 2015 - 15:36

..Ondersteunings Vraag opgelost en gesloten.



   Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM |  TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates  en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

Liesbeth*
Globaal Moderator
Globaal Moderator

Vrouw Aantal berichten : 466
Leeftijd : 61
Taal : Nederlands
Locatie : Oosten
Registratiedatum : 13-06-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Nee

Profiel bekijken http://pspismagic.actieforum.com/ http://testpspismagictest.actieforum.com/
Liesbeth* is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum