PUNMAIL — подписка на обновления поста

Вы можете подправить файл punmail-div.css или punmail-table.css (находятся в папке с плагином) по своему вкусу, например для такой формы:

выберите стиль отображения DIV и измените содержимое punmail-div.css на:

/* Page/Post Update Notification CSS file */
/* The div containing the form */
#punmailform {
	font-weight: normal;
	color: #000;
	width: 350px; display: block;
	background: transparent;
	margin: 10px auto
}
#punmailform p {
	margin: 0;
	padding: 0 0 5px 0;
}
/* The fieldset around the form */
#punmailset {
	margin:10px auto 0;
	padding:10px 10px 15px;
	background: #F3F3F3;
	border:none;
	color: #737373;
	border-right:2px solid #adadad!important;
	border-bottom:2px solid #adadad!important;
	border-left:2px solid #ececec!important;
	border-top: none;
}
#punmailform legend { 

	margin:5px auto;
	padding: 0 2px;
	font:normal 12px Times;
	color: #737373; text-transform: uppercase;
}
/* The input fields div */
#punmailform input.punmailfield {
	color:#000;
	padding:1px 3px;
	background: #f9f9f9;
	border: 1px solid #888888;
	width: 200px;
	margin: 0 auto
}
#punmailform input.punmailfield:hover	{background: #DEE1B1; }
#punmailform input.punmailfield:focus	{ background:#FEFCFA; }
#punmailside { height: 15px; width: 260px; text-align: center;}

/* The buttons in the form */
#punmailside {
	display: block; height: 20px; width: 260px; margin: 0 20px!important;
}
#punmailside .punmailbutton {
float: left;
width:100px;
	padding:2px;
	margin: 10px 10px 0 0;
	font-size:0.8em;
	background:url(button-bg.gif) repeat-x;
	border:1px solid #adadad!important;
	border-left-color:#ececec!important;
	border-top-color:#ececec!important;
}
#punmailside .punmailbutton:hover {
	cursor: hand;
}

/* The success/failure message */
#punmessage {
	border: 1px solid #adadad;
	background-color: #F3F3F3;
	margin: 10px auto;
	padding: 10px;
	width: 400px;
}
#punmessage strong {font-style: italic; color: #CE1C1B; font-size: 0.8em}

/* spambot check field: DO NOT CHANGE */
.punmailcheck {display:none;}
#punmailfields {margin: 0 auto}

/*#punmailfields {
	float: left;
	margin-right: 5px;
	padding: 5px;
}

#punmailbelow {
	float: left;
}*/
/* The Input field in the form */
/*.punmailfield {
	border: 1px solid #5364AE;
	margin-bottom: 3px;
}*/

/* The field labels */
/*.punmaillabel {
}*/

Фоновую картинку для кнопок необходимо положить в папку с плагином punmail, можете взять ее здесь: button-bg.gif (переходов: 395)