Joomla!NL - 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.

aliteejay
Heeft onderwerp gestart
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.

WoodyF4u
Moderator + Nieuwsteam
Berichten: 11277

layout aanpassing

15 sep 2014 14:43

#3

Hoi,
hm Siteground-j16-30, dat is de naam

aliteejay
Heeft onderwerp gestart
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.

Astrid
Moderator + Technisch team
Berichten: 37438

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

aliteejay
Heeft onderwerp gestart
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.

Astrid
Moderator + Technisch team
Berichten: 37438

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.

aliteejay
Heeft onderwerp gestart
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.

aliteejay
Heeft onderwerp gestart
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.

Astrid
Moderator + Technisch team
Berichten: 37438

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.

aliteejay
Heeft onderwerp gestart
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.

Astrid
Moderator + Technisch team
Berichten: 37438

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 .

aliteejay
Heeft onderwerp gestart
Bezoeker

Laatste nieuws

Welkom bij Joomla!NL

layout aanpassing

layout aanpassing

layout aanpassing

layout aanpassing

layout aanpassing

layout aanpassing

layout aanpassing

layout aanpassing

layout aanpassing

layout aanpassing

layout aanpassing

layout aanpassing

layout aanpassing

Laatste forumberichten

Wil je Joomla!NL steunen?