Welkom bij Joomla!NL

Om alle mogelijkheden van dit forum te kunnen gebruiken, moet je je eerst registreren.

Vermeld in iedere vraag duidelijk:
  1. De versie van Joomla! 3.X die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

opgelost Borders toevoegen aan menu en footer

Borders toevoegen aan menu en footer

18 jul 2015 15:51 - 18 jul 2015 15:53
#1
Ik heb onlangs een nieuwe (bootstrap waarvoor nogmaals dank voor de tip, Astrid!) template geïnstalleerd en wil deze graag verder stylen. Het menu en de footer heb ik inmiddels aangepast aan de website. Ik zou daar graag een border links en rechts (inclusief afgeronde hoeken) aan toe willen voegen. Ik kom er 'even' niet uit, in welk css-bestand of instelling ik ook kijk. Wie kan me hier verder helpen a.u.b.?

Voorbeeld:


Joomla versie: 3.4.3
Template: T3 BS3 Blank

Dit bericht bevat een afbeelding als bijlage.
Log in of registreer om die te bekijken

Laatst bewerkt 18 jul 2015 15:53 door G101. Reden: Toevoeging uitleg voor afbeelding
Discussie gesloten.
  • G101
  • G101's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 33

Borders toevoegen aan menu en footer

18 jul 2015 18:01
#2
Heb je een link naar je site?
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37121

Borders toevoegen aan menu en footer

18 jul 2015 18:23
#3
Discussie gesloten.
  • G101
  • G101's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 33

Borders toevoegen aan menu en footer

19 jul 2015 09:07 - 19 jul 2015 09:08
#4
Bedoel je zoiets?
Code:
.t3-mainnav { border: 1px solid red; border-radius: 5px; }
Tip: maak gebruik van de Firebug-addon voor Firefox (links naar deze tool hier te vinden). Met deze tool kan je o.a. van ieder onderdeel van de site de css definities achterhalen en waar in welk bestand ze staan. Tevens kan je met deze tool in de betreffende pagina van je site veranderingen aanbrengen in de css definities en meteen zien wat het effect is (later evt. wel zelf de aanpassingen aanbrengen in css bestanden).
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Laatst bewerkt 19 jul 2015 09:08 door Astrid.
Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37121

Borders toevoegen aan menu en footer

19 jul 2015 10:57
#5
Bedankt Astrid, je hebt me het broodnodige zetje in de juiste richting gegeven. Met één borderdefinitie werd de content echter naar onderen geduwd en er is al meer dan voldoende ruimte tussen menu en content, vandaar dat dit het menu is geworden
Code:
.t3-mainnav { border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; margin-bottom: 0; border-radius: 3px; }
en dit de footer
Code:
.t3-footer { border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-radius: 3px; background: #f8f8f8; color: #555555; }
Je tip over Firebug heb ik al een tijd geleden ter harte genomen, ik kwam er gewoonweg niet uit... Nogmaals bedankt!
Discussie gesloten.
  • G101
  • G101's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 33
Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 1.132 seconden

Wil je Joomla!NL steunen?

Steun Joomla!NLAlle teamleden werken enthousiast, op vrijwillige basis, mee aan Joomla!NL. Maar een website met forum kost nu eenmaal geld. Dus als je Joomla!NL wilt steunen, dan kan dat, graag zelfs!

Lees hier meer informatie