Bonjour,
J'aimerai un peu d'aide sur du css pour un boutton (Il s'agit d'un site joomla)
voici un screen pour vous montrer
http://forum.joomla.fr/attachment.php?attachmentid=19690&d=1330112581
a gauche les bouttons normaux , a droite avec passage de souris
J'aimerai que le boutton s'abonner soit pareil que le boutton commande en ligne (forme sans et avec passage de souris, couleurs dégradés, couleur typo etc..)
J'arrive un peu pour la couleur mais pas pour la forme et je suis vraiment pas doué en css
Si vous pouvez m'aider
voila la feuille contenant le boutton "commande en ligne"
a { color: #EF32BB; }
/* Menus
----------------------------------------------------------------------------------------------------*/
.menu-dropdown a.level3 { background-image: url(../../images/color/pink/menu_dropdown_level3.png); }
.menu-dropdown a.level3:hover,
.menu-dropdown a.current.level3:hover,
.menu-sidebar a:hover,
.menu-sidebar li > span:hover { color: #EF32BB; }
.menu-sidebar .level2 a > span { background-image: url(../../images/color/pink/menu_sidebar_level2.png); }
/* Tools
----------------------------------------------------------------------------------------------------*/
a.button-more:hover,
a.button-more:active {
border-color: #660d55;
background: #8f387a;
background: -moz-linear-gradient(
50% 0%,
#EB60C8 0%,
#E735B6 100%
);
background: -webkit-gradient(
linear,
50% 0%,
50% 100%,
color-stop(0%, #8f387a),
color-stop(100%, #762165)
);
-moz-box-shadow: 0 1px 0 #822870 inset;
-webkit-box-shadow: 0 1px 0 #822870 inset;
box-shadow: 0 1px 0 #a25b94 inset;
}
a.button-more:active {
background: #C2140C;
background: -moz-linear-gradient(
50% 0%,
#E735B6 0%,
#EB60C8 100%
);
background: -webkit-gradient(
linear,
50% 0%,
50% 100%,
color-stop(0%, #E735B6),
color-stop(100%, #EB60C8)
);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3) inset;
box-shadow: 0 1px 1px rgba(0,0,0,0.3) inset;
}
/* System
----------------------------------------------------------------------------------------------------*/
#system .item > .links a { background-image: url(../../images/color/pink/item_links.png); }
#system .pagination strong { color: #EF32BB; }
/* Custom
----------------------------------------------------------------------------------------------------*/
#logo .custom-logo { background: url(../../../../images//logo_pink.png) 0 0 no-repeat; }
Feuille contenant le css du boutton s'abonner (composant acymailing de joomla pour ceux qui connaissent) :
div.acymailing_module, .acymailing_module div{
padding: 0 !important;
margin: 0 !important;
border:none !important;
}
table.acymailing_form{
margin:auto;
}
a.acymailing_togglemodule{
display : block;
font-size:16px;
}
.acymailing_mootoolsbutton p{
text-align:center;
}
.acysubbuttons{
text-align:center;
}
img.captchaimagemodule{
border:1px solid #dddddd;
float: left;
}
.captchakeymodule .captchafield{
margin-top:3px;
margin-left:2px;
}
.acymailing_fulldiv tr, .acymailing_fulldiv td{
border:0px;
}
.acymailing_module_form td {
padding-bottom: 5px;
}
.acymailing_module_error {
color: #400;
background-color: #fdd;
}
.acymailing_module_success {
color: #130;
background-color: #dfc;
}
Merci beaucoup d'avance :))
Afficher la suite