Como por essa Imagem de fundo?
- riccelly
-
Autor do Tópico
- Offline
- JCB! Geek
-
Menos
Mais
14 anos 10 meses atrás #41715
por riccelly
Sites Dinâmicos
[url:300s9oc2]http://www.lifeagenciaweb.com[/url:300s9oc2]
[b:300s9oc2]"Aprenda, mas compartilhe!
Vamos crescer juntos!"[/b:300s9oc2]
riccelly created the topic: Como por essa Imagem de fundo?
Link do site:
http://www.palhacoalegria.com
imagem de fundo:
obs: o template tem 2 css`s: template.css e theme.css
grato!
CSS`S:
@charset "utf-8";
/*
# JP Simple Oktober, 2008
# Copyright (C) 2008 Joomla Penl. All Rights Reserved.
# Websites: [url=http://joomlapanel.com" onclick="window.open(this.href);return false;]http://joomlapanel.com[/url]
*/
/*Default Styles*/
*{
margin:0;
padding:0;
}
html{
height:100%;
margin-bottom:1px;
}
body{
margin:0em 0;
padding:0;
color: #666666;
background: url(../images/page-bg.png) repeat-x fixed center 0 #F0F0F0;
padding: 0;
margin: 0;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
border:none;
}
h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,dl,fieldset,address{
margin:0.5em 0;
}
fieldset{
padding:.5em;
border:none;
}
ul, ol {
margin-left: 2em;
}
h1,.componentheading{
font-size:1.2em;
font-family: Georgia
line-height:1.7em;
font-weight:bold;
}
h2,.contentheading{
font-family: Georgia
font-size:1.2em;
line-height:1.3em;
font-weight:bold;
}
h3{
font-size:1.1em;
line-height:1.3em;
}
h4{
font-size:1.0em;
line-height:1.2em;
}
h5{
font-size:1.1em;
line-height:1.1em;
}
h6{
font-size:1em;
line-height:1em;
font-weight:bold;
}
.small,.createdate,.modifydate,.mosimage_caption{
font:0.8em Arial,Helvetica,sans-serif;
color:#999;
}
/*Layout*/
.clr {
clear: both;
}
.inside {
padding: 0px;
}
.inside2 {
padding: 20px;
}
.inside3 {
padding: -20px;
}
#wrapper{
width:960px;
margin:0 auto;
background: url(../images/header.png) repeat-x top #ffffff;
}
#header {
margin: 0px
}
#header .inside {
padding: 10px 0px;
}
#navigation {
float: right;
text-align: right;
}
#navigation ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#navigation li {
margin: 0px;
padding: 0px;
display: inline;
list-style-type: none;
}
#jp-advert {
background: #666666;
height: 250px !important;
margin-bottom: 10px;
}
#jp-advert .inside {
padding: 0px 0px;
height: 230px !important;
}
#jp1-advert {
float: left;
}
/*
search module
*/
#login {
float: left;
font-size:11px;
font-family:Verdana;
background: #333;
margin-left: 10px;
padding: 5px !important;
width: 180px !important;
height: 230px !important;
}
#container {
}
#mainbody {
float: left;
width: 75%;
}
#content {
float: left;
width: 70%;
margin-left: 10px;
}
#top {
margin-bottom: 10px;
}
#jp-left {
float: left;
width: 180px;
margin-right: 5px;
}
/*
right module
*/
#jp-right {
float: right;
width: 190px;
margin-left: 5px;
padding: 7px !important;
border-left: 1px solid #ccc ;
}
#jp-footer {
font:0.8em Arial,Helvetica,sans-serif;
magin-top: 10px !important;
}
#copy {
float: left;
}
#link {
float: right;
}
#jp-bottom {
text-align: center;
margin-top: 5px;
color: #cccccc;
}
#message {
margin-bottom: 10px;
}
/* System Messages */
#system-message {
margin-bottom: 0px;
padding: 0;
}
#system-message dt {
font-weight: bold;
}
#system-message dd {
margin: 0; font-weight: bold; text-indent: 30px;
}
#system-message dd ul {
color: #0055BB;
list-style: none;
margin: 0px;
padding: 10px;
background: #D8E5F8 url(../images/status-info.png) no-repeat 10px 50%;
border-top: 3px solid #629DE3;
border-bottom: 3px solid #629DE3;
}
#system-message dt.message {
display: none;
}
#system-message dd.message {}
#system-message dt.error {
display: none;
}
#system-message dd.error ul {
color: #c00;
margin: 0px;
list-style: none;
background: #FFD6D6 url(../images/status-alert.png) no-repeat 10px 50%;
border-top: 3px solid #DE7A7B;
border-bottom: 3px solid #DE7A7B;
}
#system-message dt.notice {
display: none;
}
#system-message dd.notice ul {
color: #DCA33C;
margin: 0px;
list-style: none;
background: #FEF6D8 url(../images/status-note.png) no-repeat 10px 50%;
border-top: 3px solid #F0DC7E;
border-bottom: 3px solid #F0DC7E;
}
/*Default Joomla Styles*/
.contentpaneopen{
width:100%;
}
.poll {
width: 100%;
}
.pollstableborder {
width: 100%;
text-align: left;
margin-bottom: 10px;
}
.poll input {
margin: 2px;
}
div.moduletable {
margin-bottom: 10px;
}
div.moduletable_menu {
margin-bottom: 10px;
}
ul.pagination {
margin: 0px;
padding: 0px;
list-style-type: none;
}
ul.pagination li {
display: inline;
padding-right: 3px;
padding-left: 3px;
}
#whitebox {
margin: 20 21px 20px 21px;
background: #fff;
width: auto;
}
#whitebox div {
text-align: left;
}
#whitebox_t {
background: #fff url(../images/mw_content_t.png) 0 0 repeat-x;
}
#whitebox_tl {
background: url(../images/mw_content_t_l.png) 0 0 no-repeat;
}
#whitebox_tr {
height: 10px;
overflow: hidden;
background: url(../images/mw_content_t_r.png) 100% 0 no-repeat;
}
#whitebox_m {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
width: auto;
padding: 1px 8px;
}
#whitebox_b {
margin-top: -5px;
background: url(../images/mw_content_b.png) 0 100% repeat-x;
}
#whitebox_bl {
background: url(../images/mw_content_b_l.png) 0 100% no-repeat;
}
#whitebox_br {
height: 13px;
background: url(../images/mw_content_b_r.png) 100% 100% no-repeat;
}
THEME.CSS:
@charset "utf-8";
@charset "utf-8";
/*
# JP Simple Oktober, 2008
# Copyright (C) 2008 Joomla Penl. All Rights Reserved.
# Websites: [url=http://joomlapanel.com" onclick="window.open(this.href);return false;]http://joomlapanel.com[/url]
*/
body {
font-family: Arial,Helvetica;
font-size: 80%;
line-height: 1.5em;
}
a{
color:#993366;
}
a:hover{
color:#ff9900;
}
a.readon {
background: url(../images/theme/readon.png) no-repeat 0px 50%;
display: block;
width: 80px;
padding: 3px 0px 3px 18px;
margin-top: 10px;
}
h1, .componentheading, h3 {
font-size:1.5em;
line-height:1.7em;
color: #FF9900;
margin: 0px;
padding: 0px;
border-bottom: 1px dotted #CCCCCC;
display: block;
font-family: 'Trebuchet MS',Helvetica, Arial, sans-serif;
font-weight: normal;
}
h2, .contentheading {
font-size:1.1em;
line-height:1.5em;
font-weight: bold;
text-transform: uppercase;
}
h4 {
font-size:1.3em;
line-height:1.3em;
}
h5 {
font-size:1.1em;
line-height:1.1em;
}
h6 {
font-size:1em;
line-height:1em;
font-weight:bold;
}
/*Layout Styles*/
#wrapper{
background-color:#FFFFFF;
}
#logo{
background: url(../images/theme/logo.png) no-repeat;
display: block;
float: left;
height: 94px;
width: 369px;
margin-left: 20px;
margin-top: 5px;
}
#navigation {
margin-top: 20px;
margin-right: 20px;
}
#navigation a {
color: #663300;
margin-right: 20px;
text-decoration: none;
}
#navigation a:hover, #navigation #active_menu-nav {
color: #ff9900;
}
#banner {
color: #FFFFFF;
}
#jp-advert {
background-color: #333;
color: #cccccc;
border: 1px #CCCCCC;
}
#jp-advert a {
color: #CCCCCC;
text-decoration: none;
}
#jp-advert a:hover,a:focus {
color: #FFFFFF;
}
#jp-bottom {
color: #666666;
background: url(../images/theme/bottom.png) repeat-x bottom;
margin-top: 1px;
margin-bottom: 1px;
height: 60px;
font-size:85%;
}
#jp-bottom a {
color: #666666;
}
.small, .createdate, .modifydate, .mosimage_captionCopy {
font:0.8em Arial,Helvetica,sans-serif;
color:#999;
}
div.moduletable_menu {
margin-bottom: 10px;
}
div.moduletable_menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
div.moduletable_menu li {
margin: 0px;
padding: 0px;
list-style-type: none;
}
div.moduletable_menu a {
color: #663300;
border-bottom: 1px dotted #CCCCCC;
background: url(../images/theme/bullet.gif) no-repeat 5px 7px;
display: block;
padding: 5px 5px 5px 25px;
}
div.moduletable_menu a:hover {
color: #996600;
text-decoration: none;
}
div.moduletable_menu li ul li a {
color: #333333;
border-bottom: 1px dotted #CCCCCC;
display: block;
padding: 5px 5px 5px 35px;
background: url(../images/theme/arrow.png) no-repeat 15px 7px;
display: block;
}
div.moduletable_menu li ul li a:hover {
color: #666666;
text-decoration: none;
}
/*div.moduletable ul.latestnews, div.moduletable ul.mostread {
margin: 0px;
padding: 0px;
list-style-type: none;
}
div.moduletable ul.latestnews li, div.moduletable ul.mostread li {
margin: 0px;
padding: 0px;
list-style-type: none;
}
div.moduletable ul.latestnews a, div.moduletable ul.mostread a {
color: #999999;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
background-image: url(../images/theme/bullet.gif);
background-repeat: no-repeat;
background-position: 5px 7px;
display: block;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 25px;
}
div.moduletable ul.latestnews a:hover, div.moduletable ul.mostread a:hover {
color: #666666;
text-decoration: none;
}*/
.createdate {
display: block;
background: url(../images/theme/createdate.png) no-repeat 0px 50%;
padding: 3px 3px 3px 18px;
}
.modifydate {
display: block;
background: url(../images/theme/modifydate.png) no-repeat 0px 50%;
padding: 3px 3px 3px 18px;
}
.poll thead, .bannerheader {
display: block;
padding: 5px 0px 5px 0px;
font-size: 15px;
font-weight: bold;
}
.sectiontableentry1, .sectiontableentry2, .sectiontableheader, tr.sectiontableentry1 td, tr.sectiontableentry2 td {
text-align:left;
padding:5px;
}
.sectiontableentry2 {
background-color: #F8F8F8;
}
.sectiontableheader {
background-color: #F8F8F8;
}
table.contenttoc {
background-color: #FFFFFF;
width: 150px;
border: 1px dotted #CCCCCC;
margin-left: 10px;
}
table.contenttoc th {
text-align: left;
padding: 4px;
border-bottom: 1px dotted #CCCCCC;
background-color: #F8F8F8;
}
table.contenttoc td {
padding: 5px;
}
a.toclink:link, a.toclink:active, a.toclink:visited {
color: #999999;
background-image: url(../images/theme/bullet.gif);
background-repeat: no-repeat;
background-position: 5px 50%;
display: block;
padding-left: 25px;
}
a.toclink:hover {
color: #333333;
}
img{
border: 0pt;
}
#jp-nav {
float: left;
text-align: center;
font-family: Lucida Sans;
font-weight: bold;
text-transform: uppercase;
background: url(../images/theme/bottom.png) repeat-x bottom #666666;
margin-bottom: 5px;
height: 40px;
width: 100%;
margin: 0px;
}
#jp-nav ul {
margin: 5px;
padding: 5px;
list-style-type: none;
}
#jp-nav li {
margin: 0px;
padding: 0px;
display: inline;
list-style-type: none;
}
#jp-nav {
margin-top: 3px;
margin-bottom: 3px;
margin-left: 0px;
display: block;
}
#jp-nav a {
color: #666;
text-decoration: none;
margin-right: 10px;
margin-left: 10px;
border-bottom: 2px dotted #CCCCCC;
}
#jp-nav a:hover, #navigation #active_menu-nav {
color: #ff9900;
border-bottom: 2px dotted #ff0000;
}
imagem de fundo:
obs: o template tem 2 css`s: template.css e theme.css
grato!
CSS`S:
@charset "utf-8";
/*
# JP Simple Oktober, 2008
# Copyright (C) 2008 Joomla Penl. All Rights Reserved.
# Websites: [url=http://joomlapanel.com" onclick="window.open(this.href);return false;]http://joomlapanel.com[/url]
*/
/*Default Styles*/
*{
margin:0;
padding:0;
}
html{
height:100%;
margin-bottom:1px;
}
body{
margin:0em 0;
padding:0;
color: #666666;
background: url(../images/page-bg.png) repeat-x fixed center 0 #F0F0F0;
padding: 0;
margin: 0;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
border:none;
}
h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,dl,fieldset,address{
margin:0.5em 0;
}
fieldset{
padding:.5em;
border:none;
}
ul, ol {
margin-left: 2em;
}
h1,.componentheading{
font-size:1.2em;
font-family: Georgia
line-height:1.7em;
font-weight:bold;
}
h2,.contentheading{
font-family: Georgia
font-size:1.2em;
line-height:1.3em;
font-weight:bold;
}
h3{
font-size:1.1em;
line-height:1.3em;
}
h4{
font-size:1.0em;
line-height:1.2em;
}
h5{
font-size:1.1em;
line-height:1.1em;
}
h6{
font-size:1em;
line-height:1em;
font-weight:bold;
}
.small,.createdate,.modifydate,.mosimage_caption{
font:0.8em Arial,Helvetica,sans-serif;
color:#999;
}
/*Layout*/
.clr {
clear: both;
}
.inside {
padding: 0px;
}
.inside2 {
padding: 20px;
}
.inside3 {
padding: -20px;
}
#wrapper{
width:960px;
margin:0 auto;
background: url(../images/header.png) repeat-x top #ffffff;
}
#header {
margin: 0px
}
#header .inside {
padding: 10px 0px;
}
#navigation {
float: right;
text-align: right;
}
#navigation ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#navigation li {
margin: 0px;
padding: 0px;
display: inline;
list-style-type: none;
}
#jp-advert {
background: #666666;
height: 250px !important;
margin-bottom: 10px;
}
#jp-advert .inside {
padding: 0px 0px;
height: 230px !important;
}
#jp1-advert {
float: left;
}
/*
search module
*/
#login {
float: left;
font-size:11px;
font-family:Verdana;
background: #333;
margin-left: 10px;
padding: 5px !important;
width: 180px !important;
height: 230px !important;
}
#container {
}
#mainbody {
float: left;
width: 75%;
}
#content {
float: left;
width: 70%;
margin-left: 10px;
}
#top {
margin-bottom: 10px;
}
#jp-left {
float: left;
width: 180px;
margin-right: 5px;
}
/*
right module
*/
#jp-right {
float: right;
width: 190px;
margin-left: 5px;
padding: 7px !important;
border-left: 1px solid #ccc ;
}
#jp-footer {
font:0.8em Arial,Helvetica,sans-serif;
magin-top: 10px !important;
}
#copy {
float: left;
}
#link {
float: right;
}
#jp-bottom {
text-align: center;
margin-top: 5px;
color: #cccccc;
}
#message {
margin-bottom: 10px;
}
/* System Messages */
#system-message {
margin-bottom: 0px;
padding: 0;
}
#system-message dt {
font-weight: bold;
}
#system-message dd {
margin: 0; font-weight: bold; text-indent: 30px;
}
#system-message dd ul {
color: #0055BB;
list-style: none;
margin: 0px;
padding: 10px;
background: #D8E5F8 url(../images/status-info.png) no-repeat 10px 50%;
border-top: 3px solid #629DE3;
border-bottom: 3px solid #629DE3;
}
#system-message dt.message {
display: none;
}
#system-message dd.message {}
#system-message dt.error {
display: none;
}
#system-message dd.error ul {
color: #c00;
margin: 0px;
list-style: none;
background: #FFD6D6 url(../images/status-alert.png) no-repeat 10px 50%;
border-top: 3px solid #DE7A7B;
border-bottom: 3px solid #DE7A7B;
}
#system-message dt.notice {
display: none;
}
#system-message dd.notice ul {
color: #DCA33C;
margin: 0px;
list-style: none;
background: #FEF6D8 url(../images/status-note.png) no-repeat 10px 50%;
border-top: 3px solid #F0DC7E;
border-bottom: 3px solid #F0DC7E;
}
/*Default Joomla Styles*/
.contentpaneopen{
width:100%;
}
.poll {
width: 100%;
}
.pollstableborder {
width: 100%;
text-align: left;
margin-bottom: 10px;
}
.poll input {
margin: 2px;
}
div.moduletable {
margin-bottom: 10px;
}
div.moduletable_menu {
margin-bottom: 10px;
}
ul.pagination {
margin: 0px;
padding: 0px;
list-style-type: none;
}
ul.pagination li {
display: inline;
padding-right: 3px;
padding-left: 3px;
}
#whitebox {
margin: 20 21px 20px 21px;
background: #fff;
width: auto;
}
#whitebox div {
text-align: left;
}
#whitebox_t {
background: #fff url(../images/mw_content_t.png) 0 0 repeat-x;
}
#whitebox_tl {
background: url(../images/mw_content_t_l.png) 0 0 no-repeat;
}
#whitebox_tr {
height: 10px;
overflow: hidden;
background: url(../images/mw_content_t_r.png) 100% 0 no-repeat;
}
#whitebox_m {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
width: auto;
padding: 1px 8px;
}
#whitebox_b {
margin-top: -5px;
background: url(../images/mw_content_b.png) 0 100% repeat-x;
}
#whitebox_bl {
background: url(../images/mw_content_b_l.png) 0 100% no-repeat;
}
#whitebox_br {
height: 13px;
background: url(../images/mw_content_b_r.png) 100% 100% no-repeat;
}
THEME.CSS:
@charset "utf-8";
@charset "utf-8";
/*
# JP Simple Oktober, 2008
# Copyright (C) 2008 Joomla Penl. All Rights Reserved.
# Websites: [url=http://joomlapanel.com" onclick="window.open(this.href);return false;]http://joomlapanel.com[/url]
*/
body {
font-family: Arial,Helvetica;
font-size: 80%;
line-height: 1.5em;
}
a{
color:#993366;
}
a:hover{
color:#ff9900;
}
a.readon {
background: url(../images/theme/readon.png) no-repeat 0px 50%;
display: block;
width: 80px;
padding: 3px 0px 3px 18px;
margin-top: 10px;
}
h1, .componentheading, h3 {
font-size:1.5em;
line-height:1.7em;
color: #FF9900;
margin: 0px;
padding: 0px;
border-bottom: 1px dotted #CCCCCC;
display: block;
font-family: 'Trebuchet MS',Helvetica, Arial, sans-serif;
font-weight: normal;
}
h2, .contentheading {
font-size:1.1em;
line-height:1.5em;
font-weight: bold;
text-transform: uppercase;
}
h4 {
font-size:1.3em;
line-height:1.3em;
}
h5 {
font-size:1.1em;
line-height:1.1em;
}
h6 {
font-size:1em;
line-height:1em;
font-weight:bold;
}
/*Layout Styles*/
#wrapper{
background-color:#FFFFFF;
}
#logo{
background: url(../images/theme/logo.png) no-repeat;
display: block;
float: left;
height: 94px;
width: 369px;
margin-left: 20px;
margin-top: 5px;
}
#navigation {
margin-top: 20px;
margin-right: 20px;
}
#navigation a {
color: #663300;
margin-right: 20px;
text-decoration: none;
}
#navigation a:hover, #navigation #active_menu-nav {
color: #ff9900;
}
#banner {
color: #FFFFFF;
}
#jp-advert {
background-color: #333;
color: #cccccc;
border: 1px #CCCCCC;
}
#jp-advert a {
color: #CCCCCC;
text-decoration: none;
}
#jp-advert a:hover,a:focus {
color: #FFFFFF;
}
#jp-bottom {
color: #666666;
background: url(../images/theme/bottom.png) repeat-x bottom;
margin-top: 1px;
margin-bottom: 1px;
height: 60px;
font-size:85%;
}
#jp-bottom a {
color: #666666;
}
.small, .createdate, .modifydate, .mosimage_captionCopy {
font:0.8em Arial,Helvetica,sans-serif;
color:#999;
}
div.moduletable_menu {
margin-bottom: 10px;
}
div.moduletable_menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
div.moduletable_menu li {
margin: 0px;
padding: 0px;
list-style-type: none;
}
div.moduletable_menu a {
color: #663300;
border-bottom: 1px dotted #CCCCCC;
background: url(../images/theme/bullet.gif) no-repeat 5px 7px;
display: block;
padding: 5px 5px 5px 25px;
}
div.moduletable_menu a:hover {
color: #996600;
text-decoration: none;
}
div.moduletable_menu li ul li a {
color: #333333;
border-bottom: 1px dotted #CCCCCC;
display: block;
padding: 5px 5px 5px 35px;
background: url(../images/theme/arrow.png) no-repeat 15px 7px;
display: block;
}
div.moduletable_menu li ul li a:hover {
color: #666666;
text-decoration: none;
}
/*div.moduletable ul.latestnews, div.moduletable ul.mostread {
margin: 0px;
padding: 0px;
list-style-type: none;
}
div.moduletable ul.latestnews li, div.moduletable ul.mostread li {
margin: 0px;
padding: 0px;
list-style-type: none;
}
div.moduletable ul.latestnews a, div.moduletable ul.mostread a {
color: #999999;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
background-image: url(../images/theme/bullet.gif);
background-repeat: no-repeat;
background-position: 5px 7px;
display: block;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 25px;
}
div.moduletable ul.latestnews a:hover, div.moduletable ul.mostread a:hover {
color: #666666;
text-decoration: none;
}*/
.createdate {
display: block;
background: url(../images/theme/createdate.png) no-repeat 0px 50%;
padding: 3px 3px 3px 18px;
}
.modifydate {
display: block;
background: url(../images/theme/modifydate.png) no-repeat 0px 50%;
padding: 3px 3px 3px 18px;
}
.poll thead, .bannerheader {
display: block;
padding: 5px 0px 5px 0px;
font-size: 15px;
font-weight: bold;
}
.sectiontableentry1, .sectiontableentry2, .sectiontableheader, tr.sectiontableentry1 td, tr.sectiontableentry2 td {
text-align:left;
padding:5px;
}
.sectiontableentry2 {
background-color: #F8F8F8;
}
.sectiontableheader {
background-color: #F8F8F8;
}
table.contenttoc {
background-color: #FFFFFF;
width: 150px;
border: 1px dotted #CCCCCC;
margin-left: 10px;
}
table.contenttoc th {
text-align: left;
padding: 4px;
border-bottom: 1px dotted #CCCCCC;
background-color: #F8F8F8;
}
table.contenttoc td {
padding: 5px;
}
a.toclink:link, a.toclink:active, a.toclink:visited {
color: #999999;
background-image: url(../images/theme/bullet.gif);
background-repeat: no-repeat;
background-position: 5px 50%;
display: block;
padding-left: 25px;
}
a.toclink:hover {
color: #333333;
}
img{
border: 0pt;
}
#jp-nav {
float: left;
text-align: center;
font-family: Lucida Sans;
font-weight: bold;
text-transform: uppercase;
background: url(../images/theme/bottom.png) repeat-x bottom #666666;
margin-bottom: 5px;
height: 40px;
width: 100%;
margin: 0px;
}
#jp-nav ul {
margin: 5px;
padding: 5px;
list-style-type: none;
}
#jp-nav li {
margin: 0px;
padding: 0px;
display: inline;
list-style-type: none;
}
#jp-nav {
margin-top: 3px;
margin-bottom: 3px;
margin-left: 0px;
display: block;
}
#jp-nav a {
color: #666;
text-decoration: none;
margin-right: 10px;
margin-left: 10px;
border-bottom: 2px dotted #CCCCCC;
}
#jp-nav a:hover, #navigation #active_menu-nav {
color: #ff9900;
border-bottom: 2px dotted #ff0000;
}
Sites Dinâmicos
[url:300s9oc2]http://www.lifeagenciaweb.com[/url:300s9oc2]
[b:300s9oc2]"Aprenda, mas compartilhe!
Vamos crescer juntos!"[/b:300s9oc2]
Please Entrar ou Registrar to join the conversation.
- rogeriorleal
-
- Offline
- JCB! Senior
-
Menos
Mais
- Postagens: 145
- Obrigados Recebidos: 0
14 anos 10 meses atrás #41718
por rogeriorleal
rogeriorleal replied the topic: Re: Como por essa Imagem de fundo?
riccelly,
Acredito que basta você abrir os dois arquivos CSS (abrir no Dreamweaver, por exemplo), localizar qual id ou class é responsável pelo background, que atualmente está todo laranja.
Para identificar a cor, dá um Print Screen na tela do seu site onde apareça o tom de laranja, cola essa tela no Fireworks ou Photoshop, vê qual é o código da cor (tipo #FF00FF) copia ela, e busca por ela dentro dos arquivos CSS.
Quando vc achar, basta adicionar a imagem ao background e salvá-la certamente na pasta "images" do template utilizado.
Espero que tenha sucesso!
Acredito que basta você abrir os dois arquivos CSS (abrir no Dreamweaver, por exemplo), localizar qual id ou class é responsável pelo background, que atualmente está todo laranja.
Para identificar a cor, dá um Print Screen na tela do seu site onde apareça o tom de laranja, cola essa tela no Fireworks ou Photoshop, vê qual é o código da cor (tipo #FF00FF) copia ela, e busca por ela dentro dos arquivos CSS.
Quando vc achar, basta adicionar a imagem ao background e salvá-la certamente na pasta "images" do template utilizado.
Espero que tenha sucesso!
Please Entrar ou Registrar to join the conversation.
- edyonil
-
- Offline
- JCB! Master
-
14 anos 10 meses atrás #41721
por edyonil
[b:8sje7mdx]________________________________________________________________[/b:8sje7mdx]
[size=110:8sje7mdx][color=#400080:8sje7mdx][b:8sje7mdx]Aprender e desenvolver são metas que para mim devem ser batida.[/b:8sje7mdx][/color:8sje7mdx][/size:8sje7mdx]
Ajudar é cumprir a missão que o Deus pai nos passou.
[url:8sje7mdx]http://edyonil.com[/url:8sje7mdx]
[url:8sje7mdx]http://gmais.de/edyonil[/url:8sje7mdx] - [url:8sje7mdx]http://twitter.com/edyonil[/url:8sje7mdx]
[url:8sje7mdx]...
edyonil replied the topic: Re: Como por essa Imagem de fundo?
amigo por favor, post aqui o código do index.php do template. Creio que o background está online.
Nesta regra aqui.
Caso ache essa regra no seu index.php altere pela
Nesta regra aqui.
<body style="background-image: none; background-color: rgb(255, 165, 0);">
Caso ache essa regra no seu index.php altere pela
<body style="background-image: endereco_da_sua_imagem_.jpg">
[b:8sje7mdx]________________________________________________________________[/b:8sje7mdx]
[size=110:8sje7mdx][color=#400080:8sje7mdx][b:8sje7mdx]Aprender e desenvolver são metas que para mim devem ser batida.[/b:8sje7mdx][/color:8sje7mdx][/size:8sje7mdx]
Ajudar é cumprir a missão que o Deus pai nos passou.
[url:8sje7mdx]http://edyonil.com[/url:8sje7mdx]
[url:8sje7mdx]http://gmais.de/edyonil[/url:8sje7mdx] - [url:8sje7mdx]http://twitter.com/edyonil[/url:8sje7mdx]
[url:8sje7mdx]...
Please Entrar ou Registrar to join the conversation.
- riccelly
-
Autor do Tópico
- Offline
- JCB! Geek
-
14 anos 10 meses atrás #41724
por riccelly
Sites Dinâmicos
[url:300s9oc2]http://www.lifeagenciaweb.com[/url:300s9oc2]
[b:300s9oc2]"Aprenda, mas compartilhe!
Vamos crescer juntos!"[/b:300s9oc2]
riccelly replied the topic: Re: Como por essa Imagem de fundo?
caro rogeriorleal, obg mas isso já tentei.
a cor do fundo é um parametro do proprio template: escolhi laranja... mas kero por a PNG...
vou postar aqui a index.php.. <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->
talvez o edyonil tenha razao,
obs aos 2.
a cor do fundo é um parametro do proprio template: escolhi laranja... mas kero por a PNG...
vou postar aqui a index.php.. <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->
talvez o edyonil tenha razao,
obs aos 2.
Sites Dinâmicos
[url:300s9oc2]http://www.lifeagenciaweb.com[/url:300s9oc2]
[b:300s9oc2]"Aprenda, mas compartilhe!
Vamos crescer juntos!"[/b:300s9oc2]
Please Entrar ou Registrar to join the conversation.
- riccelly
-
Autor do Tópico
- Offline
- JCB! Geek
-
14 anos 10 meses atrás #41725
por riccelly
Sites Dinâmicos
[url:300s9oc2]http://www.lifeagenciaweb.com[/url:300s9oc2]
[b:300s9oc2]"Aprenda, mas compartilhe!
Vamos crescer juntos!"[/b:300s9oc2]
riccelly replied the topic: Re: Como por essa Imagem de fundo?
params.ini: ISSO É EDITÁVEL PELO BACKEND...
templateTheme=theme
showComponent=1
showBanner=1
lmrLayout=1
backgroundColor=4f4f4f
headerColor=996633
primaryColor=FFFFFF
secondaryColor=
bannerColor=
fontColor=333333
index.php:
<?php
/**
* @copyright Copyright (C) 2008 [url=http://joomlapanel.com" onclick="window.open(this.href);return false;]http://joomlapanel.com[/url]. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" www.w3.org/1999/xhtml " xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template ?>/css/<?php echo $this->params->get('templateTheme'); ?>.css" type="text/css" />
<?php
if(($this->countModules('left') == 0) && ($this->countModules('right') == 0)) { ?>
<style type="text/css">#mainbody{width:100%} #content{width:100%;} </style>
<?php } ?>
<?php
if(($this->countModules('left') >= 1) && ($this->countModules('right') == 0)) { ?>
<style type="text/css">#mainbody{width:100%}</style>
<?php } ?>
<?php
if(($this->countModules('left') == 0) && ($this->countModules('right') >= 1)) { ?>
<style type="text/css">#content{width:100%;} </style>
<?php } ?>
<?php if($this->params->get('lmrLayout')) : ?>
<style type="text/css">
#sidebar{float:left;} #content{float:right;}
</style>
<?php endif; ?>
<?php
if($this->params->get('fontColor') == ""){ ?>
<?php }
else { ?>
<style type="text/css">
body {color:#<?php echo $this->params->get('fontColor'); ?>;}
</style>
<?php } ?>
<?php
if($this->params->get('headerColor') == ""){ ?>
<?php } else { ?>
<style type="text/css"> h1, .componentheading, h3{color:#<?php echo $this->params->get('headerColor'); ?>;} </style>
<?php } ?>
<?php
if($this->params->get('bannerColor') == ""){ ?>
<?php } else { ?>
<style type="text/css"> #banner{background-color:#<?php echo $this->params->get('bannerColor'); ?>;} </style>
<?php } ?>
<?php
if($this->params->get('primaryColor') == ""){ ?>
<?php } else { ?>
<style type="text/css"> #wrapper, #system-debug{background-color:#<?php echo $this->params->get('primaryColor'); ?>;} </style>
<?php } ?>
<?php
if($this->params->get('secondaryColor') == ""){ ?>
<?php } else { ?>
<?php } ?>
</head>
<?php
if($this->params->get('backgroundColor') == ""){ ?>
<body>
<?php }
else { ?>
<body style="background-image:none; background-color:#<?php echo $this->params->get('backgroundColor'); ?>">
<?php } ?>
<div id="wrapper">
<div class="inside">
<div id="header">
<div class="inside">
<a href="<?php echo $mainframe->getCfg('live_site'); ?>" id="logo" title="<?php echo $mainframe->getCfg('sitename'); ?>"></a>
<div id="navigation">
<jdoc:include type="modules" name="search" />
</div>
<div class="clr"></div>
</div>
<?php if (($this->countModules('banner')) || ($this->countModules('login'))) : ?>
<div id="jp-advert">
<div class="inside">
<div id="jp1-advert">
<jdoc:include type="modules" name="banner" />
</div>
<div id="login">
<jdoc:include type="modules" name="login" />
</div>
</div>
</div>
<div class="clr"></div>
<?php endif; ?>
<div id="jp-nav">
<jdoc:include type="modules" name="top" />
</div>
<div class="clr"></div>
<div id="container">
<div class="inside2">
<div id="whitebox_t">
<div id="whitebox_tl">
<div id="whitebox_tr"></div>
</div>
</div>
<div id="whitebox_m">
<div id="area">
<jdoc:include type="message" />
<div id="message">
<jdoc:include type="message" />
<div class="clr"></div>
</div>
<div id="mainbody">
<div id="content">
<?php if (($this->countModules('user1')) || ($this->countModules('user2'))) : ?>
<table width="100%" id="top">
<tr >
<?php if ($this->countModules('user1')) : ?>
<td valign="top">
<jdoc:include type="modules" name="user1" style="xhtml"/>
</td>
<?php endif; ?>
<?php if ($this->countModules('user2')) : ?>
<td class="seperator"> </td>
<td>
<jdoc:include type="modules" name="user2" style="xhtml"/>
</td>
<?php endif; ?>
</tr>
</table>
<?php endif; ?>
<?php if($this->params->get('showComponent')) : ?>
<jdoc:include type="component" />
<?php endif; ?>
</div>
<?php if ($this->countModules('left')) : ?>
<div id="jp-left">
<jdoc:include type="modules" name="left" style="xhtml"/>
</div>
<?php endif; ?>
<div class="clr"></div>
</div>
<?php if ($this->countModules('right')) : ?>
<div id="jp-right">
<jdoc:include type="modules" name="right" style="xhtml"/>
</div>
<?php endif; ?>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div id="whitebox_b">
<div id="whitebox_bl">
<div id="whitebox_br"></div>
</div>
</div>
</div>
<div id="jp-bottom">
<jdoc:include type="modules" name="footer" />
<div align="center"><a href=" joomlapanel.com " target="_blank">Support by JoomlaPanel</a></div>
</div>
<div id="debug">
<div class="clr">
<jdoc:include type="modules" name="debug" />
</div>
</div>
</body>
</html>
templateTheme=theme
showComponent=1
showBanner=1
lmrLayout=1
backgroundColor=4f4f4f
headerColor=996633
primaryColor=FFFFFF
secondaryColor=
bannerColor=
fontColor=333333
index.php:
<?php
/**
* @copyright Copyright (C) 2008 [url=http://joomlapanel.com" onclick="window.open(this.href);return false;]http://joomlapanel.com[/url]. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" www.w3.org/1999/xhtml " xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template ?>/css/<?php echo $this->params->get('templateTheme'); ?>.css" type="text/css" />
<?php
if(($this->countModules('left') == 0) && ($this->countModules('right') == 0)) { ?>
<style type="text/css">#mainbody{width:100%} #content{width:100%;} </style>
<?php } ?>
<?php
if(($this->countModules('left') >= 1) && ($this->countModules('right') == 0)) { ?>
<style type="text/css">#mainbody{width:100%}</style>
<?php } ?>
<?php
if(($this->countModules('left') == 0) && ($this->countModules('right') >= 1)) { ?>
<style type="text/css">#content{width:100%;} </style>
<?php } ?>
<?php if($this->params->get('lmrLayout')) : ?>
<style type="text/css">
#sidebar{float:left;} #content{float:right;}
</style>
<?php endif; ?>
<?php
if($this->params->get('fontColor') == ""){ ?>
<?php }
else { ?>
<style type="text/css">
body {color:#<?php echo $this->params->get('fontColor'); ?>;}
</style>
<?php } ?>
<?php
if($this->params->get('headerColor') == ""){ ?>
<?php } else { ?>
<style type="text/css"> h1, .componentheading, h3{color:#<?php echo $this->params->get('headerColor'); ?>;} </style>
<?php } ?>
<?php
if($this->params->get('bannerColor') == ""){ ?>
<?php } else { ?>
<style type="text/css"> #banner{background-color:#<?php echo $this->params->get('bannerColor'); ?>;} </style>
<?php } ?>
<?php
if($this->params->get('primaryColor') == ""){ ?>
<?php } else { ?>
<style type="text/css"> #wrapper, #system-debug{background-color:#<?php echo $this->params->get('primaryColor'); ?>;} </style>
<?php } ?>
<?php
if($this->params->get('secondaryColor') == ""){ ?>
<?php } else { ?>
<?php } ?>
</head>
<?php
if($this->params->get('backgroundColor') == ""){ ?>
<body>
<?php }
else { ?>
<body style="background-image:none; background-color:#<?php echo $this->params->get('backgroundColor'); ?>">
<?php } ?>
<div id="wrapper">
<div class="inside">
<div id="header">
<div class="inside">
<a href="<?php echo $mainframe->getCfg('live_site'); ?>" id="logo" title="<?php echo $mainframe->getCfg('sitename'); ?>"></a>
<div id="navigation">
<jdoc:include type="modules" name="search" />
</div>
<div class="clr"></div>
</div>
<?php if (($this->countModules('banner')) || ($this->countModules('login'))) : ?>
<div id="jp-advert">
<div class="inside">
<div id="jp1-advert">
<jdoc:include type="modules" name="banner" />
</div>
<div id="login">
<jdoc:include type="modules" name="login" />
</div>
</div>
</div>
<div class="clr"></div>
<?php endif; ?>
<div id="jp-nav">
<jdoc:include type="modules" name="top" />
</div>
<div class="clr"></div>
<div id="container">
<div class="inside2">
<div id="whitebox_t">
<div id="whitebox_tl">
<div id="whitebox_tr"></div>
</div>
</div>
<div id="whitebox_m">
<div id="area">
<jdoc:include type="message" />
<div id="message">
<jdoc:include type="message" />
<div class="clr"></div>
</div>
<div id="mainbody">
<div id="content">
<?php if (($this->countModules('user1')) || ($this->countModules('user2'))) : ?>
<table width="100%" id="top">
<tr >
<?php if ($this->countModules('user1')) : ?>
<td valign="top">
<jdoc:include type="modules" name="user1" style="xhtml"/>
</td>
<?php endif; ?>
<?php if ($this->countModules('user2')) : ?>
<td class="seperator"> </td>
<td>
<jdoc:include type="modules" name="user2" style="xhtml"/>
</td>
<?php endif; ?>
</tr>
</table>
<?php endif; ?>
<?php if($this->params->get('showComponent')) : ?>
<jdoc:include type="component" />
<?php endif; ?>
</div>
<?php if ($this->countModules('left')) : ?>
<div id="jp-left">
<jdoc:include type="modules" name="left" style="xhtml"/>
</div>
<?php endif; ?>
<div class="clr"></div>
</div>
<?php if ($this->countModules('right')) : ?>
<div id="jp-right">
<jdoc:include type="modules" name="right" style="xhtml"/>
</div>
<?php endif; ?>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div id="whitebox_b">
<div id="whitebox_bl">
<div id="whitebox_br"></div>
</div>
</div>
</div>
<div id="jp-bottom">
<jdoc:include type="modules" name="footer" />
<div align="center"><a href=" joomlapanel.com " target="_blank">Support by JoomlaPanel</a></div>
</div>
<div id="debug">
<div class="clr">
<jdoc:include type="modules" name="debug" />
</div>
</div>
</body>
</html>
Sites Dinâmicos
[url:300s9oc2]http://www.lifeagenciaweb.com[/url:300s9oc2]
[b:300s9oc2]"Aprenda, mas compartilhe!
Vamos crescer juntos!"[/b:300s9oc2]
Please Entrar ou Registrar to join the conversation.