Pagina inicial

4 participantes

Ir para baixo

Tópico resolvido Pagina inicial

Mensagem por ♦stefan♦ 05.03.12 16:11

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
avatar
♦stefan♦
Membro

Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina inicial

Mensagem por MateusV. 05.03.12 16:17

Olá, oque exatamente deseja editar?
Cordialmente.
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina inicial

Mensagem por Fonsecca 05.03.12 16:19

O que queres fazer nessa página?
Fonsecca
Fonsecca
***

Membro desde : 23/02/2012
Mensagens : 141
Pontos : 166

http://rpgmsofhogwarts.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina inicial

Mensagem por Roevs 05.03.12 16:31

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="https://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="https://2img.net/h/oi41.tinypic.com/16hs283.png" border="0" alt="Créditos totais para o forum RBFórum."></div><div id="wardesign"><img src="https://2img.net/h/oi39.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="https://www.forumeiros.com" target="_blank"></a>
</html>


Última edição por @Coper em 05.03.12 16:33, editado 1 vez(es)
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina inicial

Mensagem por ♦stefan♦ 05.03.12 16:32

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...
avatar
♦stefan♦
Membro

Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina inicial

Mensagem por ♦stefan♦ 05.03.12 16:35

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
-------------------'
avatar
♦stefan♦
Membro

Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina inicial

Mensagem por MateusV. 05.03.12 16:38

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.
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina inicial

Mensagem por ♦stefan♦ 05.03.12 16:53

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!
avatar
♦stefan♦
Membro

Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina inicial

Mensagem por MateusV. 05.03.12 17:01

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á.
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina inicial

Mensagem por ♦stefan♦ 05.03.12 17:56

E o pra ir pra baixo? qual é?
avatar
♦stefan♦
Membro

Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina inicial

Mensagem por Roevs 05.03.12 18:00

Acho que o 107 que e para ir pra baixo
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina inicial

Mensagem por ♦stefan♦ 05.03.12 18:02

também acho *-*
avatar
♦stefan♦
Membro

Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina inicial

Mensagem por MateusV. 05.03.12 18:02

Olá, diminua o valor do Verde..
Cordialmente.
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina inicial

Mensagem por ♦stefan♦ 05.03.12 18:12

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?
avatar
♦stefan♦
Membro

Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina inicial

Mensagem por MateusV. 05.03.12 19:24

Olá, o azul é a largura...
Cordialmente.
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina inicial

Mensagem por ♦stefan♦ 06.03.12 16:54

Se terminei de construir minha pagina... valeu ^^
avatar
♦stefan♦
Membro

Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos