Joomla!NL - button aanpassen

button aanpassen

29 dec 2011 23:40

#1

Hoi allemaal,

Weet iemand, hoe button om naar winkelmandje toevoegen kan toegepast worden? Ik bedoel, zoals in joomla template. Die groene past helemaal niet bij mij.

Voorbat bedankt,
Vero

Vero
Heeft onderwerp gestart
Regelmatige bezoeker van Joomla!NL
Berichten: 279

button aanpassen

30 dec 2011 13:55

#2

Hallo,

Maak zelf geen gebruik van VM, als ik je goed begrijp wil je een button aanpassen naar de look van je site.
De button aanpassen via een fotoshop programma ( of een andere button )naar wens en dan onder de zelfde naam overschrijven via FTP, wel dezelfde grote behouden.

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
Algemeen Moderator
Berichten: 13625

button aanpassen

06 mrt 2012 22:29

#3

Hoi Jelle..ik kwam toevallig dit draadje tegen. Hier een aanvulling:

Ik ben er achter gekomen dat VM mbt zijn button wat complexer werkt. Deze button is samengesteld uit randen en uit een kleurafbeelding.
De kleur van de randen pas je in vmsite-ltr aan.
Dan uit de image map van VM (VM-assets-images-vmgeneral)downloaden deze afbeelding: backgrounds.png. Daar alleen de kleur groen aanpassen in de kleur die jij wilt.

Groetjes
Renata

1place4ads gespecialiseerd in grafisch webdesign: Joomla websites, webshops, Joomla templates (ook geschikt voor tablet en smartphone), headers, logo's en nog meer: 1place4ads.nl,
KvK nr. 51546418
een goed gezond 2013

Renata
Vaste bezoeker van Joomla!NL
Berichten: 805

button aanpassen

04 mei 2012 12:45

#4

Kan iemand het bericht van Renate verder toelichtingen.
Ik weet niet precies waar in VM ik de afbeelding kan aanpassen....

Patricia
Bekend met Joomla!NL
Berichten: 101

button aanpassen

04 mei 2012 13:37

#5

Ik heb zelf geen expertise in VM, misschien even geduld tot Renata weer online is.

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
Algemeen Moderator
Berichten: 13625

button aanpassen

04 mei 2012 14:03

#6

Je kunt in principe gewoon op regel 50 van components/com_virtuemart/assets/css/vmsite-ltr.css bij:

Code:

span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button {
  
}

De kleur aan passen en de regel met de afbeelding verwijderen. Werkt ook.

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: 37435

button aanpassen

04 mei 2012 14:16

#7

Waar kan ik dit components/com_virtuemart/assets/css/vmsite-ltr.css aanpassen?

Componenten --> virtuemart --> ? Of zit het heel ergens anders.....

Patricia
Bekend met Joomla!NL
Berichten: 101

button aanpassen

04 mei 2012 14:27

#8

css bestand via ftp naar je computer halen en dan met notepad++ aanpassen. Kan niet via backend.

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: 37435

button aanpassen

25 mei 2012 09:00

#9

Het is me gelukt om de 'voeg toe aan winkelwagen' knop van kleur te wijzingen. Ik wil dit ook doen met de 'afrekenen' knop. Ik kan deze regel alleen niet vinden.....

Het lukt met niet om de rand te wijzigen. Waar kan ik dit terug vinden. Renate verwijst naar de afbeelding 'background' maar deze heb ik verwijderd.

Patricia
Bekend met Joomla!NL
Berichten: 101

button aanpassen

25 mei 2012 09:10

#10

regel 116:

Code:

.vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -moz-text-blink: none;
  -moz-text-decoration-color: -moz-use-text-color;
  -moz-text-decoration-line: none;
  -moz-text-decoration-style: solid;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #E8E8E8;
  background-image: url("../images/vmgeneral/backgrounds.png");
  background-origin: padding-box;
  background-position: 0 -160px;
  background-repeat: repeat-x;
  background-size: auto auto;
  border-bottom-color: #00A000;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color-ltr-source: physical;
  border-left-color-rtl-source: physical;
  border-left-color-value: #00A000;
  border-left-style-ltr-source: physical;
  border-left-style-rtl-source: physical;
  border-left-style-value: solid;
  border-left-width-ltr-source: physical;
  border-left-width-rtl-source: physical;
  border-left-width-value: 1px;
  border-right-color-ltr-source: physical;
  border-right-color-rtl-source: physical;
  border-right-color-value: #00A000;
  border-right-style-ltr-source: physical;
  border-right-style-rtl-source: physical;
  border-right-style-value: solid;
  border-right-width-ltr-source: physical;
  border-right-width-rtl-source: physical;
  border-right-width-value: 1px;
  border-top-color: #00A000;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-style: solid;
  border-top-width: 1px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1px;
  padding-bottom: 3px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
  text-align: center;
}

En hier staat wel degelijk een border color. Die staat ook in regel 50, dus dat aanpassen van die rand zou heel eenvoudig moeten zijn.

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: 37435

button aanpassen

29 mei 2012 12:47 - 29 mei 2012 12:50

#11

Voor wat betreft de bordor color van de 'voeg toe aan winkelwagen knop'.

Dit staat er bij mij:

Code:

.addtocart-bar{margin:0;padding:0;}
span.addtocart-button{width:152px;float:left;margin:0 0 0 10px;}
span.cart-images img {
    float: left;
    margin: 0;
    width: 45px;
}
span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button { width: 152px; background-color: #365F91; background-image: url('../../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/vmgeneral/backgrounds.png');

De kleur heb ik dus aangepast naar background-color: #365F91 (blauw). Dit is ook gelukt. Maar de 'rand' blijft eromheen staan. Moet ik dan deze regel verwijderen:

Code:

background-image: url('/../../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/vmgeneral/backgrounds.png');

Edit Jelle. Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.

Patricia
Bekend met Joomla!NL
Berichten: 101

button aanpassen

29 mei 2012 13:34

#12

Die moet je idd verwijderen. Of een eigen image maken. En pad naar image klopt sowieso niet, dus weet niet hoe je daaraan komt.

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: 37435

Laatste nieuws

Welkom bij Joomla!NL

button aanpassen

button aanpassen

button aanpassen

button aanpassen

button aanpassen

button aanpassen

button aanpassen

button aanpassen

button aanpassen

button aanpassen

button aanpassen

button aanpassen

button aanpassen

Laatste forumberichten

Wil je Joomla!NL steunen?