jform

ODIR · Mensagem por **ODIR** » 15 Abr 2010, 11:18

Bom dia Galera.

Estou com um problema que esta me matando, estou criando um formulário mas cada campo aparece de uma cor diferente, vocês podem conferir pelo link ao lado, http://www.arrozvivamaria.com.br/index. ... &Itemid=61, ja tentei editar defeault.css que vem no pacote mas nao adianta. O que quero e bem simples o fundo em branco e a borda preta. E aproveitando também ocorre que quando clica no enviar gostaria que aparecesse uma mensagem de sucesso para a pessoa saber que foi enviado.

Sem mais

Odir

coimbramatos · Mensagem por **coimbramatos** » 15 Abr 2010, 12:58

é o arquivo errado. edita o /templates/123wd-j15-5/css/template.css

procura por .inputbox e muda as cores

ODIR · Mensagem por **ODIR** » 15 Abr 2010, 15:14

Cara desculpa minha ignorancia mas nao entendi, nao localizei este lucar, vou postar a minha template.css para ver se voce pode me ajudar.

Código: Selecionar todos

html {
  height: 100%;
  margin-bottom: 0px;
}

form {
  margin: 0;
  padding: 0;
}

img,table {
	border: none;
}

body {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #000000;
}

body.contentpane {
	background: #FEFEFE;
}

p {
	margin-top: 0;
	margin-bottom: 5px;
	text-align: justify;
}

a:link, a:visited {
	text-decoration: underline;
	font-weight: 400;
	color: #093915;
        font-size: 16px;
	outline: none;
}

a:hover {
	text-decoration: none;
        font-size: 18px;
	font-weight: 400;
}

input  {
	color: #ccc;
	padding: 2px;
	border: 1px solid #333;
	background: #222;
	outline: none;
}

input:focus {
	outline: none;
}

button {
	color: #583d2f;
	font-size: 11px;
	border: 1px solid #339fb7;
	background: #c7eef9;
	cursor: pointer;
}

.inputbox {
	border: 1px solid #73780A;
	color: #232503;
	padding: 2px;
	background: #F9FADE;
	width: 150px;
}

.inputbox:hover {
	background: #f6f9cf;
}

#modlgn_remember.inputbox  {
	background: none;
	border: none;
	width: auto;
}

input.button, .validate  {
	color: #505407;
	font-size: 11px;
	border: 1px solid #505408;
	background: #F9FADE;
	cursor: pointer;
	font-weight: 700;
}

input.button:hover, .validate:hover  {
	color: #9aa30a;
	cursor: pointer;
	background: #e9eea3;
}

.search input.button {
	text-align: right;
}

input[type="checkbox"], input[type="radio"]{
   background: none;
   border: none;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

#page_bg {
	background: #FFF url(../images/page_bg.gif) repeat-x top left;
}

#header {
	width: 996px;
	margin: 0 auto;
}

#headerimg {
	width: 996px;
	height: 95px;
	margin: 0 auto;
	padding: 65px 0 0 0;
	background: url(../images/headerimg.png) no-repeat top left;
}

#wrapper {
	background: url(../images/content_top_bg.png) repeat-x top center;
}

#holder_middle {
	background: url(../images/holder_middle.png) repeat-y top center;
	width: 996px;
	margin: 0 auto;
}

#holder_top {
	background: url(../images/content_image.png) no-repeat top center;
}

#holder_bottom {
	background: url(../images/holder_bottom.png) no-repeat bottom center;
}

#flower {
	position: absolute;
	top: -160px;
	left: -1px;
	width: 270px;
	height: 220px;
	background: url(../images/flower.jpg) no-repeat top left;
}

#container {
	width: 900px;
	margin: 0 auto;
	position: relative;
}

#content {
	padding: 10px;
}

#logo {
	width: 600px;
	margin: 0 auto;
	height: 40px;
	padding: 0 100px 0 0;
	text-align: right;
}

#logo a, #logo a:link, #logo a:hover {
	font-family: Verdana, Arial, sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 40px;
	color: #e2ec67;
	text-decoration: none;
	outline: none;
}

#pillmenu {
	float: left;
	width: 540px;
	height: 58px;
	padding: 0 0 0 260px;
}

#pillmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#pillmenu li {
	float: left;
	margin: 0 14px;
	height: 58px;
	display: inline;
}

#pillmenu li a {
	font-size: 12px;
	line-height: 58px;
	color: #505409;
	text-decoration: none;
	font-weight: 700;
}

#pillmenu li a:hover {
	color: #B02D00;
        text-decoration: none;
}      
#pillmenu li a#active_menu-nav {
	color: #000001;
	text-decoration: underline;
}

#leftcolumn ,#rightcolumn {
	float: left;
	width: 180px;
	padding: 0 0 10px 0;
}

div#maincolumn {
	float: left;
	width: 500px;
	padding: 0 10px;
}

div#maincolumn_full {
	float: left;
	width: 690px;
	padding: 0 0 0 10px;
}

div.nopad {
	overflow: hidden;
	padding: 0;
}

div.nopad ul {
	clear: both;
}

td.middle_pad {
	width: 20px;
}

#banner_l {
	text-align: left;
	padding: 0 0 0 24px;
}

#footer {
	background: url(../images/footer.png) no-repeat top left;
	margin: 15px auto;
	width: 904px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	color: #939812;
	font-size: 12px;
}

#footer a {
	color: #939812;
	font-size: 12px;
	text-decoration: none;
	padding: 0 2px;
}

#footer a:hover {
	color: #939812;
	padding: 0 2px;
	text-decoration: underline;
}

/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}

/* headers */
div.componentheading {
	height: 22px;
	padding: 0 0 0 4px;
	color: #000;
}

table.blog {
	
}

h1 {
	padding: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: 700;
	vertical-align: bottom;
	color: #001;
	text-align: left;
	width: 100%;
}

h2, .contentheading {
	padding: 0;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	color: #972600;
	text-align: left;
	font-weight: 700;
}

h2, a.contentheading {
	background: none;
	border: none;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

h4 {
	font-family: Tahoma, Arial, sans-serif;
	color: #333;
}

h3, .componentheading, table.moduletable th, legend {
	margin: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #738349;
	padding: 0;
}
/* small text */
.small {
	font-size: 10px;
	color: #999;
	font-weight: 700;
	text-align: left;
}

.modifydate {
	height: 20px;
	vertical-align: bottom;
	font-size: 10px;
	color: #999;
	text-align: right;
}

.createdate {
	vertical-align: top;
	font-size: 10px;
	color: #999;
	font-weight: 700;
	padding-bottom: 8px;
}

a.readon {
	display: block;
	float: right;
	line-height: 14px;
	font-size: 11px;
	text-decoration: underline;
	padding: 1px 2px 1px 2px;
	color: #999;
	text-transform: lowercase;
}

a.readon:hover {
	text-decoration: none;
}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
	background-color: #f1f1f1;
	color: #333;
}

.ol-background {
	background-color: #f1f1f1;
	color: #333;
}

.ol-textfont {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
}

.ol-captionfont {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #f6f6f6;
	font-weight: 700;
}
.ol-captionfont a {
	background-color: #f1f1f1;
	color: #333;
	text-decoration: none;
	font-size: 12px;
}

.ol-closefont {}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {
	padding-left: 5px;
}

a.mainlevel:hover {

}

/* spacers */
span.article_separator {
	display: block;
	height: 20px;
}

.article_column {

}

.column_separator {
	
}

td.buttonheading {
	text-align: right;
	width: 0;
}

.clr {
	clear: both;
}

table.blog span.article_separator {
	display: block;
	height: 20px;
}



/* table of contents */
table.contenttoc {
  margin: 5px;
  padding: 5px;
  background: none;
}

table.contenttoc td {
  padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
  color: #999;
  font-weight: 700;
  padding: 4px;
}

tr.sectiontableentry1 td {
	padding: 4px;
	background: #E8EF87;
}

tr.sectiontableentry0 td,
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
  color: #000;
  font-size: 11px;
}


/* content styles */
.contentpaneopen, table.contentpane {
	margin: 0;
	padding: 0;
}

table.contentpane td{
	text-align: left;
}

table.contentpane td.contentdescription {
	width: 100%;
}

table.contentpane  {
	text-align: left;
	float: left;
	width: 100%;
	margin: 8px;
}

table.contentpane ul li a .category {
	color: #FF8800;
}

table.contentpane ul li {
	color: #444;
}

table.contentpaneopen {
	margin: 0 4px;
	border-collapse: collapse;
}

table.contentpaneopen li {
	margin-bottom: 5px;
}

table.contentpaneopen fieldset {
	border: 0;
	border-top: 1px solid #669933;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

table.contentpaneopen h4 {
	font-family: Tahoma, Arial, sans-serif;
	color: #669933;
}

.highlight {
	background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable {
	margin-bottom: 0px;
}

div.moduletable, div.module {
  margin-bottom: 25px;
}

div.module_menu, div.module {
	margin: 0;
	padding: 0;
}

div.module_menu div, div.module, div.module_text div {
	background: #f5f8ca;
}

div.module_menu div div, div.module div div, div.module_text div div {
	margin: 0 0 10px 0;
	background: url(../images/column_top.png) no-repeat top left;
}

div.module_menu div div div, div.module div div div, div.module_text div div div {
	padding: 0 0 6px;
	width: 180px;
	margin: 0;
	text-align: center;
	background: url(../images/column_bottom.png) no-repeat bottom left;
}

div.module div div div div {
	width: 160px;
}

div.module_menu div div div div, div.module div div div div, div.module_text div div div div {
	background: none;
}

div.module_text div div div div {
	text-align: left;
}

div.module_text div div div div.bannergroup_text {
	padding: 10px;
	width: 160px;
}

div.module_text div div div div.bannergroup_text div {
	width: auto;
	padding: 0 0 4px;
}

div.module div div div form {
	width: 160px;
	margin: 0 auto;
	text-align: center;
}

div.module_menu ul {
	list-style: none;
	padding: 0;
}

div.module_menu ul li{
	margin: 0;
	padding: 0;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
	font-weight: 700;
	background: transparent url(../images/blue/bullet2.jpg) top left no-repeat;
	padding: 2px 0;
	line-height: 24px;
}


#leftcolumn div.module table ,#rightcolumn div.module table {
}

#leftcolumn div.module table td ,#rightcolumn div.module table td {
	padding: 0 0 6px;
}

#leftcolumn div.module table.poll {

}

#leftcolumn div.module table.poll td {
	text-align: left;
}

/* LEFT COL H3 */
#leftcolumn h3, #rightcolumn h3 { 	
	background: url(../images/h3.png) top center no-repeat;
	width: 160px;
	height: 45px;
	line-height: 29px;
	padding: 0 0 0 20px;
	color: #003300;
	font-size: 12px;
	text-align: left;
	font-weight: 700;
}

#leftcolumn .moduletable_menu, #leftcolumn .moduletable, #leftcolumn .moduletable_text, #leftcolumn .c, 
#rightcolumn .moduletable_menu, #rightcolumn .moduletable, #rightcolumn .moduletable_text, #rightcolumn .c {
	margin: 0 0 16px 0;
	padding: 0 0 8px 0;
}

#leftcolumn ul.menu, #rightcolumn ul.menu {
	width: 164px;
	margin: 0 auto;
	list-style: none;
	text-align: left;
}

#leftcolumn ul.menu li, #rightcolumn ul.menu li {
	margin: 0;
	padding: 0;
}

#leftcolumn ul.menu li:hover, #rightcolumn ul.menu li:hover {

}

#leftcolumn ul.menu li ul li, #rightcolumn ul.menu li ul li{
	border-bottom: none;
}

/*LEFT COL LINK*/
#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
	font-weight: 700;
	font-size: 12px;
	line-height: 22px;
	height: 22px;
	padding: 0 0 0 12px;
	text-decoration: none;
	color: #505415;
	background: url(../images/menu_row.png) center left no-repeat;
}

#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
	color: #CC3310;
}

/*LEFT COL CURRENT LINK*/
#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link, 
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
	padding: 0 0 0 12px;
	color: #738349;
	background: url(../images/menu_row.png) center left no-repeat;
}

#leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {
	
}

/*LEFT COL SUB LINK*/
#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link {
	font-weight: 700;
	font-size: 12px;
	line-height: 22px;
	height: 22px;
	padding: 0 0 0 22px;
	text-decoration: none;
	color: #a5ae10;
	background: url(../images/submenu_row.png) center left no-repeat;
}

#leftcolumn ul.menu li ul li#current a, #leftcolumn ul.menu li ul li#current a:link, #leftcolumn ul.menu li ul li#current a:visited, #leftcolumn ul.menu li ul li#current a:hover {
	padding: 0 0 0 22px;
	color: #738349;
	background: url(../images/submenu_row.png) center left no-repeat;
}

#leftcolumn ul.menu li.parent ul li a {
	font-size: 12px;
	font-weight: 700;
	line-height: 22px;
	height: 22px;
	padding: 0 0 0 22px;
	color: #738349;
	background: url(../images/submenu_row.png) center left no-repeat;
	text-decoration: none;
}

#leftcolumn ul.menu li.parent ul li a:hover {
	color: #738349;
}

/*SUBMENU POSITION*/
#leftcolumn ul.menu li#current ul {
	margin: 0;
	padding: 0;
}

#leftcolumn ul.menu li#current ul li {
	margin: 0;
	padding: 0;
}

/*CURRENT SUBMENU POSITION*/
#leftcolumn ul.menu li ul {
	margin: 0;
	padding: 0;
}

#leftcolumn ul.menu li#current ul li a:hover {
	color: #738349;
}

#leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul {
	list-style: none;
}

/* forms */
#leftcolumn .moduletable ul, #rightcolumn .moduletable ul {
	margin: 6px 0;
	padding: 0;
	list-style: none;
}

#leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li {
	margin: 0;
	padding: 0 2px;
}

table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}

form#form-login fieldset { 
	border: 0 none; 
	margin-top: 0; 
	padding: 0;
	text-align: left;
}

form#form-login ul {
	padding: 0;
	list-style-position: inside;
	text-align: left;
	width: 160px;
	margin: 10px auto 15px;
}

form#form-login ul li { 
	padding: 0; 
}

form#form-login ul li a {
	text-align: left;
	padding: 0;
	font-size: 10px;
	color: #000;
	text-decoration: none;
}

form#form-login ul li a:hover {
	text-decoration: underline;
}

/* thumbnails */
div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #333; }

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #333; text-align: center; }

/* Parameter Table */
table.paramlist {
	margin-top: 5px;
}

table.paramlist td.paramlist_key {
	width: 128px;
	text-align: left;
	height: 30px;
}

table.paramlist td.paramlist_value {
}

div.message {
	font-family: Tahoma, Arial, sans-serif;
	font-weight: 700;
	font-size : 14px;
	color : #c30;
	text-align: center;
	width: auto;
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	margin: 3px 0px 10px;
	padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.bannergroup {
}

.banneritem {
}

/* Text advert style */

.banneritem_text {
	padding: 4px;
	font-size: 11px;
}

.bannerfooter_text {
	padding: 4px;
	font-size: 11px;
	text-align: right;
}

/* System Messages */
/* see system general.css */

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

/* Polls */
.pollstableborder td {
	text-align: left;
}

/* Frontend Editing*/
fieldset {
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 4px;
}

legend {
	margin: 0;
	padding: 0 10px;
}

td.key {
	border-bottom:1px solid #eee;
	color: #333;
}

/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: 700;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

/* System Standard Messages */
#system-message dd.message ul { 
	padding: 0;
	margin: 0;
	background: none;
	border: none;
}

/* System Error Messages */
#system-message dd.error ul { 
	color: #c00; 
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

/* System Notice Messages */
#system-message dd.notice ul { 
	color: #c00; 
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

#system-message dd {
	text-indent: 0;
}

#system-message dd ul {
	list-style-type: none;
	color: #c00; 
	background: none;
	border: none;
}

#system-message {
	margin-top: 5px;
}

.f123_bg {
	background:url(../images/123_bg.png);
	width:134px;
	height:30px;
	text-align:center;
	padding: 0 3px;
}
.f123_1 {
	display: block;
	font-size: 10px;
	font-family: Tahoma, Arial, sans-serif;
	color: #666;
	text-align: left;
	padding: 0 0 2px 4px;
}

a.link_123:link, a.link_123:visited {
	font-size: 15px;
	font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
	color: #797979;
	text-decoration:none;
	font-weight: 700;
}
a.link_123:hover {
	font-size: 15px;
	font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
	color: #797979;
	text-decoration:none;
	font-weight: 700;
}

Desde ja agradeco

ODIR · Mensagem por **ODIR** » 15 Abr 2010, 15:42

galera desculpa postar seguido, mas eu consegui alterar as cores, editando o arquivo dark.css, porem agora so resta a segunda parte da duvida o depois que clico em enviar como vocês podem ver no link, nao aparece nenhuma mensagem de sucesso para orientar o usuário

valeu

Fóruns do Joomla.com.br e JoomlaBrasil.org

jform

jform

Re: jform

Re: jform

Re: jform