Community « Le forum « Web design « Un petit nouveau Yacs, en ce début d'année «
Comment: Un petit nouveau Yacs, en ce début d'année
| Next >> |
Et bien ma fois c'est très jolie tout ça
Comme tu vas surement le demander, pour rendre les boutons compatibles avec Yacs 7.12 : Edite ta feuille de style yordpress comme ceci :
Cherche la ligne ".big { /* bigger than default, but smaller than .huge -- ... */" (ligne 733) et en dessous (après l'accolade } insert ces lignes :
Il te faut aussi le dessin du bouton, a retrouver ici : file-716-button-drop.gif
SEO et webmastering VDP-Digital - Skins pour Yacs : Yordpress
Comme tu vas surement le demander, pour rendre les boutons compatibles avec Yacs 7.12 : Edite ta feuille de style yordpress comme ceci :
Cherche la ligne ".big { /* bigger than default, but smaller than .huge -- ... */" (ligne 733) et en dessous (après l'accolade } insert ces lignes :
#main_panel a.button { /* a link that mimic a form button --
[button]url[/button], [button=label]url[/button] */
display: -moz-inline-box; /* mandatory for firefox 2 */
display: inline-block;
cursor: pointer;
border: none;
font-size: 0;
font-style: normal;
text-decoration: none;
color: #2e523b;
line-height: 0;
background: transparent url('images/button_drop.png') 0 0 no-repeat;
height: 30px;
margin: 0 6px 0 0;
padding: 0 10px 0 0;
vertical-align: middle;
}
#main_panel a.button span {
display: inline-block;
cursor: pointer;
border: none;
font-family: "Arial" !important;
font-size: 12px !important;
font-style: normal;
white-space: nowrap;
letter-spacing: 0 !important;
color: #222;
line-height: 16px;
background: transparent url('images/button_drop.png') 100% 0 no-repeat;
height: 30px;
margin: 0 -16px 0 10px;
padding: 8px 20px 0 10px;
vertical-align: middle;
}
#main_panel span.button { /* a button in a form */
display: -moz-inline-box; /* mandatory for firefox 2 */
display: inline-block;
cursor: pointer;
border: none;
font-size: 0;
font-style: normal;
text-decoration: none;
color: #2e523b;
line-height: 0;
background: transparent url('images/button_drop.png') 0 0 no-repeat;
height: 30px;
margin: 0 6px 0 0;
padding: 0 10px 0 0;
vertical-align: middle;
}
#main_panel span.button button {
display: -moz-inline-box;
display: inline-block;
cursor: pointer;
border: none;
font-family: "Arial" !important;
font-size: 14px !important;
font-style: normal;
white-space: nowrap;
letter-spacing: 0 !important;
color: #222;
line-height: 2em; /*Higt value for Opera 9.0 compatibility*/
background: transparent url('images/button_drop.png') 100% 0 no-repeat;
height: 30px;
margin: 0 -16px 0 10px;
padding: 0 20px 0 10px;
vertical-align: text-top;
}
#main_panel a.button:hover,
#main_panel span.button:hover {
background-position:0 -60px;
color:#fff;
text-decoration:none;
}
#main_panel a.button:hover span,
#main_panel span.button:hover button {
background-position:100% -60px;
color:#fff;
}
#main_panel a.button:active span,
#main_panel span.button:focus button {
color:#444;
}
Il te faut aussi le dessin du bouton, a retrouver ici : file-716-button-drop.gif
SEO et webmastering VDP-Digital - Skins pour Yacs : Yordpress
This comment has inspired:
by ThierryP on Jan. 14
