Skip to main content

Laatste nieuws

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.

layout foto aanpassen

layout foto aanpassen

21 okt 2015 12:02 - 21 okt 2015 12:22
#1
Hallo ik ben bezig met een extensie van hotel directory.
Hierin worden 6 foto's verticaal getoond. Dit wil ik wijzigen naar horizontaal. Ik weet alleen niet hoe ik dit moet voor elkaar krijgen.
In de file default.php staat de code waar ik dit moet doen.
Het moet volgens mij aangepast worden in onderstaande code. Iemand een idee hoe ik dit moet doen?
Code:
<div class="row-fluid"> <div class="span<?php echo $this->width; ?> cornice"> <ul class="thumbnails"> <?php if(strlen($this->item->foto1) > 0) { ?> <li class="span3"><a href="<?php echo $this->item->foto1; ?>" data-lightbox="diashow" class="thumbnail" data-toggle="tooltip" title="<?php echo JText::_('COM_HOTELDIRECTORY_SWITCH_FOTO'); ?>"><img src="<?php echo $this->item->foto1; ?>" alt="<?php echo $this->item->nome ?>" /></a></li> <?php } ?> <?php if(strlen($this->item->foto2) > 0) { ?> <li class="span3"><a href="<?php echo $this->item->foto2; ?>" data-lightbox="diashow" class="thumbnail" data-toggle="tooltip" title="<?php echo JText::_('COM_HOTELDIRECTORY_SWITCH_FOTO'); ?>"><img src="<?php echo $this->item->foto2; ?>" alt="<?php echo $this->item->nome ?>" /></a></li> <?php } ?> <?php if(strlen($this->item->foto3) > 0) { ?> <li class="span3"><a href="<?php echo $this->item->foto3; ?>" data-lightbox="diashow" class="thumbnail" data-toggle="tooltip" title="<?php echo JText::_('COM_HOTELDIRECTORY_SWITCH_FOTO'); ?>"><img src="<?php echo $this->item->foto3; ?>" alt="<?php echo $this->item->nome ?>" /></a></li> <?php } ?> <?php if(strlen($this->item->foto4) > 0) { ?> <li class="span3"><a href="<?php echo $this->item->foto4; ?>" data-lightbox="diashow" class="thumbnail" data-toggle="tooltip" title="<?php echo JText::_('COM_HOTELDIRECTORY_SWITCH_FOTO'); ?>"><img src="<?php echo $this->item->foto4; ?>" alt="<?php echo $this->item->nome ?>" /></a></li> <?php } ?> <?php if(strlen($this->item->foto5) > 0) { ?> <li class="span3"><a href="<?php echo $this->item->foto5; ?>" data-lightbox="diashow" class="thumbnail" data-toggle="tooltip" title="<?php echo JText::_('COM_HOTELDIRECTORY_SWITCH_FOTO'); ?>"><img src="<?php echo $this->item->foto5; ?>" alt="<?php echo $this->item->nome ?>" /></a></li> <?php } ?> <?php if(strlen($this->item->foto6) > 0) { ?> <li class="span3"><a href="<?php echo $this->item->foto6; ?>" data-lightbox="diashow" class="thumbnail" data-toggle="tooltip" title="<?php echo JText::_('COM_HOTELDIRECTORY_SWITCH_FOTO'); ?>"><img src="<?php echo $this->item->foto6; ?>" alt="<?php echo $this->item->nome ?>" /></a></li> <?php } ?> </ul> </div> </div>
Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
  • pgmjans
  • pgmjans's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 207

layout foto aanpassen

21 okt 2015 12:46
#2
Hoi,

Dan moet je ervoor zorgen dat het ul element horizontaal gepresenteerd wordt, mbv wijzigen van de CSS. Voor de rest is er weinig over te zeggen, omdat je geen link meegeeft naar de pagina.

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, Julian.

Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen via dit forum
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Juliank92
  • Juliank92's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 1722

layout foto aanpassen

21 okt 2015 12:52
#3
Hallo, bedankt voor je reactie.
Ik ben nog met een test link bezig maar de test staat op familiehotelsbelgie.be
bvd
  • pgmjans
  • pgmjans's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 207

layout foto aanpassen

21 okt 2015 13:02
#4
Wordt 99% zeker veroorzaakt door Artisteer. Zet Protostar eens standaard. Ik vermoed dat het dan wel goed is.
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
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37572

layout foto aanpassen

21 okt 2015 13:26
#5
Hallo Astrid, klopt komt inderdaad daardoor want als protostar gebruik dan gaat het wel goed.
Enig idee hoe ik het in Artisteer dan kan aanpassen?
Bedankt
  • pgmjans
  • pgmjans's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 207

layout foto aanpassen

21 okt 2015 13:41
#6
Hallo,

Aangezien het hier gaat om een Artisteer template waar je voor betaald hebt zou ik zeggen vraag dit eens bij de makers.
Of gebruik een goede template die genoeg te vinden zijn en ook nog gratis.
Deze templates zijn meestal goed aan te passen via css.
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).
Groeten, Jelle
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum.		Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Jelle
  • Jelle's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 13636

layout foto aanpassen

21 okt 2015 14:39 - 21 okt 2015 14:40
#7

Enig idee hoe ik het in Artisteer dan kan aanpassen?

Je richten op CSS, ik snap best dat je daar waarschijnlijk spaak loopt en daarom Artisteer gebruikt..

Even van uit gaande dat je dit wil bereiken:
Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.


Todo:
- list items laten gedragen als een ander type:
Code:
li.span3{ display: inline; }
- de vierkantjes van de list items verwijderen (dit zijn afbeeldingen ipv de normale variant) in je CSS bij regel 2134
- padding-left 13 pixels verwijderen in je CSS bij regel 2164
- tumbnails hoogte en breedte aanpassen in de CSS van 150 pixels naar 124 pixels.
- een tutorial over css gaan volgen: www.w3schools.com/css/

Of anders eventueel het advies van Jelle opvolgen.
Groetjes, Julian.

Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen via dit forum
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Juliank92
  • Juliank92's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 1722
Moderators: Jelle, Romke
Tijd voor maken pagina: 0.697 seconden
Gemaakt door Kunena

Laatste forumberichten

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