Ir para conteúdo
Fórum CódigoFonte.net
Entre para seguir isso  
J.Caram

So iniciante , e uso Tabelas ainda....

Recommended Posts

Olá a todos, estou tentando fazer meu site, naverdade eu estou tentando atualizar o meu site ( www.csdteam.net )

Estou tentando migrar do Html ( que fiz o outro usando tabelas ) para o Php, pois eu gostaria de colocar um sistema de Php de comentario.

--

Eu uso o Dreamweaver, para montar o site, eu estou fazendo o site em php, com tabelas, pois é o unico modo que sei fazer, dessa forma que fiz nao sei, como mais nao consigo colocar um texto, nao sei qual codigo/script para posicionar um texto por cima de um imagem.

Eu fiz assim, fiz o meu Layout, com o Frameworks, e depois cortei as partes pra carregar mais rapido, e coloquei as imagens, nas tabelas.

Ai usei o Rectangle Hotspots para selecionar a area para linkagem..

o problema e que a area de texto, video e etc,, que fiz, nao sei qual codigo pra dar texto.

Esse era o layout meu..

layoutxj.jpg

Esse e meu codigo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>


    <link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
td img {display: block;}body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #000000;
}
.style1 {
    color: #FFFFFF;
    font-family: "Trebuchet MS";
    font-size: 11px;
}
</style>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

</head>
<body>
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
 <tr>
  
       <td><img src="imgs/screen_r1_c1.png" width="112" height="121" /></td>
       <td><img src="imgs/screen_r1_c2.png" width="98" height="121" /></td>
       <td><img src="imgs/screen_r1_c3.png" width="113" height="121" /></td>
       <td><img src="imgs/screen_r1_c4.png" width="120" height="121" /></td>
       <td><img src="imgs/screen_r1_c5.png" width="207" height="121" /></td>
       <td><img src="imgs/screen_r1_c6.png" width="264" height="121" /></td>
       <td><img src="imgs/screen_r1_c7.png" width="110" height="121" /></td>
       </tr>
 <tr>
   <td><img src="imgs/screen_r2_c1.png" width="112" height="118" /></td>
   <td><img src="imgs/screen_r2_c2.png" width="98" height="118" /></td>
   <td><img src="imgs/screen_r2_c3.png" width="113" height="118" /></td>
   <td><img src="imgs/screen_r2_c4.png" width="120" height="118" border="0" usemap="#Map" /></td>
   <td><img src="imgs/screen_r2_c5.png" width="207" height="118" border="0" usemap="#Map2" /></td>
   <td><img src="imgs/screen_r2_c6.png" width="264" height="118" border="0" usemap="#Map3" /></td>
   <td><img src="imgs/screen_r2_c7.png" width="110" height="118" border="0" usemap="#Map4" /></td>
 </tr>
 <tr>
   <td><img src="imgs/screen_r3_c1.png" width="112" height="142" border="0" usemap="#Map9" rel="lightbox" /></td>
   <td><img src="imgs/screen_r3_c2.png" width="98" height="142" border="0" usemap="#Map10" /></td>
   <td><img src="imgs/screen_r3_c3.png" width="113" height="142" /></td>
   <td><img src="imgs/screen_r3_c4.png" width="120" height="142" /></td>
   <td><img src="imgs/screen_r3_c5.png" width="207" height="142" /></td>
   <td><img src="imgs/screen_r3_c6.png" width="264" height="142" /></td>
   <td><img src="imgs/screen_r3_c7.png" width="110" height="142" /></td>
 </tr>
 <tr>
   <td><img src="imgs/screen_r4_c1.png" width="112" height="154" border="0" usemap="#Map11" /></td>
   <td><img src="imgs/screen_r4_c2.png" width="98" height="154" border="0" usemap="#Map12" /></td>
   <td><img src="imgs/screen_r4_c3.png" width="113" height="154" /></td>
   <td><img src="imgs/screen_r4_c4.png" width="120" height="154" /></td>
   <td><img src="imgs/screen_r4_c5.png" width="207" height="154" /></td>
   <td><img src="imgs/screen_r4_c6.png" width="264" height="154" /></td>
   <td><img src="imgs/screen_r4_c7.png" width="110" height="154" /></td>
 </tr>
 <tr>
   <td><img src="imgs/screen_r5_c1.png" width="112" height="141" border="0" usemap="#Map5" /></td>
   <td><img src="imgs/screen_r5_c2.png" width="98" height="141" border="0" usemap="#Map6" /></td>
   <td><img src="imgs/screen_r5_c3.png" width="113" height="141" /></td>
   <td><img src="imgs/screen_r5_c4.png" width="120" height="141" /></td>
   <td><img src="imgs/screen_r5_c5.png" width="207" height="141" /></td>
   <td><img src="imgs/screen_r5_c6.png" width="264" height="141" /></td>
   <td><img src="imgs/screen_r5_c7.png" width="110" height="141" /></td>
 </tr>
 <tr>
   <td><img src="imgs/screen_r6_c1.png" width="112" height="164" border="0" usemap="#Map7" /></td>
   <td><img src="imgs/screen_r6_c2.png" width="98" height="164" border="0" usemap="#Map8" /></td>
   <td><img src="imgs/screen_r6_c3.png" width="113" height="164" /></td>
   <td><img src="imgs/screen_r6_c4.png" width="120" height="164" /></td>
   <td><img src="imgs/screen_r6_c5.png" width="207" height="164" /></td>
   <td><img src="imgs/screen_r6_c6.png" width="264" height="164" /></td>
   <td><img src="imgs/screen_r6_c7.png" width="110" height="164" /></td>
 </tr>
   </table>
 </table>





<!--Selecionar a Area de linkagem-->
<map name="Map" id="Map"><area shape="rect" coords="54,43,119,75" href="index.php" /></map> <!--Imagem link, -->
<map name="Map2" id="Map2"><area shape="rect" coords="-1,42,20,77" href="index.php" /> <!--Imagem link, --> <area shape="rect" coords="94,45,167,76" href="#" /></map> <!--Imagem link, -->
<map name="Map3" id="Map3"><area shape="rect" coords="17,43,194,82" href="#" /> <!--Imagem link, --><area shape="rect" coords="229,41,264,78" href="#" /></map> <!--Imagem link, -->
<map name="Map4" id="Map4"><area shape="rect" coords="1,45,39,76" href="#" /></map>
<map name="Map5" id="Map5">
<area shape="rect" coords="58,26,118,144" href="#" /> </map> <!--Imagem link, o Confronto-->
<map name="Map6" id="Map6">
<area shape="rect" coords="-1,27,90,149" href="#" /> </map><!--Imagem link, o Confronto-->
<map name="Map7" id="Map7">
<area shape="rect" coords="50,8,170,136" href="#" /></map> <!--Imagem link, o Confronto-->
<map name="Map8" id="Map8">
<area shape="rect" coords="-33,6,90,134" href="#" /></map> <!--Imagem link, o Confronto-->

 <map name="Map9" id="Map9">
   <area shape="rect" coords="42,57,110,110"  href="#" rel="lightbox"><img src="#" />  <!--Imagem link, Era pra abrir uma imagem com lightbox, mais nao deu certo-->
</map>

<map name="Map10" id="Map10">
<area shape="rect" coords="36,58,90,106" href="#" />
</map>
<map name="Map11" id="Map11"><area shape="rect" coords="47,52,107,91" href="#" /></map>
<map name="Map12" id="Map12">
<area shape="rect" coords="33,23,97,75" href="#" />
</map></body>
</html>

Se alguem possa me ajudar..

Compartilhar este post


Link para o post
Compartilhar em outros sites

seu código ta bem estilo sistema dream mesmo caro emigo eu te recomendo estudar um pouco pois aqui no fórum ninguem vai te dar as coisas de mão beijada posso te ajudar como qualquer outro mias primeiro o site continua em html voce vai fazer funçoes ou se passar para um nivel mais avançado fara o php desenhar o site pra você te recomento pegar ums tutoriais ai quando tiver algo em inicio posso te ajudar corrigindo e te dando uma força

Forte Abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites

Desculpe, mais acho que me expressei mal, não gostaria que ninguem fize-se para mim, pois assim eu não iria aprender néh.

Mais muito obrigado pela dica, me falaram pra, cortar a parte que eu desejo colocar as informação e colocar ela como Background.

Mais ai que eu me confundi, como apenas naquela parte como background?.

Compartilhar este post


Link para o post
Compartilhar em outros sites
Desculpe, mais acho que me expressei mal, não gostaria que ninguem fize-se para mim, pois assim eu não iria aprender néh.

Mais muito obrigado pela dica, me falaram pra, cortar a parte que eu desejo colocar as informação e colocar ela como Background.

Mais ai que eu me confundi, como apenas naquela parte como background?.

no <body>

logo acima voce cria esse codigo

<style type="text/css">

body{

background:url(suaimagem.jpg);

background-attachment: fixed;

}

</style>

pronto dai esse fundo que voce ta usando ai vc deixa em um arquivo separado monta o resto do site em tabelas

Valeu qualquer dúvida chama ai

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora
Entre para seguir isso  

×