WordPress.org

Ready to get started?Download WordPress

Forums

Mail Subscribe List
Making the form more aesthetically pleasing (2 posts)

  1. BASiQ
    Member
    Posted 1 year ago #

    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/

  2. BASiQ
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.