acabei de entrar no site e quero resolver algumas coisas no código do meu blog:
a linguagem e xhtml/cc e a barra de rolagem não muda!
Além disso, quero saber como justifico o texto do meu post e ajusto ele sem interferir na sidebar;
e também outra coisa: usei tabelas para "fechar" a página, mas queria que houvesse um espaço no topo e também no rodapé, aparecendo o background.
Espero que tenham me compreendido e possam me ajudar.
Aqui está o código:
[codebox]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="barralg.css" rel="stylesheet" type="text/css">
<STYLE type="text/css">
#b-navbar {
height:0px;
visibility:hidden;
display:none
}
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
p, body, td, tr, div {
scrollbar-face-color: #660066;
scrollbar-highlight-color: #CCCCCC;
scrollbar-3dlight-color: #660066;
scrollbar-darkshadow-color: #660066;
scrollbar-shadow-color: #CCCCCC;
scrollbar-arrow-color: #CCCCCC;
scrollbar-track-color: #CCCCCC;
font-style: normal;
font-weight: normal;
font-size: 12px;
color: #5F2D8C;
font-family: tahoma;
line-height: 12px;
}
a.classe1:link{
color:#7E1941;
background-color:#CCCCCC;
text-decoration:none;
}
a.classe1:visited{
color:#CCCCFF;
background-color:#545454;
text-decoration:none;
}
a.classe1:active{
color:#EB5477;
text-decoration:none;
}
a.classe1:hover {
text-decoration: none;
color: #8A4919;
background: #FFFFFF;
cursor: crosshair;
width: 100%
}
a.classe2:link{
color:#7E1941;
text-decoration:none;
}
a.classe2:visited{
color:#CCCCFF;
text-decoration:none;
}
a.classe2:active{
color:#EB5477;
text-decoration:none;
}
a.classe2:hover {
text-decoration: none;
color: #8A4919;
background: #FFFFFF;
cursor: crosshair;
width: 100%
}
u{
cursor:crosshair;
color:#F0CD9B;
border-bottom:2px double #8A4819;
}
b{
color: #753E15; cursor: crosshair;
}
i{
text-decoration:italic; color: #FFFBD9; cursor: crosshair;
}
TEXTAREA, INPUT {
BORDER-RIGHT: #8A4819 1px solid;
BORDER-TOP: #8A4819 1px solid;
FONT-SIZE: 11px;
BORDER-LEFT: #8A4819 1px solid;
COLOR: #8A4819;
BORDER-BOTTOM: #8A4819 1px solid;
BACKGROUND-COLOR: #F4DEBD;
}
.blogimage:hover {
border: 1px solid #585A32;
background-color: #CC9900;
padding:5px 5px 5px 5px;
margin:2px 2px 2px 2px;
}
#sidebar {
/** largura **/
width: 130px;
/** distância do canto **/
padding-left: 5px;
/** posição da div **/
float: right;
}
.tabela1 {
text-transform: uppercase;
font-family :verdana;
color: #FFFFFF;
font-size:10px;
letter-spacing:0px;
line-height:13px;
font-weight:bold;
border-bottom: 1px solid #615579;
border-top: 0px solid #ffffff;
text-align: center;
padding-top: 2px;
padding-bottom: 0px;
background-color: #615579;}
.tabela2 {
text-transform: uppercase;
font-family :verdana;
color: #FFFFFF;
font-size:10px;
letter-spacing:0px;
line-height:13px;
font-weight:bold;
border-bottom: 1px solid #615579;
border-top: 0px solid #ffffff;
text-align: center;
padding-top: 2px;
padding-bottom: 0px;
background-color: #615579;}
.tabela3 {
text-transform: uppercase;
font-family :verdana;
color: #FFFFFF;
font-size:10px;
letter-spacing:0px;
line-height:13px;
font-weight:bold;
border-bottom: 1px solid #615579;
border-top: 0px solid #ffffff;
text-align: center;
padding-top: 2px;
padding-bottom: 0px;
background-color: #615579;}
.tabela4 {
text-transform: uppercase;
font-family :verdana;
color: #FFFFFF;
font-size:10px;
letter-spacing:0px;
line-height:13px;
font-weight:bold;
border-bottom: 1px solid #615579;
border-top: 0px solid #ffffff;
text-align: center;
padding-top: 2px;
padding-bottom: 0px;
background-color: #615579;}
#nav {
display: block;
color: 663399;
font-weight: bold;
background-COLOR: CCCCCC;
width: 100%;
height: 18px;
text-indent: 5px;
vertical-align:middle;
text-decoration: none;
font-family: verdana;
line-height: 18px;
margin-bottom: 1px;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
border-right: #FFA9D5 0px solid;
border-top: #FFCBEB 0px solid;
border-left: #FFCBEB 0px solid;
border-bottom: #FFA9D5 0px solid; }
#nav:hover {
color: 663399;
display: block;
text-decoration: none;
border: 0px solid;
background-color: CCCCCC;}
-->
</style>
<title>Lamento Gitano</title>
</head>
<body bgcolor="#F4DEBD" style="background-image: url(http://i170.photobuc.../background.jpg)">
<center>
<table width="620" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://i170.photobuc...iroma/heLG.gif" width="620" height="465" border="0"></td>
</tr>
</table>
<table width="620" border="0" cellspacing="0" cellpadding="0"
background="http://i170.photobuc...ma/pageLG.gif">
<tr>
<td width="30"> </td>
<td width="336" valign="top">
<!-- Início do código das mensagens do blog -->
<blogger>
<blogdateheader>
<div class="blocktitle">[<$BlogDateHeaderDate$>]</div>
</blogdateheader>
<$BlogItemBody$><br><br>
por <$BlogItemAuthor$> * <$BlogItemDateTime$><br>
</blogger>
<!-- Fim do código para exibir mensagens do Blog -->
<!-- POSTS -->
</td>
<td width="30"> </td>
<td width="150" valign="top">
<!--INICIO PERFIL-->
<div id="sidebar">
<div class="tabela1">Perfil</div>
<br>
<center><embed src="http://www.mp3asset....=0&f=3&vol=100" quality="high" wmode="transparent" flashvars="" width="110" height="110"name="myflashfetish" align="middle"type="application/x-shockwave-flash"pluginspage="http://www.macromedi...getflashplayer" /><br>
<br>
<div class="tabela2">Menu</div>
<br>
<a id="nav" href="#" onClick="window.open('http://www.geocities...=600,height=300'); return false;" class="classe1">A autora</a>
<a id="nav" href="#" onClick="window.open('http://www.geocities...=600,height=300'); return false;" class="classe1">O Blog</a>
<a id="nav" href="#" onClick="window.open('http://www.geocities...=600,height=300'); return false;" class="classe1">Extras</a>
<a id="nav" href="#" onClick="window.open('http://www.geocities...=600,height=300'); return false;" class="classe1">Links</a>
<br>
<div class="tabela3">Arquivos</div>
<br><br>
<div class="tabela4">Creditos</div>
<br>
<a href="http://blessed-place.com/" target= "blank" class="classe2">Blessed-Place</a><br>
<a href="http://true-luv.com/" target= "blank" class="classe2">True-Luv</a><br>
<a href="http://www.vickys.com.br/" target= "blank" class="classe2">Vickys</a><br>
<br>
<div class="tabela4">Avisos</div>
<br>
Melhor visualização:
1024X768
<br>
<br>
<br>
</div>
<!--FIM PERFIL-->
</td>
<td width="20"> </td>
</tr>
</table>
<table width="620" height="40" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://i170.photobuc...iroma/foLG.gif" width="620" height="40"></td>
</tr>
</table>
</center>
</center>
</body>
</html>[/codebox]
Abraços
