Skip to main content

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! 2.5 die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

layout aanpassing

layout aanpassing

15 sep 2014 10:54 - 15 sep 2014 11:11
#1
Geachte,
ik wil een module positie verplaatsen in mij Joomla template, probleem is, de template is in php, ik heb de script bij, ik wil de onder de footer zetten, ik heb in de template css probeer aan te passen lukt mij niet.
aanstande script van siteground template:
Code:
<?php elseif( $this->countModules( 'position-4' ) ) : ?> <div class="maincol_w_right"> <?php else: ?> <div class="maincol_full"> <?php endif; ?>

Code:
<div class="cont"> <jdoc:include type="component" /> </div> <?php if( $this->countModules('position-4') ) : ?> <div class="rightcol"> <jdoc:include type="modules" name="position-4" style="rounded"/> </div> <?php endif; ?> <div class="clr"></div>

Edit WoodyF4u: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
Laatst bewerkt 15 sep 2014 11:11 door WoodyF4u.
Discussie gesloten.
  • aliteejay
  • aliteejay's Profielfoto Heeft onderwerp gestart
  • Bezoeker
  • Bezoeker

layout aanpassing

15 sep 2014 11:12
#2
Geef svp even aan om welk template het gaat.
Met vriendelijke groet,
Wouter Compactweb.nl
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum.
Wil je Joomla!NL steunen? Dat kan met een donatie.

Discussie gesloten.
  • WoodyF4u
  • WoodyF4u's Profielfoto
  • Moderator + Nieuwsteam
  • Moderator + Nieuwsteam
  • Berichten: 11176

layout aanpassing

15 sep 2014 14:43
#3
Hoi,
hm Siteground-j16-30, dat is de naam
Discussie gesloten.
  • aliteejay
  • aliteejay's Profielfoto Heeft onderwerp gestart
  • Bezoeker
  • Bezoeker

layout aanpassing

15 sep 2014 17:23
#4
Om welke site gaat het en wat wil je bereiken? Kan je die module niet gewoon op de positie footer zetten dan?
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: 37132

layout aanpassing

16 sep 2014 00:15 - 16 sep 2014 00:16
#5
Hoi Astrid,
de template heeft geen positie footer, alleen top, links en recht positie, is het mogelijk om de recht column te verander naar anderen positie of kan ik gewoon anderen positie maken? hier is de link naar de template voorbeeld:
www.siteground.com/joomla-templates.htm#joomla3
mijn site: altenagala.nl
Laatst bewerkt 16 sep 2014 00:16 door aliteejay.
Discussie gesloten.
  • aliteejay
  • aliteejay's Profielfoto Heeft onderwerp gestart
  • Bezoeker
  • Bezoeker

layout aanpassing

16 sep 2014 08:34
#6
Kan wel, maar is het niet handiger om een template te zoeken met ietsje meer moduleposities?
Maar hier staat en instructie .
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: 37132

layout aanpassing

16 sep 2014 12:56 - 16 sep 2014 12:58
#7
Hi Astrid, WoodyF4u,
ik heb de positie kunnen maken, en kan ik hem zien in de module beheerder, maar ik denkt mijn script is beetje krom, want ik zie de geplaatste menu niet in de frontend, misschien kan jullie de script verbeteren, ik wil een contact info, algemeen voorwaarden onder anderen, ik wil zoals de site: promgirl.com hebben.
hier is de aanstaande script:
Code:
<?php if ($this->countModules ( 'bottom' )) : ?> <jdoc:include type="modules" name="position-bottom" style="rounded"/> <div id="footergrad"> <jdoc:include type="modules" name="footer" /></div> <div class="clr"></div> <div id="footergrad"> <div class="maincol_w_right"> <jdoc:include type="modules" name="bottom" /> <div id="bottom"> <?php endif; ?> <div class="clr"></div>
Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
Laatst bewerkt 16 sep 2014 12:58 door Astrid.
Discussie gesloten.
  • aliteejay
  • aliteejay's Profielfoto Heeft onderwerp gestart
  • Bezoeker
  • Bezoeker

layout aanpassing

17 sep 2014 17:02 - 17 sep 2014 17:03
#8
hoi,
ik heb de script aangepast naar:
Code:
<div id="bottom"> <div class="bottom"> <jdoc:include type="modules" name="bottom" /></div> <?php if ($this->countModules ( 'bottom' )) : ?> <jdoc:include type="message" /> <jdoc:include type="modules" /> <?php endif; ?> <div class="clr">
weet iemand hoe ik de postition style kan aanpassing, ik wil een column daar zetten,
Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
Laatst bewerkt 17 sep 2014 17:03 door Astrid.
Discussie gesloten.
  • aliteejay
  • aliteejay's Profielfoto Heeft onderwerp gestart
  • Bezoeker
  • Bezoeker

layout aanpassing

17 sep 2014 17:45 - 26 sep 2014 15:01
#9
Snelle voorzet voor 4 modules naast elkaar:
Laatste stuk van index.php (paar bestaande codes staan er ook in als referentie):
Code:
<div id="footergrad"> <div id="footer"> <p style="text-align:center;margin-top: 10px;"><?php $sg = ''; include "templates.php"; ?></p> <div id="bottom"> <div id="bottom1"> <jdoc:include type="modules" name="bottom1" /></div> <div id="bottom2"> <jdoc:include type="modules" name="bottom2" style="rounded"/></div> <div id="bottom3"> <jdoc:include type="modules" name="bottom3" style="rounded"/></div> <div id="bottom4"> <jdoc:include type="modules" name="bottom4" style="rounded"/></div> </div> </div> </div> </body>
css aanpassen van #footer voor wat betreft hoogte:
Code:
#footer { background: url("../images/footer_bg.png") no-repeat scroll center top rgba(0, 0, 0, 0); color: #fff; height: auto; line-height: 31px; margin: 0 auto; overflow: hidden; width: 976px; }
css toevoegen:
Code:
#bottom { background-color: #c0c0c0; height: auto; margin-left: 8px; margin-right: 8px; margin-top: 5px; position: relative; width: auto; } #bottom1, #bottom2, #bottom3, #bottom4{ width: 25%; height:auto; display:inline-flex; position:relative; padding-left:10px; }
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 26 sep 2014 15:01 door Astrid.
Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37132

layout aanpassing

19 sep 2014 12:33 - 19 sep 2014 12:50
#10
Geachte Astrid,
bedankt voor de script, ik heb het nu zo aangepast:
Code:
<div id="bottom"> <div id="bottom"> <jdoc:include type="modules" name="bottom" style="rounded"/> <div id="bottom"> <div id="bottom1"> <jdoc:include type="modules" name="bottom1" /></div> <div id="bottom2"> <jdoc:include type="modules" name="bottom2" style="rounded"/></div> <div id="bottom3"> <jdoc:include type="modules" name="bottom3" style="rounded"/></div> <div id="bottom4"> <jdoc:include type="modules" name="bottom4" style="rounded"/></div> </div> </div>
met css als:
css voor de bottom positie:
Code:
#bottom { background-color: #c0c0c0; height: auto; margin-left: 8px; margin-right: 8px; margin-top: 5px; position: relative; width: auto; } #bottom1, #bottom2, #bottom3, #bottom4{ width: 25%; height:auto; display:inline-flex; position:relative; padding-left:10px; }
en de positie is actieve nu in de frontend, maar ik wil ook een class maken voor deze positie,
en heb ik dit script zelf geschreven,
Code:
<div id="bottom" class="bottom"> <div class="bottom1"> <div class="bottom1"> <h3></h3> <ul></ul> </div> <div class="bottom2"> <h3></h3> <ul></ul> </div> <div class="bottom3"> <h3></h3> <ul></ul> </div> <div class="bottom3"> <h3></h3> <ul></ul> </div> <div class="bottom4"> <h3></h3> <ul></ul> </div> met .bottom-class css } .bottom { width: 22.0238%; } .bottom1, .maia-col-2, .bottom3, .bottom4, .bottom5, .bottom6, .bottom7, .bottom8, .bottom9, .bottom10, .bottom11, .bottom12 { float: left; margin: 0px 1.4881% 20px; }
met .bottom css als
css bottom
Code:
.bottom:after { clear: both; content: " "; display: block; height: 0px; visibility: hidden; }
kan je aub deze scripts bekijken en aanpassing, alvast bedankt
Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.

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

Laatst bewerkt 19 sep 2014 12:50 door Astrid.
Discussie gesloten.
  • aliteejay
  • aliteejay's Profielfoto Heeft onderwerp gestart
  • Bezoeker
  • Bezoeker

layout aanpassing

19 sep 2014 12:54
#11
Je doet weer iets heel anders dan wat ik aangaf. En je kunt een div ook gewoon stylen met css zonder class.
Code:
#bottom h3{ color:red; }
Werkt ook gewoon.
Zet eerst modules op die positie en ga dan met Firebug aan de slag om ze te stylen.
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: 37132

layout aanpassing

23 sep 2014 18:50 - 24 sep 2014 15:03
#12
Geachte Astrid,
de positie is nu gemaakt, en te zien in de frontend, maar als ik een menu daar plaatst, is de menu niet in de frontend te zien, net als andere positie, daarom had ik div class toegevoerd, want de positie is gecreëerd, ik heb de template opgeladen naar altenagala.nl/nl, misschien kan je mij beter kan hulpen
Edit Astrid: Ik heb je postbump weggehaald omdat wij postbumping hier niet op prijs stellen. Zie forumregels .
Laatst bewerkt 24 sep 2014 15:03 door Astrid.
Discussie gesloten.
  • aliteejay
  • aliteejay's Profielfoto Heeft onderwerp gestart
  • Bezoeker
  • Bezoeker
Moderators: Juliank92, Peter, Jelle, Romke
Tijd voor maken pagina: 1.383 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