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

  1. BASiQ
    Posted 2 years ago #

    To make the form go from

    to THIS

    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;


  2. BASiQ
    Posted 2 years 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


No tags yet.