|
   |
| Comunitatea uCoz Configurări ale sistemului uCoz Configurarea design-ului Schimbare culoare buton |
| Schimbare culoare buton |
Salut.
Deoarece am citit o statistica precum ca, prin culoarea butoanelor iti poti aduce pana la 31% click-uri mai mult pe butonul "Cumpara Acum" "batalia" ducandu-se intre culoarea rosu si verde iar de aici m-am gandit sa aplic si eu aceasta schimbare referitoare la culoarea butonului. Citind cateva teme pe forum am incercat generarea grafica a unui buton de aici cooltext.com , si am obtinut urmatorul cod Cod <img src="cooltext196105034014785.png" onmouseover="this.src='cooltext196105034014785MouseOver.png';" onmouseout="this.src='cooltext196105034014785.png';" />; am incarcat cele doua poze pe site si le-am inlocuit in cod obtinind urmatorul cod Cod <img src="http://www.aparatul-auditiv.ro/cumpara_acum_1.png" onmouseover="this.src='http://www.aparatul-auditiv.ro/cumpara_acum_2.png';" onmouseout="this.src='http://www.aparatul-auditiv.ro/cumpara_acum_1.png';" /> l-am testat pe site (vezi print screen) www.screencast.com/users/MagTotal/folders/Buton%20Cumpara%20Acum/media/d3d43a1b-7b50-496e-a505-8d9115c59bf8 si totul pare in regula pana aici. Problema este ca, trebuie sa-l fac sa fie functional, sa se comporte precum si cu functiile butonul "Cumpara Acum" iar aici este problema....ma depaseste. Primesc si eu o mana de ajutor in aceasta problema, sa o rezolv? PS. Scriptul l-am inlaturat de pe site ca sa nu induc in eroare potentialii clienti. Va multumesc. Material modificat de Mag-Total - Luni, 25/07/2016, 5:39 PM
|
Mag-Total, prin modalitatea menţionată de tine nu este posibil, dar poţi adăuga acest cod în şablonul CSS al site-ului tău pentru un rezultat similar:
Cod input#buy-now { background: #a73737 !important; background: -webkit-linear-gradient(to left, #a73737 , #7a2828) !important; background: linear-gradient(to left, #a73737 , #7a2828) !important; color: #fff !important; box-shadow: 0 0 0 !important; font-size: 15px; height: auto !important; display: inline-block !important; padding: 15px 30px !important; } input#buy-now:hover { background: #6A9113 !important; background: -webkit-linear-gradient(to left, #6A9113 , #4a6312 ) !important; background: linear-gradient(to left, #6A9113 , #4a6312 ) !important; } Atașamente:
1675533.gif
(357.2 Kb)
|
sa inteleg ca ceea ce am vrut eu sub nicio forma NU este posibil, da?
| |||
| |||