[APORTE] Web Con todas la cosas explicas anteriormente por mi.

Midas · 13-sep-2008, 14:11

Esto lo hago para que vean q se pueden hacer webs solo programando =)
Depaso ven un ejemplo en una web de las cosas que explique antes

Código HTML:

<style type="text/css">
<!--
body,td,th {
 font-family: Tahoma;
 font-size: 9px;
 color: #FFFFFF;
 font-weight: bold;
}
body {
 background-color: #000000;
}
.Estilo1 {
 font-size: 10
}
.Estilo4 {font-size: 10px}
a:link {
 color: #FFFFFF;
 text-decoration: none;
}
a:visited {
 text-decoration: none;
 color: #FFFFFF;
}
a:hover {
 text-decoration: underline;
 color: #999999;
}
a:active {
 text-decoration: none;
 color: #999999;
}
.Estilo5 {
 font-size: 9px
}
.Estilo9 {font-size: 24px}
.Estilo10 {font-size: 16px; }
-->
</style><body>
<table align="center" border="1" height="400" width="600">
<tr>
<td width="270" bgcolor="#660000" valign="top"><p>&nbsp;</p>
  <div align="center"><span class="Estilo9">MENU
  </span></div>
  <div align="center">
  <p class="Estilo5">HOME</p>
  <p class="Estilo5">CONTACTO</p>
  <p class="Estilo5">STAFF</p>
  <p class="Estilo5">INFO</p>
  <p class="Estilo5">LINKS</p>
  </div></td>
<td width="400" bgcolor="#990000">
<div align="right" class="Estilo1"><span class="Estilo4"><a href="index.html">HOME</a> | <a href="contacto.html">CONTACTO</a> |<a href="staff.html"> STAFF</a> | <a href="info.html">INFO</a> | <a href="links.html">LINKS</a></span>
<div align="left" class="Estilo10">
  <div align="left">ULTIMAS NOTICIAS</div>
</div>
<textarea name="textarea" cols="72" rows="6" style="background:#FF0000">ACA SU TEXTO LARGO YA QUE TIENE SCROLL TAMBIEN AL DIV LE PUEDEN PONER SCROLL
EL COD ES EL SIGUIENTE
ESTA EN EL ULTIMO DIV SOLO SE PUEDE VER CON EL NAVEGAR
</textarea>
</div>
<div id="content3" align="left" bgcolor="#FF0000" style="width:600; background:#FF0000">
  <h5 class="Estilo1">Articulo3</h5>
  <p class="Estilo1">Aqui iria el parafo xD. Con esto pueden hacer un MENU arriva.</p>
</div>
<p>&nbsp;</p>
<div id="content4" align="left" bgcolor="#FF0000" style="width:600; background:#FF0000">
  <h5 class="Estilo1">Articulo3</h5>
  <p class="Estilo1">Aqui iria el parafo xD. Con esto pueden hacer un MENU arriva.</p>
</div>
<p>&nbsp;</p>
<div id="content5" align="left" bgcolor="#FF0000" style="overflow-Y:scroll; width:600; height:150; background:#FF0000">
  <h5 class="Estilo1">Articulo3</h5>
  <p class="Estilo1">Aqui iria el parafo xD. Con esto pueden hacer un MENU arriva.</p>
  <p class="Estilo1">TEXT0</p>
  <p class="Estilo1">TEXTO</p>
  <p class="Estilo1">TEXTO</p>
  <p class="Estilo1">TEXTO</p>
  <p><span class="Estilo1">TEXTO</span></p>
  <p><span class="Estilo1">TEXTO</span></p>
  <p><span class="Estilo1">TEXTO</span></p>
  <p><span class="Estilo1">TEXTO</span></p>
</div><p>&nbsp;</p></td>
</tr>
</table>

**SpawN** · 13-sep-2008, 14:16

Lindo aporte Midas, ya me estaba preguntando cuando ibas a aparecer por aca ahora que mn cayo

.

Zakensi · 13-sep-2008, 14:39

y eso se puede hacer con otro diseño y todo eso?

Midas · 13-sep-2008, 14:40

Es un ejemplo mio xD para no teneer que usar el PS y hacer una web un poko aceptable xD

13-sep-2008, 16:58

Midas:
Quiero ver unas cositas
la subis a un hosting?

Salu2!

Midas · 13-sep-2008, 17:18

No estoy en mi casa y no tengo ningun FTP aka. :S

**Rama** · 19-sep-2008, 01:25

Te zarpas, yo programando apenas hago un fondo, y boludeces como esta jeje:

Código HTML:

<html>
<head>
<meta name= "Generator" content="Block de notas">
<meta name="Autor" content="Ramiro Geiler">
<title>TiroBajo</title>
<title>La mejor banda del momento...</title></head>
<body bgcolor="#00cc00"topmargin="0"rightmargin="0"leftmargin="0"><fontcolor="#003399">Bienvenidos A la web de TiroBajo</font> 
<div style="background-color:#ffffff  width:inherit; height:50px; vertical-align:middle; text-align:center" >
<font color ="#0000FF" face="Verdana" size="3em">
<strong>Bienvenidos a la web de TiroBajo</strong>
</font>
</div>
<!--   MENU -->
<style>
#menu{background-color:#CCCCCC; border-top: #999999 2px solid; border-bottom:#999999 1px solid; text-align:center}
#menu a:hover{background-color: #999999; padding-top:3px; padding-bottom:3px; color:#000000}
.link{ font-family:Verdana; font-size:12px; font-weight:bold; color:#333333; text-decoration:none}
</style>
<div  id="menu"> <B>.:</B>  
<a href="Home" title="Home" class="link">Home</a> <b>::</b>  
<a href="Integrantes" title="Integrantes" class="link">Integrantes</a> <b>::</b>  
<a href="Imágenes" title="Imágenes" class="link">Imágenes</a> <b>::</b>  
<a href="Escuchanos" title="Escuchanos" class="link">Escuchanos</a> <b>::</b>  
<a href="Historia" title="Historia" class="link">Historia</a> <b>::</b>
<a href="Contacto" title="Contacto" class="link">Contacto</a> <b>:.</b>  
</div>
<!--   MENU -->
<!--   MENU -->
<style>
#menu{background-color:#CCCCCC; border-top: #999999 2px solid; border-bottom:#999999 1px solid; text-align:center}
#menu a:hover{background-color: #999999; padding-top:3px; padding-bottom:3px; color:#000000}
.link{ font-family:Verdana; font-size:12px; font-weight:bold; color:#333333; text-decoration:none}
</style>
<div  id="menu"> <B>.:Noticias:.</B>  
 </div>
<!--   MENU -->
</h1>
<div>
<FRAMESET ROWS=25%,25%,50%>
   <FRAME SRC="TIROBAJO">
   <FRAME SRC="Hola">
   <FRAME SRC="Probando">
</FRAMESET>
</div>
<table border="1" style="border-collapse: collapse" width="100%">
	<tr>
		<td>
		fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<p>
		aca escribis osea</p>
		<p>crteas una tabla si queres que no se vean los bordes le cambiassssss 
		el color</td>
	</tr>
</table>
<br><p>&nbsp;</p></br>
</body>
</html>

Jeje malisimo lo mío

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado

13-sep-2008, 16:58	#5 (permalink)
● RedFire ● Guest Mensajes: n/a	Midas: Quiero ver unas cositas la subis a un hosting? Salu2!

Remove advertisements Sponsored links

Secciones de Interés