WordPress.org

Support

Support » Plugins and Hacks » Mail Subscribe List » Making the form more aesthetically pleasing

Making the form more aesthetically pleasing

  • To make the form go from

    THIS
    http://imageshack.us/a/img254/436/oldnm.jpg
    to THIS
    http://imageshack.us/a/img441/8096/newrpt.jpg

    add this code to the head of your SML.PHP file

    echo '<style type="text/css">';
    include 'sml.css';
    echo '</style>';

    and make a css file called SML.CSS and paste this

    input, textarea {
    	padding: 9px;
    	border: solid 1px #E5E5E5;
    	outline: 0;
    	font: normal 13px/100% Verdana, Tahoma, sans-serif;
    	width: 200px;
    	background: #FFFFFF url('bg_form.png') left top repeat-x;
    	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    	}
    
    textarea {
    	width: 400px;
    	max-width: 400px;
    	height: 150px;
    	line-height: 150%;
    	}
    
    input:hover, textarea:hover,
    input:focus, textarea:focus {
    	border-color: #C9C9C9;
    	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    	}
    
    .form label {
    	margin-left: 10px;
    	color: #999999;
    	}
    
    .submit input {
    	width: auto;
    	padding: 9px 15px;
    	background: #617798;
    	border: 0;
    	font-size: 14px;
    	color: #FFFFFF;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	}

    http://wordpress.org/extend/plugins/mail-subscribe-list/

Viewing 1 replies (of 1 total)
  • Won’t let me edit. this is very flawed after looking it over. It messes up the admin backend which I had not counted on. Maybe someone could look at it and see whats wrong but at the moment this is broken.

Viewing 1 replies (of 1 total)
  • The topic ‘Making the form more aesthetically pleasing’ is closed to new replies.
Skip to toolbar