Vragen over het portaal

Hoi!

Ik zit met een aantal vragen over het portaal van fcnl.actieforum.com en ik zou voor elk hiervan graag een passend antwoord willen zodat ik met mijn design kan passen en meten.

1. Hoe kan ik alleen voor het portaal een andere achtergrond implementeren?
2. Hoe kan ik de banner alleen op het portaal verbergen?
3. Hoe kan ik de nav bar alleen op het portaal verbergen?
4. Hoe verberg ik de fa-toolbar (van Forumotion dus) in het portaal?

Ik denk dat het JS scripts gaan worden, maar daar ben ik absoluut niet goed in!

Alvast bedankt!

Het klinkt alsof je je portaal volledig zelf wilt maken zonder de standaard waardes van forumotion. Je kan eventueel een pagina maken met 'html pagina's beheer':

Beheerderspaneel Modules HTML & JAVASCRIPT HTML pagina's beheer

Hier kan je kiezen om een html pagina te maken zonder header en footer die te zien zijn op je forum. Zo kan je een volledige pagina naar jouw smaak aanpassen. Hierop zijn widgets zoals 'laatste onderwerp' wel niet bereikbaar.
Anders is het inderdaad via javascript, maar om iets weg te halen met javascript is normaal niet zoveel werk.

Hoi! Ik ben helemaal niet goed met HTML! Dus als het in JS kan, graag. Er komt nog een 4e vraag bij (al ge-edit in de originele post):

4. Hoe verberg ik de fa-toolbar (van Forumotion dus) in het portaal?

Het is een beetje naar aanleiding van het grafisch verzoek wat ik net heb ingediend namelijk. Ik wil kunnen schuiven met het ontwerp en het beste bepalen.

En het hoeft niet op stel en sprong beantwoord te worden hoor! Maar ik wil wel komende dagen verder kunnen.

Edit:

OK, door veel te lezen en de webdeveloper inspector te gebruiken heb ik vraag 2 en 3 zelf kunnen beantwoorden in het volgende JS script:

Code:


$(function(){
  if(window.location.pathname == "/portal"){

  $('a.icon-home').css('display','none');
  $('#page-header').css('display','none');
  $('#logo').css('display','none');
  $('#submenu').css('display','none');
      $('#fa_ticker_block').css('display','none');
}
  });


De 'Index' link links onderin het portaal heb ik ook weg gekregen in dat script (a.icon-home). Ik heb ook gespeeld met #fa_toolbar en zo om de FM Notification Bar weg te halen, maar dat lukt niet. Ook moet er nog gewerkt worden aan de aparte achtergrond van het portaal.

Het ziet er toch al goed uit, alleen snap ik niet waarom het niet zou werken met #fa_toolbar. Voor een apparte background zet je onderstaande coder er gewoon nog bij.

Code:

$('body').css('background', '--- url naar je afbeelding ---');

Dan krijg je:

Code:

$(function(){
   if(window.location.pathname == "/portal"){
      $('a.icon-home').css('display','none');
      $('#page-header').css('display','none');
      $('#logo').css('display','none');
      $('#submenu').css('display','none');
      $('#fa_toolbar').css('display','none');
      $('body').css('background', '--- url naar je afbeelding ---');
   }
});

Indien die toolbar er nog staat kan je proberen of het misschien weg is als je gewoon de css ingeeft in plaats het meteen op het element te willen toepassen.

Code:

$(function(){
   if(window.location.pathname == "/portal"){
      $('a.icon-home').css('display','none');
      $('#page-header').css('display','none');
      $('#logo').css('display','none');
      $('#submenu').css('display','none');
      $('body').css('background', '--- url naar je afbeelding ---');
      $('head').append('<style>#fa_toolbar {display: none;};</style>');
   }
});

Hmm... werkt alleen met de 2e code. Maar de achtergrond wil nog niet...
Dit is de link naar de achtergrond: http://wacfm.x10.mx/images/templatemo_wrapper.png

Het mooiste zou zijn zoals op WACFM zelf, dus zwarte achtergrond en overlay door het plaatje en dan transparency toepassen.

Maar anders laten we dat voorlopig maar, hoor. Ik word er een beetje dol van. En het is toch mooi zo, oranje met wit? Ik vind van wel. En als ik toch een keer dat wil veranderen, dan ga ik wel een nieuw topic openen.

Deze kan worden gesloten.

THANK YOU!

Laten we het anders nog een keer proberen op dezelfde manier als we de toolbar aanpaste. We plaatsen gewoon css in de style-tags:

Code:

$(function(){
  if(window.location.pathname == "/portal"){
      $('a.icon-home').css('display','none');
      $('#page-header').css('display','none');
      $('#logo').css('display','none');
      $('#submenu').css('display','none');
      $('head').append('<style>#fa_toolbar {display: none;}body{background: #323539 url(http://wacfm.x10.mx/images/templatemo_wrapper.png) top center no-repeat fixed;}</style>');
  }
});

Heb je het gezien? YAAY!!

..	Gelieve niet dubbelposten! Er is een knop in je bericht beschikbaar om je bericht te voorzien van nieuwe informatie!

Heb een bericht hierboven samengevoegd.

..	Als uw ondersteuningsvraag opgelost is, gelieve dan het topic als opgelost met het icoon te markeren! Hoe doe ik dit? Klik Hier