PDA

Ver Versão Completa : template... ajuda.

anaheleuterio
24/08/2007, 20h55
eu tava querendo uma ajuda pra mexer com template, eu havia visto um tópico por aqui sobre isso mas não o achei...:dúvida:
eu fiz um Blog e queria mudar a foto do template. pra essa foto:
http://i120.photobucket.com/albums/o197/anaheleuterio/paisagem3.jpg?t=1187995565
O template atual que eu tou usando lá é esse:

<html>
<head>
<meta http-equiv='Content-Type' content='text/html;charset=ISO-8859-1'>
<title><%WindowTitle%></title>
<style type='text/css'>
body {
margin: 0px;
background: #222222;
text-align: center;
color: #DDDDDD;
font-family: Georgia, verdana, arial, serif;
}
td {
text-align: left;
color: #DDDDDD;
font-family: "Trebuchet MS", verdana, arial, serif;
}

td.title {
height: 230px;
width: 700px;
padding: 10px;
background-image: url(./images/templates/aphid_title.jpg);
border: 3px solid #666666;
border-top: none;
vertical-align: bottom;
}
td.leftside {
background-image: url(./images/templates/aphid_bg.gif);
background-repeat: repeat-x;
padding: 10px;
border: 3px solid #666666;
border-top: none;
border-right: none;
font-size: 8pt;
line-height: 20px;
}
td.rightside {
background-image: url(./images/templates/aphid_bg.gif);
background-repeat: repeat-x;
padding: 10px;
border: 3px solid #666666;
border-top: none;
font-size: 8pt;
line-height: 20px;
}
h1 {
margin: 0px;
font-size: 24pt;
color: #EEEEEE;
font-weight: bold;
font-family: "Trebuchet MS", verdana, arial, serif;
}
h2 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 12pt;
color: #FFFFFF;
font-weight: bold;
font-family: "Trebuchet MS", verdana, arial, serif;
}
div.avatar {
width: 20px;
border: 1px solid #555555;
padding: 5px;
margin-bottom: 10px;
margin-top: 3px;
}
div.timedate {
margin-bottom: 5px;
}
a:link { color: #C8EBB8; text-decoration: none; }
a:visited { color: #C8EBB8; text-decoration: none; }
a:hover { color: #EEEEEE; text-decoration: underline; }
a.menu:link { color: #C8EBB8; text-decoration: none; }
a.menu:visited { color: #C8EBB8; text-decoration: none; }
a.menu:hover { color: #EEEEEE; text-decoration: underline; font-weight: bold; }
table.calendar { border: 0; background-color: #222222; }
table.calendar th { height: 10px; font-size: 7pt; text-align: center; border: 0px; }
table.calendar td { width: 19px; height: 10px; font-size: 8pt; text-align: center; border: 0px; }
table.calendar .calendar-month { font-weight: bold; margin-top: 3px; font-size: 10pt; text-align: center; }
table.calendar .calendar-month a { text-decoration: none; }
table.calendar .calendar-prev { font-weight: normal; }
table.calendar .calendar-next { font-weight: normal; }
table.calendar td.linked-day { font-weight: bold; background-color: #222222; }
table.calendar td.linked-day a { text-decoration: none; }
table.prevnext { width: 100%; margin-top: .3em; }
table.prevnext td { font-size: smaller; }
table.prevnext td a { text-decoration: none; }
</style>
</head>
<body>
<table width='700' cellpadding='0' cellspacing='0'>
<tr><td class='title' colspan='2'><h1><%Title%> </h1></td></tr>
<tr>
<td class='leftside' width='550' valign='top'>
<!-- BEGIN LEFT SIDE -->

<!-- ARCHIVE PAGE -->
<IfArchivePage>
<h2>Hist&oacute;rico</h2>
<%ArchiveInfo%>
</IfArchivePage>

<!-- MAIN PAGE --->
<IfMainPage>
<Entry>
<h2><%EntryTitle%></h2>
<div class='timedate'>
{ <b><%EntryTime%>, <%EntryDate%></b> }
<IfCategoriesAllowed>{ Postado em <%EntryCategory%> } </IfCategoriesAllowed>
<IfCommentsAllowed>{ <a href='<%EntryURL%>'><%EntryCommentCount%> coment&aacute;rios</a> } </IfCommentsAllowed>
<IfTrackbacksAllowed>{ <a href='<%EntryURL%>'><%TrackbackCount%> trackbacks</a> } </IfTrackbacksAllowed>
{ <a href='<%EntryURL%>'>Link</a> }
</div>
<%EntryBody%>
<br><br>
</Entry>
</IfMainPage>


<!-- ENTRY PAGE -->
<IfEntryPage>
<Entry>
<h2><%EntryTitle%></h2>
<div class='timedate'>
{ <b><%EntryTime%>, <%EntryDate%></b> }
<IfCategoriesAllowed>{ Postado em <%EntryCategory%> } </IfCategoriesAllowed>
<IfCommentsAllowed>{ <a href='<%EntryURL%>'><%EntryCommentCount%> coment&aacute;rios</a> } </IfCommentsAllowed>
<IfTrackbacksAllowed>{ <a href='<%EntryURL%>'><%TrackbackCount%> trackbacks</a> } </IfTrackbacksAllowed>
{ <a href='<%EntryURL%>'>Link</a> }
</div>
<%EntryBody%>
<br>
<IfCommentsAllowed><IfCommentPostAllowed>{ <a href='<%CommentPostURL%>'>Post a Comment</a> } </IfCommentPostAllowed></IfCommentsAllowed><IfTrackbacksAllowed>{ <a href='<%EntryTrackbackURL%>'>Trackback</a> } <%TrackbackRDF%></IfTrackbacksAllowed>
<br><br>
<blockquote>
<IfCommentsAllowed>
<Comment>
<h2><%CommentTitle%></h2>
<div class='timedate'>
{ <b><%CommentTime%>, <%CommentDate%></b> }
{ Postado por <%CommentAuthor%> }
<CommentEdit>{ Edit }</CommentEdit>
<CommentDelete>{ Delete }</CommentDelete>
</div>
<%CommentBody%>
<br><br>
</Comment>
</IfCommentsAllowed>
<IfTrackbacksAllowed>
<Trackback>
<h2><%TrackbackTitle%></h2>
<div class='timedate'>
{ <b><%TrackbackTime%>, <%TrackbackDate%></b> }
{ Postado em <a href='<%EntryTrackbackURL%>'><%TrackbackBlogName%></a> }
<TrackbackDelete>{ Delete }</TrackbackDelete>
</div>
<%TrackbackExcerpt%>
<br><br>
</Trackback>
</IfTrackbacksAllowed>
</blockquote>
</Entry>
</IfEntryPage>

<!-- FRIENDS PAGE -->
<IfFriendsPage>
<Entry>
<h2><%EntryTitle%></h2>
<div class='timedate'>
{ Postado por <a href='<%EntryAuthorURL%>'><%EntryAuthor%></a> }<br>
{ <b><%EntryTime%>, <%EntryDate%></b> }
<IfCategoriesAllowed>{ Postado em <%EntryCategory%> } </IfCategoriesAllowed>
<IfCommentsAllowed>{ <a href='<%EntryURL%>'><%EntryCommentCount%> coment&aacute;rios</a> } </IfCommentsAllowed>
<IfTrackbacksAllowed>{ <a href='<%EntryURL%>'><%TrackbackCount%> trackbacks</a> } </IfTrackbacksAllowed>
{ <a href='<%EntryURL%>'>Link</a> }
</div>
<%EntryBody%>
<br><br>
</Entry>
</IfFriendsPage>


<IfPages>{ <LaterLink>&Uacute;ltima P&aacute;gina</LaterLink> } { P&aacute;gina <%CurrentPage%> de <%TotalPages%> } { <EarlierLink>Pr&oacute;xima P&aacute;gina</EarlierLink> }</IfPages>
<!-- END LEFT SIDE -->
</td>
<td class='rightside' width='150' valign='top'>
<!-- BEGIN RIGHT SIDE -->
<h2>Sobre mim</h2>
<div class='avatar'><img src='<%Avatar%>' border='0'></div>
<a class='menu' href='<%MainPageURL%>'>In&iacute;cio</a><br>
<a class='menu' href='<%ProfileURL%>'>Meu Perfil</a><br>
<a class='menu' href='<%ArchiveURL%>'>Hist&oacute;rico</a><br>
<a class='menu' href='<%FriendsPageURL%>'>Amigos</a><br>
<a class='menu' href='<%AlbumURL%>'>&Aacute;lbum de fotos</a><br>

<br>
<%Calendar%>
<br>

<h2>Links</h2>
<Link><a href='<%LinkURL%>'><%LinkTitle%></a><br></Link>
<br>
<h2>Categorias</h2>
<Categories><a href='<%CategoryURL%>'><%Category%></a><br></Categories>
<br>
<h2>Posts recentes</h2>
<RecentEntry><%RecentEntryTitle%><br></RecentEntry>
<br>
<h2>Amigos</h2>
<Friends><a href='<%FriendURL%>'><%FriendUsername%></a><br></Friends>
<!-- END RIGHT SIDE -->
</td>
</tr>
</table>

</body>
</html>
TRINITY HEWSON
26/08/2007, 16h12
Acho q posso ajudar... só explica um pouquinho mellhor o q vc quer fazer...
anaheleuterio
26/08/2007, 19h13
Acho q posso ajudar... só explica um pouquinho mellhor o q vc quer fazer...

eu queria mudar a imagem que está no meu template atual, só que eu não faço idéia de como fazer isso. o Template que eu estou usando no Blog é um que eu escolhi lá...
o link do blog é esse: http://planetaweb.evolutivo.com.br/anaheleuterio/
É um Blog do colégio, pra falar sobre aquecimento global e outras coisas em relação ao meio ambiente.
TRINITY HEWSON
26/08/2007, 19h58
eu to mechendo aqui so q nao tem como eu testar pq num tenho blog ai , e nem fasso ideia de como é as coisas nesse site, mas eu to tentnado... se vc quiser ir testando e me diz se foi ou nao...

<html>
<head>
<meta http-equiv='Content-Type' content='text/html;charset=ISO-8859-1'>
<title><%WindowTitle%></title>
<style type='text/css'>
body {
margin: 0px;
background: #222222;
text-align: center;
color: #DDDDDD;
font-family: Georgia, verdana, arial, serif;
}
td {
text-align: left;
color: #DDDDDD;
font-family: "Trebuchet MS", verdana, arial, serif;
}

td.title {
height: 230px;
width: 700px;
padding: 10px;
background-image: url(http://i120.photobucket.com/albums/o197/anaheleuterio/paisagem3.jpg); (http://i120.photobucket.com/albums/o197/anaheleuterio/paisagem3.jpg%29;)
border: 3px solid #666666;
border-top: none;
vertical-align: bottom;
}
td.leftside {
background-image: url(./images/templates/aphid_bg.gif);
background-repeat: repeat-x;
padding: 10px;
border: 3px solid #666666;
border-top: none;
border-right: none;
font-size: 8pt;
line-height: 20px;
}
td.rightside {
background-image: url(./images/templates/aphid_bg.gif);
background-repeat: repeat-x;
padding: 10px;
border: 3px solid #666666;
border-top: none;
font-size: 8pt;
line-height: 20px;
}
h1 {
margin: 0px;
font-size: 24pt;
color: #EEEEEE;
font-weight: bold;
font-family: "Trebuchet MS", verdana, arial, serif;
}
h2 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 12pt;
color: #FFFFFF;
font-weight: bold;
font-family: "Trebuchet MS", verdana, arial, serif;
}
div.avatar {
width: 20px;
border: 1px solid #555555;
padding: 5px;
margin-bottom: 10px;
margin-top: 3px;
}
div.timedate {
margin-bottom: 5px;
}
a:link { color: #C8EBB8; text-decoration: none; }
a:visited { color: #C8EBB8; text-decoration: none; }
a:hover { color: #EEEEEE; text-decoration: underline; }
a.menu:link { color: #C8EBB8; text-decoration: none; }
a.menu:visited { color: #C8EBB8; text-decoration: none; }
a.menu:hover { color: #EEEEEE; text-decoration: underline; font-weight: bold; }
table.calendar { border: 0; background-color: #222222; }
table.calendar th { height: 10px; font-size: 7pt; text-align: center; border: 0px; }
table.calendar td { width: 19px; height: 10px; font-size: 8pt; text-align: center; border: 0px; }
table.calendar .calendar-month { font-weight: bold; margin-top: 3px; font-size: 10pt; text-align: center; }
table.calendar .calendar-month a { text-decoration: none; }
table.calendar .calendar-prev { font-weight: normal; }
table.calendar .calendar-next { font-weight: normal; }
table.calendar td.linked-day { font-weight: bold; background-color: #222222; }
table.calendar td.linked-day a { text-decoration: none; }
table.prevnext { width: 100%; margin-top: .3em; }
table.prevnext td { font-size: smaller; }
table.prevnext td a { text-decoration: none; }
</style>
</head>
<body>
<table width='700' cellpadding='0' cellspacing='0'>
<tr><td class='title' colspan='2'><h1><%Title%> </h1></td></tr>
<tr>
<td class='leftside' width='550' valign='top'>
<!-- BEGIN LEFT SIDE -->

<!-- ARCHIVE PAGE -->
<IfArchivePage>
<h2>Hist&oacute;rico</h2>
<%ArchiveInfo%>
</IfArchivePage>

<!-- MAIN PAGE --->
<IfMainPage>
<Entry>
<h2><%EntryTitle%></h2>
<div class='timedate'>
{ <b><%EntryTime%>, <%EntryDate%></b> }
<IfCategoriesAllowed>{ Postado em <%EntryCategory%> } </IfCategoriesAllowed>
<IfCommentsAllowed>{ <a href='<%EntryURL%>'><%EntryCommentCount%> coment&aacute;rios</a> } </IfCommentsAllowed>
<IfTrackbacksAllowed>{ <a href='<%EntryURL%>'><%TrackbackCount%> trackbacks</a> } </IfTrackbacksAllowed>
{ <a href='<%EntryURL%>'>Link</a> }
</div>
<%EntryBody%>
<br><br>
</Entry>
</IfMainPage>


<!-- ENTRY PAGE -->
<IfEntryPage>
<Entry>
<h2><%EntryTitle%></h2>
<div class='timedate'>
{ <b><%EntryTime%>, <%EntryDate%></b> }
<IfCategoriesAllowed>{ Postado em <%EntryCategory%> } </IfCategoriesAllowed>
<IfCommentsAllowed>{ <a href='<%EntryURL%>'><%EntryCommentCount%> coment&aacute;rios</a> } </IfCommentsAllowed>
<IfTrackbacksAllowed>{ <a href='<%EntryURL%>'><%TrackbackCount%> trackbacks</a> } </IfTrackbacksAllowed>
{ <a href='<%EntryURL%>'>Link</a> }
</div>
<%EntryBody%>
<br>
<IfCommentsAllowed><IfCommentPostAllowed>{ <a href='<%CommentPostURL%>'>Post a Comment</a> } </IfCommentPostAllowed></IfCommentsAllowed><IfTrackbacksAllowed>{ <a href='<%EntryTrackbackURL%>'>Trackback</a> } <%TrackbackRDF%></IfTrackbacksAllowed>
<br><br>
<blockquote>
<IfCommentsAllowed>
<Comment>
<h2><%CommentTitle%></h2>
<div class='timedate'>
{ <b><%CommentTime%>, <%CommentDate%></b> }
{ Postado por <%CommentAuthor%> }
<CommentEdit>{ Edit }</CommentEdit>
<CommentDelete>{ Delete }</CommentDelete>
</div>
<%CommentBody%>
<br><br>
</Comment>
</IfCommentsAllowed>
<IfTrackbacksAllowed>
<Trackback>
<h2><%TrackbackTitle%></h2>
<div class='timedate'>
{ <b><%TrackbackTime%>, <%TrackbackDate%></b> }
{ Postado em <a href='<%EntryTrackbackURL%>'><%TrackbackBlogName%> </a> }
<TrackbackDelete>{ Delete }</TrackbackDelete>
</div>
<%TrackbackExcerpt%>
<br><br>
</Trackback>
</IfTrackbacksAllowed>
</blockquote>
</Entry>
</IfEntryPage>

<!-- FRIENDS PAGE -->
<IfFriendsPage>
<Entry>
<h2><%EntryTitle%></h2>
<div class='timedate'>
{ Postado por <a href='<%EntryAuthorURL%>'><%EntryAuthor%></a> }<br>
{ <b><%EntryTime%>, <%EntryDate%></b> }
<IfCategoriesAllowed>{ Postado em <%EntryCategory%> } </IfCategoriesAllowed>
<IfCommentsAllowed>{ <a href='<%EntryURL%>'><%EntryCommentCount%> coment&aacute;rios</a> } </IfCommentsAllowed>
<IfTrackbacksAllowed>{ <a href='<%EntryURL%>'><%TrackbackCount%> trackbacks</a> } </IfTrackbacksAllowed>
{ <a href='<%EntryURL%>'>Link</a> }
</div>
<%EntryBody%>
<br><br>
</Entry>
</IfFriendsPage>


<IfPages>{ <LaterLink>&Uacute;ltima P&aacute;gina</LaterLink> } { P&aacute;gina <%CurrentPage%> de <%TotalPages%> } { <EarlierLink>Pr&oacute;xima P&aacute;gina</EarlierLink> }</IfPages>
<!-- END LEFT SIDE -->
</td>
<td class='rightside' width='150' valign='top'>
<!-- BEGIN RIGHT SIDE -->
<h2>Sobre mim</h2>
<div class='avatar'><img src='<%Avatar%>' border='0'></div>
<a class='menu' href='<%MainPageURL%>'>In&iacute;cio</a><br>
<a class='menu' href='<%ProfileURL%>'>Meu Perfil</a><br>
<a class='menu' href='<%ArchiveURL%>'>Hist&oacute;rico</a><br>
<a class='menu' href='<%FriendsPageURL%>'>Amigos</a><br>
<a class='menu' href='<%AlbumURL%>'>&Aacute;lbum de fotos</a><br>

<br>
<%Calendar%>
<br>

<h2>Links</h2>
<Link><a href='<%LinkURL%>'><%LinkTitle%></a><br></Link>
<br>
<h2>Categorias</h2>
<Categories><a href='<%CategoryURL%>'><%Category%></a><br></Categories>
<br>
<h2>Posts recentes</h2>
<RecentEntry><%RecentEntryTitle%><br></RecentEntry>
<br>
<h2>Amigos</h2>
<Friends><a href='<%FriendURL%>'><%FriendUsername%></a><br></Friends>
<!-- END RIGHT SIDE -->
</td>
</tr>
</table>

</body>
</html>