- Postagens: 108
- Obrigados Recebidos: 0
Dúvida sobre CSS...
- pedraodahora
-
Autor do Tópico
- Offline
- JCB! Senior
-
Menos
Mais
14 anos 11 meses atrás #39987
por pedraodahora
Aprenda. Divulgue. Compartilhe o conhecimento. Faça parte do grupo de pessoas que transformaram um CMS em uma filosofia.
[color=#0080FF:184gf06t]Joomla - Todos Juntos[/color:184gf06t]
pedraodahora created the topic: Dúvida sobre CSS...
Olá
Estou com uma pequena duvida...
Gostaria de inserir um Box CSS semelhante a esses
http://demo.joomplace.com/index.php?opt ... &Itemid=41
me refiro a esses com titulo azul e tudo
Entao...eu até consegui...
eu fiz assim...
Como nao manjo de CSS eu copiei um pouco o CSS do site e colei uma parte dele num artigo
e o box até que ficou...mas reparem nessa linha...
<link href=" demo.joomplace.com//templates/simple/css/template.css " type="text/css"
isso quer dizer que ele está se conectando nesse site e pegando seu CSS(acredito eu)
Aí eu peguei o CSS do site e salvei no computador e mudei essa linha para o caminho onde eu salvei...e aí é que está...
quando ele se conectava ao site dava certo,mas agora quando ele se conecta localmente o box nao aparece perfeitamente
CSS do site:
Alguém poderia me explicar como faço para o CSS funcionar local?
Desde já agradeço
Estou com uma pequena duvida...
Gostaria de inserir um Box CSS semelhante a esses
http://demo.joomplace.com/index.php?opt ... &Itemid=41
me refiro a esses com titulo azul e tudo
Entao...eu até consegui...
eu fiz assim...
Como nao manjo de CSS eu copiei um pouco o CSS do site e colei uma parte dele num artigo
<p style="text-align: justify;"> </p>
<p style="text-align: justify;"> </p>
<div class="main_part" style="width: 535px; height: 247px;">
<div class="module_flexRcHdr">
<h3><span style="color: #ffffff;">Teste de Caixa de Texto</span></h3>
<div class="content_wrapper">.
<p style="clear: both;">Testando<!--x--></p>
<blockquote></blockquote>
</div>
</div>
<div class="mb_wrapper"><strong align="center"> </strong></div>
<div class="bottom" id="seebelow"></div>
</div>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;"> </p>
<p> </p>
<meta content="index, follow" name="robots" />
<meta content="JoomPlace demo site, professional joomla extensions, componens and modules" name="keywords" />
<meta content="JoomPlace demo site, professional joomla extensions, componens and modules" name="description" />
<meta content="Joomla! 1.5 - Open Source Content Management" name="generator" />
<link href="../favicon.ico" type="image/x-icon" rel="shortcut icon" />
<link href="http://demo.joomplace.com//templates/simple/css/template.css" type="text/css" rel="stylesheet" />
<div id="all_page">
<div class="breadcrumbs"></div>
<div class="content L"></div>
</div>
e o box até que ficou...mas reparem nessa linha...
<link href=" demo.joomplace.com//templates/simple/css/template.css " type="text/css"
isso quer dizer que ele está se conectando nesse site e pegando seu CSS(acredito eu)
Aí eu peguei o CSS do site e salvei no computador e mudei essa linha para o caminho onde eu salvei...e aí é que está...
quando ele se conectava ao site dava certo,mas agora quando ele se conecta localmente o box nao aparece perfeitamente
CSS do site:
/* = Common
----------------------------------------*/
html,body{ margin: 0; padding:0; width: 100%; height: 100%; color: #093f65; font: 62.5% Verdana, Arial, Helvetica, sans-serif; }
a{ color: #588cbe; text-decoration: none; cursor: pointer; }
a:hover{ text-decoration: underline; }
img{ border: none; font-size: 10px;}
fieldset{ border: none; margin: 0; padding: 0; text-align: left; width: 100%; }
fieldset div{ width: 100%; overflow: hidden; }
fieldset .small{ text-align: left !important; padding-bottom: 5px; }
form{ padding: 0; margin: 0; }
/*query carousel*/
/* initial styles */
#carousel {margin:0; padding:0;list-style-image:none;list-style-position:outside;list-style-type:none;}
#carousel li {margin:0; padding:0;background:none;}
/* work styles */
.crsl_cont {overflow:hidden;}
.crsl_paging {margin:10px 0;}
.crsl_text {text-align:right; padding: 0 10px 0 0;margin-right:50px; font-weight:bold;}
.crsl_buttons {float:right; width:50px;}
.crsl_prev,
.crsl_next {cursor:pointer; width:21px; height:21px;display:block;float:left;text-indent:-9999px;}
.crsl_prev {background: url(../images/crsl_buttons.png) no-repeat 0 0;}
.crsl_prev:hover {background: url(../images/crsl_buttons.png) no-repeat 0 -21px;}
.crsl_next {background: url(../images/crsl_buttons.png) no-repeat -21px 0;}
.crsl_next:hover {background: url(../images/crsl_buttons.png) no-repeat -21px -21px;}
.crsl_buttons .disabled {cursor:default !important; color:#aaa; background-image: url(../images/crsl_buttons_disabled.png);}
.crsl_cont #carousel li {float:left;overflow:hidden;}
/*end query carousel*/
/* Tooltips */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
z-index: 50;
}
.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../images/selector-arrow.png) no-repeat;
}
/*new box*/
.box_page{overflow:hidden; margin: 0 -13px 0 0;}
.box_page a{display:block; width:200px; height:200px; padding:5px 0 0 0; float:left; border: solid 1px #d9d9d9; border-bottom: solid 2px #d9d9d9; color:#333333; margin: 0 13px 11px 0; overflow:hidden; font-family:Tahoma;}
.box_page a:hover{border: solid 1px #2578be; border-bottom: solid 2px #2578be; color:#333333; text-decoration:none;}
.box_page a img{display:block; margin: 0 auto;}
.box_page a strong{color:#176eb9; display:block; text-align:center; line-height:normal; padding:3px 0 5px; font-size:13px;}
.box_page a span{text-align:center; display:block; line-height:normal; padding:0 10px; font-size:13px; color:#737373}
.box_page a:hover span{color:#000}
.all_c{margin-top:15px; position:absolute; z-index:1;}
h1{ font-size: 16px; margin: 0; padding: 0; }
h2{ font-size: 14px; margin: 0; padding: 0; }
h3{ font-size: 12px; margin: 0; padding: 0; }
h4{ font-size: 11px; margin: 0; padding: 0; }
h5{ font-size: 10px; margin: 0; padding: 0; }
h6{ font-size: 10px; margin: 0; padding: 0; }
p{ padding: 2px 0 7px 0; margin: 0; }
ul{ padding: 0; margin: 20px; }
.clr{ clear: both; }
.button{ cursor: pointer; }
/* = Framework
----------------------------------------*/
body{ background: #ffffff; font-size: 1.2em; }
#all_page{ margin: auto; width: 960px; height: auto !important; height: 100%; min-height: 100%; }
.header{ position: relative; z-index: 100; height: 142px; }
.header .ph_1{ position: absolute; left: 30px; top: 15px; }
.header .ph_2{ position: absolute; right: 0; top: 18px; }
.header .ph_3{ position: absolute; right: 0; top: 37px; }
.header .ph_4{ position: absolute; right: 0; top: 60px; }
.header .ph_5{ position: absolute; left: 0; top: 115px; width: 100%; }
.add_to_cart_short {
background:url("../images/add_to_cart_short.png") no-repeat scroll left top transparent;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-family:Tahoma;
font-size:11px;
height:24px;
padding:0 0 3px;
text-align:center;
text-transform:uppercase;
width:88px;
}
.content{ padding: 25px 0 40px 0; }
.content_inner{ padding-bottom: 40px; background: url(../images/framework/gradient.gif) repeat-x left bottom; overflow:hidden;}
.main_part{ float: left; width: 100%; /*font-size: 1.1em;line-height:136%;*/}
.R .main_part{ width: 735px; }
.L .main_part{ width: 715px; }
.LR .main_part{ width: 490px; }
.right_part{ float: left; display: inline; margin-left: 20px; width: 205px; }
.left_part{ float: left; display: inline; margin-right: 20px; width: 225px; }
.footer{ position: relative; height: 80px; width: 960px; margin: -80px auto 0 auto; }
.footer .ph_1{ position: absolute; left: 0; top: 15px; width: 100%; }
.footer .ph_2{ position: absolute; left: 0; top: 43px; width: 100%; }
.footer .ph_3{ position: absolute; left: 0; top: 63px; width: 100%; }
/* = Joomla (common)
----------------------------------------*/
textarea { color: #333333;border: solid 1px #dcdcdc; background:#fff url(../images/framework/gradient_2.gif) repeat-x left bottom;}
.textarea {border: solid 1px #dcdcdc !important;}
input[type="text"],
input[type="password"]{ color: #333333; width: 130px; height: 19px; border: solid 1px #dcdcdc; background: url(../images/framework/gradient_2.gif) repeat-x left bottom; }
.moduletable_login input[type="text"],
.moduletable_login input[type="password"]{height: 23px;}
.contentpaneopen {width:100%;}
.componentheading{ height: 25px; line-height: 25px; padding: 0 10px; background: url(../images/modules/tab_3_w.png) no-repeat left top; color: #ffffff; font-weight: bold; margin-bottom: 10px; }
.R .componentheading{ background: url(../images/modules/tab_3_n.png) no-repeat left top; }
.L .componentheading{ background: url(../images/modules/tab_4_n.png) no-repeat left top; }
.contentheading{ background: url(../images/modules/pattern.gif) repeat-x left bottom; padding: 0 10px 10px 10px; color: #588cbe; font-weight: bold; margin-bottom: 10px; }
.small{ color: #999999; font-size: 0.9em; }
.createdate{ color: #999999; font-size: 0.9em; padding-bottom: 15px; }
.sectiontableheader, .tablestyle1 th {background:#5CA4DF url(../images/modules/dot_line.gif) repeat-x scroll left bottom;color:#FFFFFF;padding:3px;}
.sectiontableheader2 {background:#F5F8EF url(../images/modules/dot_line.gif) repeat-x scroll left bottom;color:#8CAD3A;font-weight:bold;padding:5px 3px;}
.sectiontableentry1 td, .tablestyle1 td {background:transparent url(../images/modules/dot_line.gif) repeat-x scroll left bottom;padding:5px 3px;}
.sectiontableentry1:hover td, .tablestyle1 tr:hover td, .tablestyle1 .subheader {background-color:#F5F8EE;}
.sectiontableentry2 td {background:#F1F1F1 url(../images/modules/dot_line.gif) repeat-x scroll left bottom;padding:5px 3px;}
.sectiontableentry2:hover td {background-color:#F5F8EE;}
/*.button{height: 21px; padding:0 0 21px 0; border: solid 1px #dcdcdc; background: url(../images/framework/gradient_3.gif) repeat-x left top; }*/ /*tom:WTF?*/
.button{ color: #333333; height: 21px; line-height: 21px; border: solid 1px #dcdcdc; background: url(../images/framework/gradient_2.gif) repeat-x left top; }
/* = Joomla modules
----------------------------------------*/
.module_flexRcHdr{ margin-bottom: 25px; font-size: 0.9em; }
.module_flexRcHdr h3{ height: 25px; line-height: 25px; background: url(../images/modules/tab_2_l.png) no-repeat left top; }
.module_flexRcHdr h3 span{ display: block; color: #ffffff; text-transform: uppercase; padding: 0 10px; background: url(../images/modules/tab_2_r.png) no-repeat right top; }
.module_flexRcHdr .content_wrapper{ border: solid 1px #e5e5e5; padding: 12px 6px; }
.module_flexRcHdr ul{ margin: 0; padding: 0; list-style: none; }
.module_flexRcHdr ul ul{margin:10px 0 10px 20px}
.module_flexRcHdr ul li{ background: url(../images/modules/dot_line_x.gif) repeat-x left bottom; padding-bottom: 9px; margin-bottom: 9px; }
.module_flexRcHdr ul ul li{ background: none; padding-bottom: 3px; margin-bottom: 3px; }
.module_flexRcHdr ul li a{ display: block; padding-left: 20px; background: url(../images/modules/list_bullet_2.gif) no-repeat 5px 4px; }
.module_flexRcHdr ul ul li a{ display: block; padding-left: 20px; background: url(../images/modules/list_bullet.gif) no-repeat 5px 4px; }
.module_flexRcHdr .contentheading{ background: none; height: auto; line-height: normal; padding: 0; }
.module_flexRcHdr .poll td, .poll div{ text-align: left; }
.module_flexRcHdr .poll .pollstableborder tr{ display: block; padding: 2px 0; }
.module_flexRcHdr .poll .pollstableborder input{ margin-right: 10px; }
.module_flexRcHdr .sectiontableentry2{ background: none; }
.module_flexRcHdr_s1{ margin-bottom: 25px; font-size: 0.9em; }
.module_flexRcHdr_s1 h3{ height: 25px; line-height: 25px; background: url(../images/modules/tab_3_l.png) no-repeat left top; }
.module_flexRcHdr_s1 h3 span{ display: block; color: #ffffff; text-transform: uppercase; padding: 0 10px; background: url(../images/modules/tab_3_r.png) no-repeat right top; }
.module_flexRcHdr_s1 .content_wrapper{ border: solid 1px #e5e5e5; padding: 12px 6px; }
.module_flexRcHdr_s1 ul{ margin: 0; padding: 0; list-style: none; }
.module_flexRcHdr_s1 ul ul{margin:10px 0 10px 20px}
.module_flexRcHdr_s1 ul li{ background: url(../images/modules/dot_line_x.gif) repeat-x left bottom; padding-bottom: 9px; margin-bottom: 9px; }
.module_flexRcHdr_s1 ul li a{ display: block; padding-left: 20px; background: url(../images/modules/list_bullet_2.gif) no-repeat 5px 4px; }
.module_flexRcHdr_s1 .poll_s1 td, .poll_s1 div{ text-align: left; }
.module_flexRcHdr_s1 .poll_s1 .pollstableborder_s1 tr{ display: block; padding: 2px 0; }
.module_flexRcHdr_s1 .poll_s1 .pollstableborder_s1 input{ margin-right: 10px; }
.module_flexRcHdr_s2{ margin-bottom: 25px; font-size: 0.9em; }
.module_flexRcHdr_s2 h3{ height: 35px; line-height: 35px; background: url(../images/modules/pattern.gif) repeat-x left bottom; }
.module_flexRcHdr_s2 h3 span{ display: block; color: #588cbe; padding: 0 10px; }
.module_flexRcHdr_s2 .content_wrapper{ padding: 12px 6px; }
.module_flexRcHdr_s2 ul{ margin: 0; padding: 0; list-style: none; }
.module_flexRcHdr_s2 ul ul{margin:10px 0 10px 20px}
.module_flexRcHdr_s2 ul li{ background: url(../images/modules/dot_line_x.gif) repeat-x left bottom; padding-bottom: 9px; margin-bottom: 9px; }
.module_flexRcHdr_s2 ul li a{ display: block; padding-left: 20px; background: url(../images/modules/list_bullet_2.gif) no-repeat 5px 4px; }
.module_flexRcHdr_s2 .poll_s2 td, .poll_s2 div{ text-align: left; }
.module_flexRcHdr_s2 .poll_s2 .pollstableborder_s2 tr{ display: block; padding: 2px 0; }
.module_flexRcHdr_s2 .poll_s2 .pollstableborder_s2 input{ margin-right: 10px; }
.module_flexRcHdr_joms{ margin-bottom: 25px; font-size: 0.9em; margin-top:20px;}
.module_flexRcHdr_joms h3{ height: 25px; line-height: 25px; background: url(../images/modules/tab_2_l.png) no-repeat left top; }
.module_flexRcHdr_joms h3 span{ display: block; color: #ffffff; text-transform: uppercase; padding: 0 10px; background: url(../images/modules/tab_2_r.png) no-repeat right top; }
.module_flexRcHdr_joms .content_wrapper{ border: solid 1px #e5e5e5; padding: 12px 6px; }
.module_flexRcHdr_joms ul{ margin: 0; padding: 0; list-style: none; }
.module_flexRcHdr_joms ul ul{margin:10px 0 10px 20px}
.module_flexRcHdr_joms ul li{ background: url(../images/modules/dot_line_x.gif) repeat-x left bottom; padding-bottom: 9px; margin-bottom: 9px; }
.module_flexRcHdr_joms ul ul li{ background: none; padding-bottom: 3px; margin-bottom: 3px; }
.module_flexRcHdr_joms ul li a{ display: block; padding-left: 20px; background: url(../images/modules/list_bullet_2.gif) no-repeat 5px 4px; }
.module_flexRcHdr_joms ul ul li a{ display: block; padding-left: 20px; background: url(../images/modules/list_bullet.gif) no-repeat 5px 4px; }
.module_flexRcHdr_joms .contentheading{ background: none; height: auto; line-height: normal; padding: 0; }
.module_flexRcHdr_joms .poll td, .poll div{ text-align: left; }
.module_flexRcHdr_joms .poll .pollstableborder tr{ display: block; padding: 2px 0; }
.module_flexRcHdr_joms .poll .pollstableborder input{ margin-right: 10px; }
.module_flexRcHdr_joms .sectiontableentry2{ background: none; }
.main_part .content_wrapper ul li{ display: block; padding-left: 20px; background: url(../images/modules/list_bullet_2.gif) no-repeat 5px 4px; border:0; margin:0}
.ph_1 h2{ position: relative; width: 405px; height: 76px; overflow: hidden; }
.ph_1 h2 a{ position: absolute; width: 100%; height: 100%; background: url(../images/framework/logo.jpg) no-repeat left top;}
.moduletable_tmenu{ padding-right: 30px; }
.moduletable_tmenu ul{ margin: 0; padding: 0; list-style: none; float: left; display: inline; overflow: hidden; margin-right: -10px; }
.moduletable_tmenu ul li{ float: left; border-left: solid 2px #999999; margin-left: -2px; padding: 0 10px; }
.moduletable_tmenu ul li a{ color: #5185b8; font-size: 0.9em; }
.moduletable_contact{ padding-right: 30px; color: #123b54; font-weight: bold; font-size: 1.1em; }
.moduletable_login{}
.moduletable_login ul{ margin: 0; padding: 0; list-style: none; }
.moduletable_login ul li{ float: left; padding: 0 2px; }
.moduletable_login ul li#form-login-register{ height: 21px; line-height: 21px; padding: 0 10px; }
.moduletable_login ul li#form-login-register a{ color: #fc9200; font-weight: bold; }
.moduletable_login ul li input{ padding: 0; }
.moduletable_login ul li input.button{ height: 23px; }
.moduletable_login ul li#form-login-login div{ border: solid 1px #dcdcdc; background: url(../images/framework/gradient_3.gif) repeat-x left top; padding: 0 10px; }
.moduletable_login ul li#form-login-login .button{ font-size: 0.9em; color: #fe8d13; width: 65px; text-transform: uppercase; border: none; background: url(../images/modules/arrow.gif) no-repeat right center; text-align: left; }
.moduletable_login ul li#form-login-greeting div{ float: left; height: 23px; line-height: 23px; padding-right: 15px; }
.moduletable_login ul li#form-login-logout div{ border: solid 1px #dcdcdc; background: url(../images/framework/gradient_3.gif) repeat-x left top; padding: 0 10px; }
.moduletable_login ul li#form-login-logout div .button{ font-size: 0.9em; color: #fe8d13; width: 65px; text-transform: uppercase; border: none; background: url(../images/modules/arrow.gif) no-repeat right center; text-align: left; }
#mod_loginform {line-height:19px;}
#mod_loginform .button {color: #fe8d13;width: 75px; text-transform: uppercase; background: url(../images/modules/arrow.gif) no-repeat 94% center; text-align: left;padding:0 2px;}
#mod_loginform input, #mod_loginform .button {height:auto; line-height:auto; }
/* main menu >> */
.moduletable_mmenu{ width: 100%; }
.moduletable_mmenu ul{ margin: 0; padding: 0; list-style: none; float: left; width: 100%; background: url(../images/modules/dot.gif) repeat-x left bottom; }
.moduletable_mmenu ul li{ float: left; display: inline; height: 21px; line-height: 21px; margin: 0 20px; position:relative;}
.moduletable_mmenu ul li a{ color: #0066a4; font-weight: bold; text-transform: uppercase; font-size: 0.9em; display: block; }
.moduletable_mmenu ul li a span{ background: url(../images/modules/list_bullet.gif) no-repeat left 3px; padding-left: 10px; }
.moduletable_mmenu ul li.active{ background: url(../images/modules/tab_l.png) no-repeat left top; margin: 0; }
.moduletable_mmenu ul li.active a{ background: url(../images/modules/tab_r.png) no-repeat right top; padding: 0 20px; }
.moduletable_mmenu ul li.active ul a{ background: none; padding: 0; }
.moduletable_mmenu ul ul li.active{ background: none; }
.moduletable_mmenu ul li:hover ul,
.moduletable_mmenu ul li.jshover ul{ display: block; }
.moduletable_mmenu ul ul{ position: absolute; left: 5px; top: 21px; padding: 7px 0; display: none; width: 200px; background: #fff; border: solid 1px #b7b7b7; border-top:0; padding:10px 5px;}
.moduletable_mmenu ul ul li{ margin: 0; border-bottom: dotted 1px #b7b7b7; padding: 5px 0; height: auto; line-height: normal; width:200px;}
.moduletable_mmenu ul ul li.last{ border: none; }
.moduletable_mmenu ul ul li a{ padding: 3px 5px; color: #597587; text-transform: none; font-weight: normal; }
.moduletable_mmenu ul ul li a span{ padding: 0; background: none; }
.moduletable_mmenu ul li:hover ul ul, .moduletable_mmenu ul li.jshover ul ul{ display: none; }
.moduletable_mmenu ul ul li:hover ul, .moduletable_mmenu ul ul li.jshover ul{ display: block; left:190px;top:0; z-index:20; border: solid 1px #b7b7b7;}
/* << main menu */
.moduletable_fmenu{ width: 100%; }
.moduletable_fmenu ul{ margin: 0; padding: 0; list-style: none; text-align: center; }
.moduletable_fmenu ul li{ padding: 0 10px; display: inline; border-left: solid 1px #b4b4b4; }
.moduletable_fmenu ul li.first{ border: none; }
.moduletable_fmenu ul li a{ text-transform: uppercase; font-size: 0.9em; }
.moduletable_fmenu2{ width: 100%; }
.moduletable_fmenu2 ul{ margin: 0; padding: 0; list-style: none; text-align: center; }
.moduletable_fmenu2 ul li{ display: inline; padding: 0 10px; border-left: solid 1px #b4b4b4; }
.moduletable_fmenu2 ul li.first{ border: none; }
.moduletable_fmenu2 ul li a{ color: #7e7e7e; font-size: 0.9em; }
.moduletable_copyr{ width: 100%; text-align: center; color: #666666; font-size: 0.8em; }
/*addone*/
.main_part ul{list-style-image:url(../images/modules/list_bullet_2.gif); margin:20px 0 20px 2em;}
.main_part ul li{/*background: url(../images/modules/list_bullet_2.gif) 3px 4px no-repeat; padding: 0 0 0 20px;*/ }
.main_part ul ul {list-style-image:url(../images/modules/list_bullet.gif);}
.main_part ul ul li{/*background: url(../images/modules/list_bullet.gif) 3px 4px no-repeat;*/}
.main_part .moduletable h3 {margin:2em 0 1em;}
/* System Standard Messages */
#system-message { margin-bottom: 20px; }
#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}
/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}
/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}
/* System Messages */
#system-message { margin-bottom: 10px; 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; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}
/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message { }
/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
Alguém poderia me explicar como faço para o CSS funcionar local?
Desde já agradeço
Aprenda. Divulgue. Compartilhe o conhecimento. Faça parte do grupo de pessoas que transformaram um CMS em uma filosofia.
[color=#0080FF:184gf06t]Joomla - Todos Juntos[/color:184gf06t]
Please Entrar ou Registrar to join the conversation.
- fabio barros
-
- Offline
- JCB! Novato
-
Menos
Mais
- Postagens: 4
- Obrigados Recebidos: 0
- fabio barros
-
- Offline
- JCB! Novato
-
Menos
Mais
- Postagens: 4
- Obrigados Recebidos: 0
14 anos 10 meses atrás #41319
por fabio barros
fabio barros replied the topic: Re: Dúvida sobre CSS...
Simples, crie um arquivo css e faça um link para ele no início da página, ou aponte certo para o arquivo... seu site está localhost ou na web?
Se estiver na web, coloque o caminho completo de onde está o arquivo...
Se estiver local, jogue ele para uma pasta nível 1 - /css/arquivo.css
ou nível 2 ../css/arquivo.css
Abraços.
Se estiver na web, coloque o caminho completo de onde está o arquivo...
Se estiver local, jogue ele para uma pasta nível 1 - /css/arquivo.css
ou nível 2 ../css/arquivo.css
Abraços.
Please Entrar ou Registrar to join the conversation.
- fabio barros
-
- Offline
- JCB! Novato
-
Menos
Mais
- Postagens: 4
- Obrigados Recebidos: 0