Como Colocar Titulo Legal

dhyeggo · Maio 17, 2005

_______________________

| |

|_______________________|

_______

| | dfdsfdfa

| | fddsfadsf

| | dfasdfa

| | fdfasdfa

|_______ |

Boa tarde galera, digamos que o desenho a cima represante o layout da minha tale o retangulo maior seria uma table que por enquanto está em branco (está é minha duvida) e o do lado é onde vão os menus e os textos no meio.

Minha duvida é o seguinte lá emcima naquela table iria digamos o titulo do site, só que é o seguinte eu queria uma forma mais criativa de colocar algo lá, e que fosse na codigo nada de flash e nenhum outro programa a parte. Entenderam seria mais ou menos isso uma forma legal e simples de escrever o codigo apenas na mão.

alguém sabe como... deem ex..

grato

dhyeggo · Maio 17, 2005

O desenho saiu todo errado.... mais axo que da para intender...

ramon · Maio 17, 2005

Bom não entendimuito bem

você quer colocar numa pagina ou no caption do Internet explorer

dhyeggo · Maio 17, 2005

Na pagina... vou postar o codigo da pagina se alguém querer dar uma testada no codigo

<HTML>
<HEAD dir="LTR">
<META http-equiv="Content-Type" content="text/html">
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<TITLE>Apenas um teste</TITLE>
<LINK rel="SHORTCUT ICON" href="media/favicon.ico"><META>
<style>
BODY, TABLE, TD, TR {FONT-SIZE: x-small; FONT-FAMILY: Verdana, arial}
A { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #0850A0}
A:hover {COLOR: #ff6600; TEXT-DECORATION: none }
A.newsgroup { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #0850A0; TEXT-DECORATION: none}
A.newsgroup:hover {COLOR: #ff6600; TEXT-DECORATION: none }
A.toolbar{FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none }
A.toolbar:Hover { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ff6600; TEXT-DECORATION: none}
A.menu {FONT-WEIGHT: bold; COLOR: #201460; TEXT-DECORATION: none}
A.menu:hover { FONT-WEIGHT: bold; COLOR: #ff6600; TEXT-DECORATION: none}
A.gateway {FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none}
A.gateway:hover {FONT-WEIGHT: bold; COLOR: #ff6600; TEXT-DECORATION: none}
A.link:Hover { COLOR:#800000; font-size: 11px; font-family: Arial; text-decoration:none}
A.link {color:black; font-size: 11px; font-family: Arial; text-decoration:none }
A.cat {font-size: 18px; font-weight: bold; font-family: Tahoma}
A.subcat {font-size: 11px; font-weight: normal; font-family: Tahoma}
A.trail {font-size: 11px; font-weight: normal; font-family: Tahoma}
input.mini {font-size: 11px; font-family: Verdana; vspace:5; hspace:5 }
blockquote {BORDER-RIGHT: #264B99 3px double; PADDING-RIGHT: 3px; BORDER-TOP: #264B99 3px double; PADDING-LEFT: 3px; BACKGROUND: #ddddd2; PADDING-BOTTOM: 3px; BORDER-LEFT: #264B99 3px double; PADDING-TOP: 3px; BORDER-BOTTOM: #264B99 3px double; }
blockquote p {BORDER-RIGHT: #658b98 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #658b98 1px solid; PADDING-LEFT: 2px; BACKGROUND: #000080; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #658b98 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #658b98 1px solid; TEXT-ALIGN: center; }
pre {BORDER-RIGHT: #264B99 3px double; PADDING-RIGHT: 3px; BORDER-TOP: #264B99 3px double; PADDING-LEFT: 3px; BACKGROUND: #ddddd2; PADDING-BOTTOM: 3px; BORDER-LEFT: #264B99 3px double; PADDING-TOP: 3px; BORDER-BOTTOM: #264B99 3px double; }
pre p {BORDER-RIGHT: #658b98 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #658b98 1px solid; PADDING-LEFT: 2px; BACKGROUND: #000080; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #658b98 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #658b98 1px solid; TEXT-ALIGN: left; }
FIELDSET {BORDER-RIGHT: #bbb 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bbb 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px; BORDER-LEFT: #bbb 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bbb 1px solid; }
FIELDSET P {MARGIN: 5px; TEXT-ALIGN: justify; }
LEGEND {BORDER-RIGHT: #aaa 1px solid; FONT-WEIGHT: bold; PADDING-RIGHT: 5px; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 13px; BACKGROUND: #eee; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 5px; BORDER-LEFT: #aaa 1px solid; COLOR: #444; PADDING-TOP: 5px; BORDER-BOTTOM: #aaa 1px solid; LETTER-SPACING: 1px; }
#airlock {BORDER-RIGHT: #bbb 3px double; BORDER-TOP: #bbb 3px double; BACKGROUND: #eeeeee; MARGIN: 10px 0px; BORDER-LEFT: #bbb 3px double; WIDTH: 100%; COLOR: #000; BORDER-BOTTOM: #bbb 3px double; TEXT-ALIGN: left}
input.text {border:1px inset;width:120px}
iframe.external{width: 100%; height: 600px;}
</style>
</HEAD>
<body margin="10px" bgcolor="#555555">
<table border="0" width="760" cellspacing="0" cellpadding="0" height="80px">
<tr>
<td style="BORDER-TOP: #dcdcdc 3px double; BORDER-LEFT: #dcdcdc 3px double; BORDER-RIGHT: #dcdcdc 3px double; BACKGROUND: #dcdcdc; MARGIN: 0px; COLOR: #dddddd; BORDER-BOTTOM: #3e6d92 1px solid">
<table border="0" cellpadding="0" cellspacing="0" width="0%" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">
<table>
<tr>
<td style="width:100%;color:#000000; filter:dropshadow(color=#000000, offX=1, offY=1)">

</td>
</tr>
</table>
<table>
<tr>
<td style="width:100%; color:#000000; filter:dropshadow(color=#000000, offX=1, offY=1)">
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</td>
</tr>
</table>
<td align="right" bgcolor="#000000"></td>
</tr>
</table>
<div id="airlock">
<table border="0" bordercolor="#ffffff" cellpadding="1" cellspacing="0" width="100%" align="center" height="100%" bgcolor="#ffffff" style="BORDER-RIGHT: #aaa 3px double; margin: 0px 0px 0px 0px; BORDER-TOP: #aaa 3px double; BORDER-LEFT: #aaa 3px double; BORDER-BOTTOM: #aaa 3px double;"><tr valign="top">
<td width="100"><img src="admin/media/dot.gif" width="150" height="0"> 
<table border="0" cellpadding="0" cellspacing="2" width="100%">
<tr>
<td width="100%" colspan="2" style="background:#dddddd;border-left:3px #dddddd dashed;border-right:3px #dddddd dashed;border-bottom:5px #dddddd dashed;"> <hr></hr><center> Pessoal</center><hr></hr> 
:: <a href="http://www.correios.com.br/servicos/cep/cep_default.cfm" class="menu" target="_blank" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">História</a>  
:: <a href="http://www.gnccinemas.com.br/conteudo/calendario.asp" class="menu" target="_blank" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Datas</a>  
:: <a href="default.asp?id=6&mnu=6" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Recado</a>  
:: <a href="fear.txt" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Fotos</a>  
:: <a href="default.asp?id=34&mnu=34" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Contato</a>  
:: <a href="/ii" class="menu" target="_top" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">CPM22</a>  
:: <a href="default.asp?id=38&mnu=38" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Para refletir</a>  
:: <a href="default.asp?id=21&mnu=21" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Textos</a>  
<hr>
<center>Especial </center>
<hr> 
:: <a href="default.asp?id=4&mnu=4" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Amassos</a>  
:: <a href="default.asp?id=15&mnu=15" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Beijo</a>  
:: <a href="default.asp?id=18&mnu=18" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Piadas</a>  
:: <a href="default.asp?id=18&mnu=18" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Trabalhos prontos</a>  
:: <a href="default.asp?id=18&mnu=18" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Diversos Links</a>  
</td>
</tr>
</table>
</div>
<div id="Layer2" style="position:absolute; width:450px; height:100px; z-index:2; left: 250px; top: 120px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000">
<table width="100%" border="1" cellspacing="0" cellpadding="0" height="100" bordercolor="#FFFFFF">
<tr>
<td>
<center>News<hr></center>
</center>Este é o site pessoal meu more,aqui estaremos postando algumas coisas sobre a gente assim como outras seções de piadas, humor, amassos e traremos tambem uma seção com trabalho prontos. Espero que gostem do nosso site, em breve site desenvolvido em PHP, com melhor suporte e hospedado em um servidor linux decente. Aguardem</center>
<tr>
<td bgcolor="#FFFFFF" bordercolor="#FFFFFF" align="left" valign="top" height="90">
<div align="center">Mensagem do dia<hr>
Não te amo mais 
Estarei mentindo dizendo que 
Ainda te quero como sempre quis 
Tenho certeza que 
Nada foi em vão 
Sinto dentro de mim que 
Você não significa nada 
Não poderei dizer jamais que 
Alimento um grande amor 
Sinto cada vez mais que 
Já te esqueci! 
E jamais usarei a frase 
"eu te amo" 
Sinto, mas tenho que dizer a verdade 
É tarde demais... 
 Agora leia de baixo para cima<hr></hr> </div>
</td>
</tr>
</table>
<td width="0" bgcolor="#ffffff">
</td>
<tr><td><iframe name="RestritoAmigosWM" src="http://www.amigoswm.com/area_restrita/index.asp?login=3008" width="150" height="140" border="0" frameborder="0" marginwidth="1" marginheight="1" left='20'>
</iframe></td></tr> 
</table>
</div>
<center>Copirigth 2005 - Inc, all rigths reserved by FeaR</center>
</body>
</html>

BrILL · Maio 17, 2005

O que você quer é um titulo feito com texto puro e seu design seja moldado com códigos, é isso?

dhyeggo · Maio 17, 2005

Isso mesmo... seria praticamente isso.. tem como fazer ou seria impossivel?

BrILL · Maio 17, 2005

Eu acho que o mais certo seria desenhar mesmo, usar uma programa de imagens. Usar texto puro limita bastante a criação de algo mais personalizado, é possível sim, mas não vai ficar tão bom quando com imagens. Se você tem um bom conhecimento de CSS você pode fazer algumas coisa com CSS.

dhyeggo · Maio 17, 2005

Caro brill, eu não gostaria de fazer com imagens, mais tipow assim não sei se voce teste aquele codigo que postei, tem como eu fazer uma animação em flash e colocar lá naquela barra?

dhyeggo · Maio 17, 2005

E isso não iria carregar muito a minha pagina?

BrILL · Maio 17, 2005

Eu particularmente não gosto de usar flash, mas isso é de cada um, e tem hora que temos que usar. Mas se vai ficar carregado ou não vai depender muito de como você ira fazer essa animação, se for algo simples, sem muitas firulas, acho que é cabível uma animação.

Uma coisa que iria ajudar a carregar mais rápido a sua página, seria dar um otimizada em seu código fonte, porque esse seu código ai ta bastante chumbado!

Norivan Oliveira · Maio 17, 2005

lembrando que como as config do IE do XP travam a exibição de FLASH (o cara pode mudar, mas vocês sabem como é) para não ter reclamações em sua caixa de e-mail seria bom você colocar um script para verificar e redirecionar a página se for o caso.

dhyeggo · Maio 17, 2005

Brill com relação ao codigo se está chumbado ou não isso não me importo, o codigo não é meu somento estou postando para um colega que pediu apenas para eu tirar essa duvida para ele, é que o medo dele é que a pagina fique muito pesada somente isso. Não estou com vontade de ficar repasando codigo que nem pra mim é.. mais nem da nada

Valeu ai por ajudar... vou deixar para que ele decida o que fazer.. valeu ai..

Entrar

Como Colocar Titulo Legal

Pergunta

Link para o comentário

Compartilhar em outros sites

11 respostass a esta questão

Posts Recomendados

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns