Pagina inicial

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Pagina inicial

Mensagem por ♦stefan♦ em 05/03/12, 01:11 pm

Qual é minha questão:
Eu peguei uma pagina inicial pra editar, mas não consigo colocar as cordenada certas, gostaria de arrumar,

Código:
<!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>Entrada WarDesign</title>
<style type="text/css">
<!--
body {
  background-image: url(http://hitskin.com/themes/18/38/34/i_background.png);
}


#wardesign {
position: absolute;
width: 330px;
margin-left: 560px;
height: 80px;
top: 460px;
right: 745px;
left: 455px;
z-index: 999;
}

#creditos {
position: absolute;
width: 330px;
margin-left: 580px;
height: 80px;
top: 500px;
right: 700px;
z-index: 999;
}

#noticias {
position: absolute;
width: 330px;
margin-left: 580px;
height: 80px;
top: 50px;
right: 950px;
z-index: 999;
border: 3px;
border-color: white;
}

#noticias2 {
position: absolute;
width: 330px;
margin-left: 580px;
height: 80px;
top: 50px;
right: 75px;
z-index: 999;
border: 3px;
border-color: white;
}


-->
</style></head>

<body>
<center><img src="http://i.imgur.com/z5O1s.png" width="700" height="500" border="0" usemap="#Map" />
  <map name="Map" id="Map">
    <area shape="rect" coords="162,65,537,107" href="http://www.war-design.forumeiros.com/forum" />
    <area shape="rect" coords="163,124,538,168" href="http://www.war-design.forumeiros.com/portal" />
    <area shape="rect" coords="162,184,539,229" href="http://www.rb-forum.net/h17-" />
    <area shape="rect" coords="164,303,539,351" href="http://www.rb-forum.net/chatbox" />
    <area shape="rect" coords="160,363,539,409" href="http://www.google.com.br/" />
  </map>
</iframe></div>
<div id="creditos"><img src="http://i41.tinypic.com/16hs283.png" border="0" alt="Créditos totais para o forum RBFórum."></div>
<div id="wardesign"><img src="http://i39.tinypic.com/18j6oh.png" border="0" alt="Créditos totais para o forum RBFórum."></div>
<div id="noticias">




<div id="noticias2">





</center>
</body>
<a href="http://www.forumeiros.com" target="_blank"></a>
</html>

mas não estou conseguindo, se alguem poder me ajudar...

Medidas que eu tomei para corrigir o problema:
tentei arrumar...

Links e imagens do meu problema:
Nenhuma

Endereço do meu fórum:
www.war-design.forumeiros.com

Versão do meu fórum:
PHPBB3

♦stefan♦
Usuário destaque

Masculino
Inscrito dia : 11/01/2011
Mensagens : 643
Pontos Ativos : 942

Ver perfil do usuário

Resolvido Re: Pagina inicial

Mensagem por MateusV. em 05/03/12, 01:17 pm

Olá, oque exatamente deseja editar?
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Pagina inicial

Mensagem por Fonsecca em 05/03/12, 01:19 pm

O que queres fazer nessa página?
avatar

Fonsecca
Nível 8

Masculino
Inscrito dia : 23/02/2012
Mensagens : 141
Pontos Ativos : 166

Ver perfil do usuário http://rpgmsofhogwarts.forumeiros.com/forum

Resolvido Re: Pagina inicial

Mensagem por iPrompt em 05/03/12, 01:31 pm

Se for oque estou pensando tenta usar este e aonde estiver

SITEDALOJA - Ponha o site da Loja

SITEDOCHATBOX - Ponha o site do chatbox

SITEDOSAIR - Ponha o site do sair

<!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>Entrada WarDesign</title>
<style type="text/css">
<!--
body {
background-image: url(http://hitskin.com/themes/18/38/34/i_background.png);
}


#wardesign {
position: absolute;
width: 330px;
margin-left: 560px;
height: 80px;
top: 460px;
right: 745px;
left: 455px;
z-index: 999;
}

#creditos {
position: absolute;
width: 330px;
margin-left: 580px;
height: 80px;
top: 500px;
right: 700px;
z-index: 999;
}

#noticias {
position: absolute;
width: 330px;
margin-left: 580px;
height: 80px;
top: 50px;
right: 950px;
z-index: 999;
border: 3px;
border-color: white;
}

#noticias2 {
position: absolute;
width: 330px;
margin-left: 580px;
height: 80px;
top: 50px;
right: 75px;
z-index: 999;
border: 3px;
border-color: white;
}


-->
</style></head>

<body>
<center><img src="http://i.imgur.com/z5O1s.png" width="700" height="500" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="162,65,537,107" href="http://www.war-design.forumeiros.com/forum" />
<area shape="rect" coords="163,124,538,168" href="http://www.war-design.forumeiros.com/portal" />
area shape="rect" coords="163,124,538,168" href="SITEDALOJA" />
<area shape="rect" coords="162,184,539,229" href="http://www.rb-forum.net/h17-" />
<area shape="rect" coords="164,303,539,351" href="http://www.rb-forum.net/chatbox" />
<area shape="rect" coords="160,363,539,409" href="SITEDOSAIR" />
</map>
</iframe></div><div id="creditos"><img src="http://i41.tinypic.com/16hs283.png" border="0" alt="Créditos totais para o forum RBFórum."></div><div id="wardesign"><img src="http://i39.tinypic.com/18j6oh.png" border="0" alt="Créditos totais para o forum RBFórum."></div><div id="noticias">



<div id="noticias2">





</center>
</body>
<a href="http://www.forumeiros.com" target="_blank"></a>
</html>


Última edição por @Coper em 05/03/12, 01:33 pm, editado 1 vez(es)
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Pagina inicial

Mensagem por ♦stefan♦ em 05/03/12, 01:32 pm

As Cordenadas dos botões, na onde vou clicar pra ir pra outra pagina, estão todos errados, não estou conseguindo editar... gostaria de arrumar as cordenadas certas, para por encima do botão... tipo:

Código:
    <area shape="rect" coords="162,65,537,107" href="http://www.war-design.forumeiros.com/forum" />

Essa parte erá pra ficar no primeiro botão certinho, mas está pegando só metade do botão, e sai fora do botão o link...

♦stefan♦
Usuário destaque

Masculino
Inscrito dia : 11/01/2011
Mensagens : 643
Pontos Ativos : 942

Ver perfil do usuário

Resolvido Re: Pagina inicial

Mensagem por ♦stefan♦ em 05/03/12, 01:35 pm

Malz o double, mas sem querer apertei enviar '-'

Ex:

Botão tá aqui:

-----------------------.
Link erá pra ficar aqui l As Cordenadas estariam certos assim...
-----------------------'


Como Estão:

Metade do Link pra fora
-------------------.
Metade pra Dentro l
-------------------'

♦stefan♦
Usuário destaque

Masculino
Inscrito dia : 11/01/2011
Mensagens : 643
Pontos Ativos : 942

Ver perfil do usuário

Resolvido Re: Pagina inicial

Mensagem por MateusV. em 05/03/12, 01:38 pm

Olá, substitua por este
Código:
<!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>Entrada WarDesign</title>
<style type="text/css">
<!--
body {
  background-image: url(http://hitskin.com/themes/18/38/34/i_background.png);
}


#wardesign {
position: absolute;
width: 330px;
margin-left: 560px;
height: 80px;
top: 460px;
right: 745px;
left: 455px;
z-index: 999;
}

#creditos {
position: absolute;
width: 330px;
margin-left: 580px;
height: 80px;
top: 500px;
right: 700px;
z-index: 999;
}

#noticias {
position: absolute;
width: 330px;
margin-left: 580px;
height: 80px;
top: 50px;
right: 950px;
z-index: 999;
border: 3px;
border-color: white;
}

#noticias2 {
position: absolute;
width: 330px;
margin-left: 580px;
height: 80px;
top: 50px;
right: 75px;
z-index: 999;
border: 3px;
border-color: white;
}


-->
</style></head>

<body>
<center><img src="http://i.imgur.com/z5O1s.png" width="700" height="500" border="0" usemap="#Map" />
  <map name="Map" id="Map">
    <area shape="rect" coords="162,68,537,107" href="http://www.war-design.forumeiros.com/forum" />
    <area shape="rect" coords="163,127,538,168" href="http://www.war-design.forumeiros.com/portal" />
    <area shape="rect" coords="162,187,539,229" href="http://www.rb-forum.net/h17-" />
    <area shape="rect" coords="164,306,539,351" href="http://www.rb-forum.net/chatbox" />
    <area shape="rect" coords="160,366,539,409" href="http://www.google.com.br/" />
  </map>
</iframe></div>
<div id="creditos"><img src="http://i41.tinypic.com/16hs283.png" border="0" alt="Créditos totais para o forum RBFórum."></div>
<div id="wardesign"><img src="http://i39.tinypic.com/18j6oh.png" border="0" alt="Créditos totais para o forum RBFórum."></div>
<div id="noticias">




<div id="noticias2">





</center>
</body>
<a href="http://www.forumeiros.com" target="_blank"></a>
</html>
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Pagina inicial

Mensagem por ♦stefan♦ em 05/03/12, 01:53 pm

não mudou muito... Tipo o 1° tá meio certo, ele começa só um pouco pra cima, só que ele termina na metade do botão, não chega até o final(não estou falando de largura) , dai o 2° começa do fim do 1° botão, tipo, tem o 1 botão e o 2° o link já começa da ponta do 1° e assim vai todos os botões... menos o sair que começa da metade do botão, e termina certo.
Ex:

1° Começa meio certo e acaba na metade...
2° Começa do final do 1° e acaba um pouco antes da metade
3° começa encima do final do 2° e acaba bem encima do meio
4° Começa meio que encima da metade(do botão certo) e acaba entre o 5° e o 4° botão
5° Começa certo e termina certo!

♦stefan♦
Usuário destaque

Masculino
Inscrito dia : 11/01/2011
Mensagens : 643
Pontos Ativos : 942

Ver perfil do usuário

Resolvido Re: Pagina inicial

Mensagem por MateusV. em 05/03/12, 02:01 pm

Olá, substitua por este
Código:
<!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>Entrada WarDesign</title>
<style type="text/css">
<!--
body {
  background-image: url(http://hitskin.com/themes/18/38/34/i_background.png);
}


#wardesign {
position: absolute;
width: 330px;
margin-left: 560px;
height: 80px;
top: 460px;
right: 745px;
left: 455px;
z-index: 999;
}

#creditos {
position: absolute;
width: 330px;
margin-left: 580px;
height: 80px;
top: 500px;
right: 700px;
z-index: 999;
}

#noticias {
position: absolute;
width: 330px;
margin-left: 580px;
height: 80px;
top: 50px;
right: 950px;
z-index: 999;
border: 3px;
border-color: white;
}

#noticias2 {
position: absolute;
width: 330px;
margin-left: 580px;
height: 80px;
top: 50px;
right: 75px;
z-index: 999;
border: 3px;
border-color: white;
}


-->
</style></head>

<body>
<center><img src="http://i.imgur.com/z5O1s.png" width="700" height="500" border="0" usemap="#Map" />
  <map name="Map" id="Map">
    <area shape="rect" coords="164,73,539,107" href="http://www.war-design.forumeiros.com/forum" />
    <area shape="rect" coords="164,180,539,168" href="http://www.war-design.forumeiros.com/portal" />
    <area shape="rect" coords="164,196,539,229" href="http://www.rb-forum.net/h17-" />
    <area shape="rect" coords="164,306,539,351" href="http://www.rb-forum.net/chatbox" />
    <area shape="rect" coords="164,366,539,409" href="http://www.google.com.br/" />
  </map>
</iframe></div>
<div id="creditos"><img src="http://i41.tinypic.com/16hs283.png" border="0" alt="Créditos totais para o forum RBFórum."></div>
<div id="wardesign"><img src="http://i39.tinypic.com/18j6oh.png" border="0" alt="Créditos totais para o forum RBFórum."></div>
<div id="noticias">




<div id="noticias2">





</center>
</body>
<a href="http://www.forumeiros.com" target="_blank"></a>
</html>
Caso não saia como desejado irei lhe ensinar como editar. vamos examinar o codigo.
<area shape="rect" coords="162,65,537,107" href="http://www.war-design.forumeiros.com/forum" />
Vermelho, a margem em relação a esquerda, quanto maior o numero mais para esquerda o campo irá.
Verde, a margem em relação ao topo, quanto maior o numero mais para cima o campo irá.
Azul, este é a largura, quanto maior o numero mais largo será.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Pagina inicial

Mensagem por ♦stefan♦ em 05/03/12, 02:56 pm

E o pra ir pra baixo? qual é?

♦stefan♦
Usuário destaque

Masculino
Inscrito dia : 11/01/2011
Mensagens : 643
Pontos Ativos : 942

Ver perfil do usuário

Resolvido Re: Pagina inicial

Mensagem por iPrompt em 05/03/12, 03:00 pm

Acho que o 107 que e para ir pra baixo
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Pagina inicial

Mensagem por ♦stefan♦ em 05/03/12, 03:02 pm

também acho *-*

♦stefan♦
Usuário destaque

Masculino
Inscrito dia : 11/01/2011
Mensagens : 643
Pontos Ativos : 942

Ver perfil do usuário

Resolvido Re: Pagina inicial

Mensagem por MateusV. em 05/03/12, 03:02 pm

Olá, diminua o valor do Verde..
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Pagina inicial

Mensagem por ♦stefan♦ em 05/03/12, 03:12 pm

O verde é pra ir pra cima, o ultimo pra baixo, eu testei o vermelho e não funcionou, e o azul não sei pra onde vai, é pra direita?

♦stefan♦
Usuário destaque

Masculino
Inscrito dia : 11/01/2011
Mensagens : 643
Pontos Ativos : 942

Ver perfil do usuário

Resolvido Re: Pagina inicial

Mensagem por MateusV. em 05/03/12, 04:24 pm

Olá, o azul é a largura...
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Pagina inicial

Mensagem por ♦stefan♦ em 06/03/12, 01:54 pm

Se terminei de construir minha pagina... valeu ^^

♦stefan♦
Usuário destaque

Masculino
Inscrito dia : 11/01/2011
Mensagens : 643
Pontos Ativos : 942

Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum