Modificar pagina html

3 participantes

Ir para baixo

Tópico resolvido Modificar pagina html

Mensagem por fojogo 29.08.13 16:43

Qual é minha questão:
Bom essa é minha pagina inicial - http://randomgames.forumeiros.com/h11-pagina-inicial-5
Gostaria que pegassem a caixa vermelha que tá escrito:  
Tudo Junto e Misturado




Bem Vindo ao Tudo Junto e Misturado novo design de fórum registre-se e veja as grandes novidades do fórum o melhor fórum de tudo junto e misturado Muito feliz
e que está nessa pagina: http://randomgames.forumeiros.com/h2-pagina-inicial-2
E colocassem na pagina inicial minha só que no lugar do Logo, quero que fique esse quadro vermelho e o slide de noticiais e caixa de login

Endereço do meu fórum:
http://randomgames.forumeiros.com

Versão do fórum:
PUNBB
fojogo
fojogo
****

Membro desde : 07/12/2010
Mensagens : 369
Pontos : 624

http://royal-arts.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar pagina html

Mensagem por Konai 29.08.13 17:30

Saudações!

Fiz tais modificações em sua página, basta aceder à gestão das páginas HTML e substituir o código atual da página HTML desejada.

Código:
Código:
<html><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Tudo Junto e Misturado</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<style>
.campos {
    position: absolute;
    right: 120px;
    top: 140px;
}
a {
    color: rgb(0, 114, 198);
    text-decoration: none;
}
a:hover {
    color: rgb(51, 142, 209);
}
footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
padding-top:10px;
    border-top: 1px solid #cc2323;
}
footer div {
    padding-left: 10px;
    padding-bottom: 15px;
    text-align: center;
}
body{font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";}
.titulo {
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial!important;
    color: rgb(204, 35, 35);
    text-shadow: 2px 2px 2px #DDD;
    font-size: 40px;
}
input[type="text"],input[type="password"] {
    padding: 7px;
    outline: none;
    width: 302px;
    margin: 4px;
    font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
}
input[type="submit"]:hover {
    background: rgb(204, 35, 35);
}
input[type="submit"] {
    background: rgb(204, 35, 35);
    height: 2em;  min-width: 6em;  font-family: "Segoe UI Web Semibold", "Segoe UI Web Regular", "Segoe UI", "Helvetica Neue", Arial;  font-size: 100%;    color: rgb(33, 33, 33);  padding: 3px 12px 5px;  border: 0px;
    color: white;
    margin-left: 5px;
    margin-top: 10px;
}
.info {
    position: center;
    top: 5px;
    left: 5px;
}

.info h3 {
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial!important;
}
.info div {
width: 480px;
background: rgb(204, 35, 35);
word-break: break-word;
padding: 10px;
color: white;
}
</style>
</head><body><div class="info">
<div><h3></h3>
<p style="height: auto;width: auto !important;"><<link rel="stylesheet" type="text/css" href="http://habboxhost1.orgfree.com/files/tooltip.css">
 
 
<script type="text/javascript" language="javascript" src="http://habboxhost1.orgfree.com/files/tooltip.js"></script>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <script src="http://habboxhost1.orgfree.com/scripts/mootools.v1.11.js" type="text/javascript"></script>
      <script src="http://habboxhost1.orgfree.com/scripts/jd.gallery.js" type="text/javascript"></script>
      <style type="text/css">

 
.style2 {font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;}
 
td,th {
 
  color: #FFFFFF;
  font-family: Calibri, Verdana, Helvetica, sans-serif;
    font-size: 6px;
  background: #FFFFFF;
 
}
     
     
#myGallery, #myGallerySet, #flickrGallery
{
  width: 954px;
  height: 293px;
  z-index:5;
  border: 1px solid #350000;
}

#flickrGallery
{
  width: 500px;
  height: 334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
  display: none;
}

.jdGallery
{
  overflow: hidden;
  position: relative;
}

.jdGallery img
{
  border: 0;
  margin: 0;
}

.jdGallery .slideElement
{
  width: 100%;
  height: 100%;
  background-color: #350000;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('img/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #350000;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
  position: absolute;
  z-index: 10;
  width: 100%;
  margin: 0px;
  left: 0;
  bottom: 0;
  height: 70px;
  background: #333;
  color: #fff;
  text-indent: 0;
  overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
  bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
  padding: 0;
  font-size: 80%;
  margin: 0;
  margin: 2px 5px;
  font-weight: bold;
  color: inherit;
}

.jdGallery .slideInfoZone p
{
  padding: 0;
  font-size: 60%;
  margin: 2px 5px;
  color: #eee;
}

.jdGallery div.carouselContainer
{
  position: absolute;
  height: 135px;
  width: 100%;
  z-index: 10;
  margin: 0px;
  left: 0;
  top: 0;
}

.jdGallery a.carouselBtn
{
  position: absolute;
  bottom: 0;
  right: 30px;
  height: 20px;
  /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
  text-align: center;
  padding: 0 10px;
  font-size: 13px;
  background: #333;
  color: #fff;
  cursor: pointer;
}

.jdGallery .carousel
{
  position: absolute;
  width: 100%;
  margin: 0px;
  left: 0;
  top: 0;
  height: 115px;
  background: #333;
  color: #fff;
  text-indent: 0;
  overflow: hidden;
}

.jdExtCarousel
{
  overflow: hidden;
  position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
  position: absolute;
  width: 100%;
  height: 78px;
  top: 10px;
  left: 0;
  overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
  position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
  cursor: pointer;
  background: #350000;
  background-position: center center;
  float: left;
  border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
  margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
  font-size: 13px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  padding: 0;
  margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
  font-size: 10px;
  position: absolute;
  bottom: 5px;
  right: 10px;
  padding: 1px 2px;
  margin: 0;
  background: #222;
  border: 1px solid #888;
  cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
  color: #b5b5b5;
}
 
 
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
  z-index: 15;
  position: absolute;
  top: 0;
  left: 30px;
  height: 20px;
  /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
  text-align: center;
  padding: 0 10px;
  font-size: 13px;
  background: #333;
  color: #fff;
  cursor: pointer;
  opacity: .4;
  -moz-opacity: .4;
  -khtml-opacity: 0.4;
  filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
  z-index: 20;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  background: #350000;
}

.jdGallery .gallerySelector h2
{
  margin: 0;
  padding: 10px 20px 10px 20px;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
  overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
  margin-left: 10px;
  margin-top: 10px;
  border: 1px solid #888;
  padding: 5px;
  height: 40px;
  color: #fff;
  cursor: pointer;
  float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
  background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
  background: #350000;
  background-position: center center;
  float: left;
  border: none;
  width: 40px;
  height: 40px;
  margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
  color: #aaa;
}
 
<!--
 
#myGallery
 
{
 
width: 954px !important;
 
height: 293px !important;
 
}

 
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}

 
-->
 
</style>
 

 
 
 
<script type="text/javascript">
 
function startGallery() {
 
var myGallery = new gallery($('myGallery'), {
 
timed: true
 
});
 
}
 
window.addEvent('domready', startGallery);
 
</script>
 
<style>
body{padding:0px;margin:0px;}
</style>



      </p><div align="center" class="content">
 <div id="myGallery" class="jdGallery withArrows" style="display: block;">

 

 

 

   




 
                     
<a class="open" href="http://randomgames.forumeiros.com/h11-pagina-inicial-5#" title="  " style="display: block;"></a><div class="slideElement" style="position: absolute; left: 0px; right: 0px; margin: 0px; padding: 0px; visibility: hidden; zoom: 1; opacity: 0; background-image: url(http://i.imgur.com/EKpGSov.png); background-position: 50% 50%;"></div><div class="slideElement" style="position: absolute; left: 0px; right: 0px; margin: 0px; padding: 0px; visibility: hidden; zoom: 1; opacity: 0; background-image: url(http://i.imgur.com/ybmRxJ7.png); background-position: 50% 50%;"></div><div class="slideElement" style="position: absolute; left: 0px; right: 0px; margin: 0px; padding: 0px; visibility: visible; zoom: 1; opacity: 1; background-image: url(http://i.imgur.com/gXwhocq.png); background-position: 50% 50%;"></div><div class="slideElement" style="position: absolute; left: 0px; right: 0px; margin: 0px; padding: 0px; visibility: visible; zoom: 1; opacity: 1; background-image: url(http://i.imgur.com/w5LRM9z.png); background-position: 50% 50%;"></div><div class="slideElement" style="position: absolute; left: 0px; right: 0px; margin: 0px; padding: 0px; visibility: hidden; zoom: 1; opacity: 0; background-image: url(http://i.imgur.com/ejTVh.png); background-position: 50% 50%;"></div><div class="slideElement" style="position: absolute; left: 0px; right: 0px; margin: 0px; padding: 0px; visibility: hidden; zoom: 1; opacity: 0; background-position: 50% 50%;"></div><a class="left"></a><a class="right"></a><div class="loadingElement" style="display: none;"></div><div class="slideInfoZone" style="visibility: visible; zoom: 1; opacity: 0.9; height: 70px;"><h2><font size="5">Capture The Flag</font></h2><p><font size="2"><a target="_blank" href="http://www.pokeshiny.com/t9374-inscricoes-capture-the-flag-1-junho-julho-e-agosto#127457">Um torneio de times como voce nunca viu igual!! Venha e Participe!</a></font></p></div><div class="carouselContainer" style="visibility: visible; zoom: 1; opacity: 0.7; top: -115px;"><a class="carouselBtn" title="Todas Not�cias [+]">Todas Not�cias [+]</a><div class="carousel"><p class="label"></p><div class="carouselWrapper"><div class="carouselInner" style="width: 682px;"><div class="thumbnail" style="background-image: url(http://i.imgur.com/EKpGSov.png); margin-left: 10px; width: 100px; height: 75px; visibility: visible; zoom: 1; opacity: 0.7; background-position: 50% 50%; background-repeat: no-repeat no-repeat;"></div><div class="thumbnail" style="background-image: url(http://i.imgur.com/ybmRxJ7.png); margin-left: 10px; width: 100px; height: 75px; visibility: visible; zoom: 1; opacity: 0.7; background-position: 50% 50%; background-repeat: no-repeat no-repeat;"></div><div class="thumbnail" style="background-image: url(http://i.imgur.com/gXwhocq.png); margin-left: 10px; width: 100px; height: 75px; visibility: visible; zoom: 1; opacity: 0.7; background-position: 50% 50%; background-repeat: no-repeat no-repeat;"></div><div class="thumbnail" style="background-image: url(http://i.imgur.com/w5LRM9z.png); margin-left: 10px; width: 100px; height: 75px; visibility: visible; zoom: 1; opacity: 0.7; background-position: 50% 50%; background-repeat: no-repeat no-repeat;"></div><div class="thumbnail" style="background-image: url(http://i.imgur.com/MDv4O.png); margin-left: 10px; width: 100px; height: 75px; visibility: visible; zoom: 1; opacity: 0.7; background-position: 50% 50%; background-repeat: no-repeat no-repeat;"></div><div class="thumbnail" style="background-image: url(http://i.imgur.com/LkpGW.png); margin-left: 10px; width: 100px; height: 75px; visibility: visible; zoom: 1; opacity: 0.7; background-position: 50% 50%; background-repeat: no-repeat no-repeat;"></div></div></div></div></div></div>
<style>
.slide {font-family: verdana; font-size: 11px;}
#myGallery {position: relative !important;left: -250px;top: -100px;width: 45% !important;
</style><p></p></div></div><div class="campos">
<form action="/login" method="post" class="frm-form" name="form_login"><fieldset class="frm-set connexion"><legend></legend><div class="frm_connexion"><dl><dt><label for="username">Nome de usuário:</label></dt><dd><input type="text" tabindex="1" name="username" id="username" size="30" maxlength="40" value="" class="inputfield"></dd></dl><dl><dt><label for="password">Senha:</label></dt><dd><input type="password" tabindex="2" id="password" name="password" size="30" maxlength="25" class="inputfield"></dd></dl><dl><dt></dt><dd><label for="autologin" id="lbl_autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked"> Conexão automática</label></dd></dl></div><dl class="frm-buttons fb left"><dt> </dt><dd><input type="hidden" name="redirect" value=""><input type="hidden" name="query" value=""><input type="submit" name="login" tabindex="6" value="Login" class="button2"></dd></dl></fieldset></form>
<span class="reg">Ainda não tem conta? Está esperando o quê ? <a href="/register">Registre-se</a></span><br>
<span class="reg1"> Login com o Facebook <a href="/login">Clique Aqui !</a></span>
</div>

<form action="/forum" class="frm-form" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" enctype="multipart/form-data" id="form2" style="display:none;">
<input style="margin-top:2px" type="text" value="" name="username[]">

<input type="text" name="subject" value="" maxlength="64" title="">
<input type="hidden" name="message" value="">
<input type="hidden" name="lt" value="">
<input type="hidden" name="mode" value="post">
<input type="hidden" name="folder" value="inbox">
<input type="submit" name="post" value="Enviar" tabindex="6" accesskey="s" id="sendMP">
</form><br><br>
<footer><div>Tudo Junto e Misturado Fórum 2013 Todos os Direitos Reservados | Hospedada Por <a href="http://www.forumeiros.com" target="_blank">Forumeiros</a> Editada por Pedrinho (Administrador)</div></footer>

</div></body></html>
Feito isto, basta validar!

Atenciosamente,
Dokyo. Piscada
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar pagina html

Mensagem por fojogo 29.08.13 18:26

Olá, ficou toda bugada a pagina, poderia arrumar?

http://randomgames.forumeiros.com/h11-
fojogo
fojogo
****

Membro desde : 07/12/2010
Mensagens : 369
Pontos : 624

http://royal-arts.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar pagina html

Mensagem por MateusA 29.08.13 22:53

Olá!

Seu tópico está um pouco confuso, poderia me fornecer o código da sua página inicial? sem estar 'bugada'?

Até mais.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar pagina html

Mensagem por Konai 30.08.13 4:07

Saudações!

Me perdoe pelos demais bugs fornecidos no código anterior... Rindo

Substitua por este código:
Código:
<html><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Tudo Junto e Misturado</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<style>
.campos {
    position: absolute;
    right: 120px;
    top: 140px;
}
a {
    color: rgb(0, 114, 198);
    text-decoration: none;
}
a:hover {
    color: rgb(51, 142, 209);
}
footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
padding-top:10px;
    border-top: 1px solid #cc2323;
}
footer div {
    padding-left: 10px;
    padding-bottom: 15px;
    text-align: center;
}
body{font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";}
.titulo {
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial!important;
    color: rgb(204, 35, 35);
    text-shadow: 2px 2px 2px #DDD;
    font-size: 40px;
}
input[type="text"],input[type="password"] {
    padding: 7px;
    outline: none;
    width: 302px;
    margin: 4px;
    font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
}
input[type="submit"]:hover {
    background: rgb(204, 35, 35);
}
input[type="submit"] {
    background: rgb(204, 35, 35);
    height: 2em;  min-width: 6em;  font-family: "Segoe UI Web Semibold", "Segoe UI Web Regular", "Segoe UI", "Helvetica Neue", Arial;  font-size: 100%;    color: rgb(33, 33, 33);  padding: 3px 12px 5px;  border: 0px;
    color: white;
    margin-left: 5px;
    margin-top: 10px;
}
.info {
    position: relative !important;
    top: 5px !important;
    left: 5px !important;
}

.info h3 {
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial!important;
}
.info div {
width: 480px;
background: rgb(204, 35, 35);
word-break: break-word;
padding: 10px;
color: white;
}
</style>
</head><body><div class="info"><div><h3>Tudo Junto e Misturado</h3>
<p>Bem Vindo ao Tudo Junto e Misturado novo design de fórum registre-se e veja as grandes novidades do fórum o melhor fórum de tudo junto e misturado <img src="http://2img.net/i/fa/i/smiles/icon_biggrin.png" alt="Very Happy" longdesc="1" /></p></div></div>
<div><h3></h3>
<div style="height: auto;width: auto !important;"><link rel="stylesheet" type="text/css" href="http://habboxhost1.orgfree.com/files/tooltip.css">


<script type="text/javascript" language="javascript" src="http://habboxhost1.orgfree.com/files/tooltip.js"></script>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <script src="http://habboxhost1.orgfree.com/scripts/mootools.v1.11.js" type="text/javascript"></script>
      <script src="http://habboxhost1.orgfree.com/scripts/jd.gallery.js" type="text/javascript"></script>
      <style type="text/css">

.style2 {font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;}
 
td,th {
 
  color: #FFFFFF;
   font-family: Calibri, Verdana, Helvetica, sans-serif;
    font-size: 6px;
   background: #FFFFFF;
 
}
      
      
#myGallery, #myGallerySet, #flickrGallery
{
   width: 954px;
   height: 293px;
   z-index:5;
   border: 1px solid #350000;
}

#flickrGallery
{
   width: 500px;
   height: 334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
   display: none;
}

.jdGallery
{
   overflow: hidden;
   position: relative;
}

.jdGallery img
{
   border: 0;
   margin: 0;
}

.jdGallery .slideElement
{
   width: 100%;
   height: 100%;
   background-color: #350000;
   background-repeat: no-repeat;
   background-position: center center;
   background-image: url('img/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   background-color: #350000;
   background-repeat: no-repeat;
   background-position: center center;
   background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
   position: absolute;
   z-index: 10;
   width: 100%;
   margin: 0px;
   left: 0;
   bottom: 0;
   height: 70px;
   background: #333;
   color: #fff;
   text-indent: 0;
   overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
   bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
   padding: 0;
   font-size: 80%;
   margin: 0;
   margin: 2px 5px;
   font-weight: bold;
   color: inherit;
}

.jdGallery .slideInfoZone p
{
   padding: 0;
   font-size: 60%;
   margin: 2px 5px;
   color: #eee;
}

.jdGallery div.carouselContainer
{
   position: absolute;
   height: 135px;
   width: 100%;
   z-index: 10;
   margin: 0px;
   left: 0;
   top: 0;
}

.jdGallery a.carouselBtn
{
   position: absolute;
   bottom: 0;
   right: 30px;
   height: 20px;
   /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
   text-align: center;
   padding: 0 10px;
   font-size: 13px;
   background: #333;
   color: #fff;
   cursor: pointer;
}

.jdGallery .carousel
{
   position: absolute;
   width: 100%;
   margin: 0px;
   left: 0;
   top: 0;
   height: 115px;
   background: #333;
   color: #fff;
   text-indent: 0;
   overflow: hidden;
}

.jdExtCarousel
{
   overflow: hidden;
   position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
   position: absolute;
   width: 100%;
   height: 78px;
   top: 10px;
   left: 0;
   overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
   position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
   cursor: pointer;
   background: #350000;
   background-position: center center;
   float: left;
   border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
   margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
   font-size: 13px;
   position: absolute;
   bottom: 5px;
   left: 10px;
   padding: 0;
   margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
   font-size: 10px;
   position: absolute;
   bottom: 5px;
   right: 10px;
   padding: 1px 2px;
   margin: 0;
   background: #222;
   border: 1px solid #888;
   cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
   color: #b5b5b5;
}
  
 
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
   z-index: 15;
   position: absolute;
   top: 0;
   left: 30px;
   height: 20px;
   /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
   text-align: center;
   padding: 0 10px;
   font-size: 13px;
   background: #333;
   color: #fff;
   cursor: pointer;
   opacity: .4;
   -moz-opacity: .4;
   -khtml-opacity: 0.4;
   filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
   z-index: 20;
   width: 100%;
   height: 100%;
   position: relative;
   top: 0;
   left: 0;
   background: #350000;
}

.jdGallery .gallerySelector h2
{
   margin: 0;
   padding: 10px 20px 10px 20px;
   font-size: 20px;
   line-height: 30px;
   color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
   overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
   margin-left: 10px;
   margin-top: 10px;
   border: 1px solid #888;
   padding: 5px;
   height: 40px;
   color: #fff;
   cursor: pointer;
   float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
   background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
   background: #350000;
   background-position: center center;
   float: left;
   border: none;
   width: 40px;
   height: 40px;
   margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
   margin: 0;
   padding: 0;
   font-size: 12px;
   font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
   margin: 0;
   padding: 0;
   font-size: 12px;
   font-weight: normal;
   color: #aaa;
}
 
<!--
 
#myGallery
 
{
 
width: 954px !important;
 
height: 293px !important;
 
}

 
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}

 
-->
 
</style>

<script type="text/javascript">
 
function startGallery() {
 
var myGallery = new gallery($('myGallery'), {
 
timed: true
 
});
 
}
 
window.addEvent('domready', startGallery);
 
</script>
 
<style>
body{padding:0px;margin:0px;}
</style>



      </p><div align="center" class="content">
        <div id="myGallery">      

<div class="imageElement">

                <h3><font size="5">Vagas Abertas!!</font></h3>
              <p class="style2"><font size="2">Estamos com vagas abertas para Designer e Editor da Shiny Magazine!! <a target="_blank" href="http://www.pokeshiny.com/f86-pedidos-de-cargo">Clique e nos mostre o seu talento!!</a></font></p>            
               <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/OvyDf.png"  class="full"/><img src="http://i.imgur.com/r282B.png" class="thumbnail" />          </div>

<div class="imageElement">

                <h3><font size="5">Shiny Clans Clash #1</font></h3>
              <p class="style2"><font size="2">Clans entraram em Guerra!!<a target="_blank" href="http://www.pokeshiny.com/t8828-shiny-clans-clash-1#119286"> Clique Aqui e venha defender seu grupo!!</a></font></p>            
               <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/tK1AC.png"  class="full"/><img src="http://i.imgur.com/ORhru.png" class="thumbnail" />          </div>            

<div class="imageElement">

                <h3><font size="5">Torneio Comemorativo 2013</font></h3>
              <p class="style2"><font size="2">Venha celebrar a chegada do novo ano jogando!<a target="_blank" href="http://www.pokeshiny.com/t8792-inscricoes-torneio-comemorativo-2013"> Primeira Fase em andamento</a></font></p>            
               <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/jxPTe.png"  class="full"/><img src="http://i.imgur.com/vYcaR.png" class="thumbnail" />          </div>

<div class="imageElement">

                <h3><font size="5">PokeShiny Tours 2013</font></h3>
              <p class="style2"><font size="2">Todo mes vai rolar um campeonato relampago aqui no forum, <a target="_blank" href="http://www.pokeshiny.com/f37-pokeshiny-tour">fiquem ligados!!</a></font></p>            
               <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/ejTVh.png"  class="full"/><img src="http://i.imgur.com/MDv4O.png" class="thumbnail" />          </div>

<div class="imageElement">

                <h3><font size="5">Desafio Shiny Magazine</font></h3>
              <p class="style2"><font size="2">Quer testar suas habilidades em design e ainda aparecer na Shiny Magazine? <a target="_blank" href="http://www.pokeshiny.com/f100-desafio-shiny-magazine">Conheca este novo campeonato que os Shiny Designers prepararam!!</a></font></p>            
               <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/OT99Z.png"  class="full"/><img src="http://i.imgur.com/LkpGW.png" class="thumbnail" />          </div>
 
                           
</div>
<style>
.slide {font-family: verdana; font-size: 11px;}
#myGallery {position: relative !important;left: -395px !important;top: 20px !important;width: 45% !important;
</style><p></p></div></div><div class="campos">
<form action="/login" method="post" class="frm-form" name="form_login"><fieldset class="frm-set connexion"><legend></legend><div class="frm_connexion"><dl><dt><label for="username">Nome de usuário:</label></dt><dd><input type="text" tabindex="1" name="username" id="username" size="30" maxlength="40" value="" class="inputfield"></dd></dl><dl><dt><label for="password">Senha:</label></dt><dd><input type="password" tabindex="2" id="password" name="password" size="30" maxlength="25" class="inputfield"></dd></dl><dl><dt></dt><dd><label for="autologin" id="lbl_autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked"> Conexão automática</label></dd></dl></div><dl class="frm-buttons fb left"><dt> </dt><dd><input type="hidden" name="redirect" value=""><input type="hidden" name="query" value=""><input type="submit" name="login" tabindex="6" value="Login" class="button2"></dd></dl></fieldset></form>
<span class="reg">Ainda não tem conta? Está esperando o quê ? <a href="/register">Registre-se</a></span><br>
<span class="reg1"> Login com o Facebook <a href="/login">Clique Aqui !</a></span>
</div>

<form action="/forum" class="frm-form" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" enctype="multipart/form-data" id="form2" style="display:none;">
<input style="margin-top:2px" type="text" value="" name="username[]">

<input type="text" name="subject" value="" maxlength="64" title="">
<input type="hidden" name="message" value="">
<input type="hidden" name="lt" value="">
<input type="hidden" name="mode" value="post">
<input type="hidden" name="folder" value="inbox">
<input type="submit" name="post" value="Enviar" tabindex="6" accesskey="s" id="sendMP">
</form><br><br>
<footer><div>Tudo Junto e Misturado Fórum 2013 Todos os Direitos Reservados | Hospedada Por <a href="http://www.forumeiros.com" target="_blank">Forumeiros</a> Editada por Pedrinho (Administrador)</div></footer>

</body></html>
Seta Vale ressaltar que, eu substitui o seu slide que estava totalmente bugado e desconfigurado por um outro igual, porém sem bugs. O senhor terá apenas de editar as imagens, links e textos de acordo com o teu fórum! Muito feliz

Atenciosamente,
knorr. Piscada
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar pagina html

Mensagem por fojogo 30.08.13 17:19

Teria como colocar ele mais para direita, de um jeito que não fique grudado na tela?
fojogo
fojogo
****

Membro desde : 07/12/2010
Mensagens : 369
Pontos : 624

http://royal-arts.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar pagina html

Mensagem por Konai 30.08.13 17:24

Saudações!

Substitua o código atual por este:
Código:
<html><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Tudo Junto e Misturado</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<style>
.campos {
    position: absolute;
    right: 120px;
    top: 140px;
}
a {
    color: rgb(0, 114, 198);
    text-decoration: none;
}
a:hover {
    color: rgb(51, 142, 209);
}
footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
padding-top:10px;
    border-top: 1px solid #cc2323;
}
footer div {
    padding-left: 10px;
    padding-bottom: 15px;
    text-align: center;
}
body{font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";}
.titulo {
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial!important;
    color: rgb(204, 35, 35);
    text-shadow: 2px 2px 2px #DDD;
    font-size: 40px;
}
input[type="text"],input[type="password"] {
    padding: 7px;
    outline: none;
    width: 302px;
    margin: 4px;
    font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
}
input[type="submit"]:hover {
    background: rgb(204, 35, 35);
}
input[type="submit"] {
    background: rgb(204, 35, 35);
    height: 2em;  min-width: 6em;  font-family: "Segoe UI Web Semibold", "Segoe UI Web Regular", "Segoe UI", "Helvetica Neue", Arial;  font-size: 100%;    color: rgb(33, 33, 33);  padding: 3px 12px 5px;  border: 0px;
    color: white;
    margin-left: 5px;
    margin-top: 10px;
}
.info {
    position: relative !important;
    top: 5px !important;
    left: 5px !important;
}

.info h3 {
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial!important;
}
.info div {
width: 480px;
background: rgb(204, 35, 35);
word-break: break-word;
padding: 10px;
color: white;
}
</style>
</head><body><div class="info"><div><h3>Tudo Junto e Misturado</h3>
<p>Bem Vindo ao Tudo Junto e Misturado novo design de fórum registre-se e veja as grandes novidades do fórum o melhor fórum de tudo junto e misturado <img src="http://2img.net/i/fa/i/smiles/icon_biggrin.png" alt="Very Happy" longdesc="1" /></p></div></div>
<div><h3></h3>
<div style="height: auto;width: auto !important;"><link rel="stylesheet" type="text/css" href="http://habboxhost1.orgfree.com/files/tooltip.css">


<script type="text/javascript" language="javascript" src="http://habboxhost1.orgfree.com/files/tooltip.js"></script>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <script src="http://habboxhost1.orgfree.com/scripts/mootools.v1.11.js" type="text/javascript"></script>
      <script src="http://habboxhost1.orgfree.com/scripts/jd.gallery.js" type="text/javascript"></script>
      <style type="text/css">

.style2 {font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;}
 
td,th {
 
  color: #FFFFFF;
  font-family: Calibri, Verdana, Helvetica, sans-serif;
    font-size: 6px;
  background: #FFFFFF;
 
}
     
     
#myGallery, #myGallerySet, #flickrGallery
{
  width: 954px;
  height: 293px;
  z-index:5;
  border: 1px solid #350000;
}

#flickrGallery
{
  width: 500px;
  height: 334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
  display: none;
}

.jdGallery
{
  overflow: hidden;
  position: relative;
}

.jdGallery img
{
  border: 0;
  margin: 0;
}

.jdGallery .slideElement
{
  width: 100%;
  height: 100%;
  background-color: #350000;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('img/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #350000;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
  position: absolute;
  z-index: 10;
  width: 100%;
  margin: 0px;
  left: 0;
  bottom: 0;
  height: 70px;
  background: #333;
  color: #fff;
  text-indent: 0;
  overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
  bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
  padding: 0;
  font-size: 80%;
  margin: 0;
  margin: 2px 5px;
  font-weight: bold;
  color: inherit;
}

.jdGallery .slideInfoZone p
{
  padding: 0;
  font-size: 60%;
  margin: 2px 5px;
  color: #eee;
}

.jdGallery div.carouselContainer
{
  position: absolute;
  height: 135px;
  width: 100%;
  z-index: 10;
  margin: 0px;
  left: 0;
  top: 0;
}

.jdGallery a.carouselBtn
{
  position: absolute;
  bottom: 0;
  right: 30px;
  height: 20px;
  /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
  text-align: center;
  padding: 0 10px;
  font-size: 13px;
  background: #333;
  color: #fff;
  cursor: pointer;
}

.jdGallery .carousel
{
  position: absolute;
  width: 100%;
  margin: 0px;
  left: 0;
  top: 0;
  height: 115px;
  background: #333;
  color: #fff;
  text-indent: 0;
  overflow: hidden;
}

.jdExtCarousel
{
  overflow: hidden;
  position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
  position: absolute;
  width: 100%;
  height: 78px;
  top: 10px;
  left: 0;
  overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
  position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
  cursor: pointer;
  background: #350000;
  background-position: center center;
  float: left;
  border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
  margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
  font-size: 13px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  padding: 0;
  margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
  font-size: 10px;
  position: absolute;
  bottom: 5px;
  right: 10px;
  padding: 1px 2px;
  margin: 0;
  background: #222;
  border: 1px solid #888;
  cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
  color: #b5b5b5;
}
 
 
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
  z-index: 15;
  position: absolute;
  top: 0;
  left: 30px;
  height: 20px;
  /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
  text-align: center;
  padding: 0 10px;
  font-size: 13px;
  background: #333;
  color: #fff;
  cursor: pointer;
  opacity: .4;
  -moz-opacity: .4;
  -khtml-opacity: 0.4;
  filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
  z-index: 20;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  background: #350000;
}

.jdGallery .gallerySelector h2
{
  margin: 0;
  padding: 10px 20px 10px 20px;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
  overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
  margin-left: 10px;
  margin-top: 10px;
  border: 1px solid #888;
  padding: 5px;
  height: 40px;
  color: #fff;
  cursor: pointer;
  float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
  background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
  background: #350000;
  background-position: center center;
  float: left;
  border: none;
  width: 40px;
  height: 40px;
  margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
  color: #aaa;
}
 
<!--
 
#myGallery
 
{
 
width: 954px !important;
 
height: 293px !important;
 
}

 
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}

 
-->
 
</style>

<script type="text/javascript">
 
function startGallery() {
 
var myGallery = new gallery($('myGallery'), {
 
timed: true
 
});
 
}
 
window.addEvent('domready', startGallery);
 
</script>
 
<style>
body{padding:0px;margin:0px;}
</style>



      </p><div align="center" class="content">
        <div id="myGallery">     

<div class="imageElement">

                <h3><font size="5">Vagas Abertas!!</font></h3>
              <p class="style2"><font size="2">Estamos com vagas abertas para Designer e Editor da Shiny Magazine!! <a target="_blank" href="http://www.pokeshiny.com/f86-pedidos-de-cargo">Clique e nos mostre o seu talento!!</a></font></p>           
              <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/OvyDf.png"  class="full"/><img src="http://i.imgur.com/r282B.png" class="thumbnail" />          </div>

<div class="imageElement">

                <h3><font size="5">Shiny Clans Clash #1</font></h3>
              <p class="style2"><font size="2">Clans entraram em Guerra!!<a target="_blank" href="http://www.pokeshiny.com/t8828-shiny-clans-clash-1#119286"> Clique Aqui e venha defender seu grupo!!</a></font></p>           
              <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/tK1AC.png"  class="full"/><img src="http://i.imgur.com/ORhru.png" class="thumbnail" />          </div>           

<div class="imageElement">

                <h3><font size="5">Torneio Comemorativo 2013</font></h3>
              <p class="style2"><font size="2">Venha celebrar a chegada do novo ano jogando!<a target="_blank" href="http://www.pokeshiny.com/t8792-inscricoes-torneio-comemorativo-2013"> Primeira Fase em andamento</a></font></p>           
              <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/jxPTe.png"  class="full"/><img src="http://i.imgur.com/vYcaR.png" class="thumbnail" />          </div>

<div class="imageElement">

                <h3><font size="5">PokeShiny Tours 2013</font></h3>
              <p class="style2"><font size="2">Todo mes vai rolar um campeonato relampago aqui no forum, <a target="_blank" href="http://www.pokeshiny.com/f37-pokeshiny-tour">fiquem ligados!!</a></font></p>           
              <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/ejTVh.png"  class="full"/><img src="http://i.imgur.com/MDv4O.png" class="thumbnail" />          </div>

<div class="imageElement">

                <h3><font size="5">Desafio Shiny Magazine</font></h3>
              <p class="style2"><font size="2">Quer testar suas habilidades em design e ainda aparecer na Shiny Magazine? <a target="_blank" href="http://www.pokeshiny.com/f100-desafio-shiny-magazine">Conheca este novo campeonato que os Shiny Designers prepararam!!</a></font></p>           
              <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/OT99Z.png"  class="full"/><img src="http://i.imgur.com/LkpGW.png" class="thumbnail" />          </div>
 
                           
</div>
<style>
.slide {font-family: verdana; font-size: 11px;}
#myGallery {position: relative !important;left: -385px !important;top: 20px !important;width: 45% !important;
</style><p></p></div></div><div class="campos">
<form action="/login" method="post" class="frm-form" name="form_login"><fieldset class="frm-set connexion"><legend></legend><div class="frm_connexion"><dl><dt><label for="username">Nome de usuário:</label></dt><dd><input type="text" tabindex="1" name="username" id="username" size="30" maxlength="40" value="" class="inputfield"></dd></dl><dl><dt><label for="password">Senha:</label></dt><dd><input type="password" tabindex="2" id="password" name="password" size="30" maxlength="25" class="inputfield"></dd></dl><dl><dt></dt><dd><label for="autologin" id="lbl_autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked"> Conexão automática</label></dd></dl></div><dl class="frm-buttons fb left"><dt> </dt><dd><input type="hidden" name="redirect" value=""><input type="hidden" name="query" value=""><input type="submit" name="login" tabindex="6" value="Login" class="button2"></dd></dl></fieldset></form>
<span class="reg">Ainda não tem conta? Está esperando o quê ? <a href="/register">Registre-se</a></span><br>
<span class="reg1"> Login com o Facebook <a href="/login">Clique Aqui !</a></span>
</div>

<form action="/forum" class="frm-form" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" enctype="multipart/form-data" id="form2" style="display:none;">
<input style="margin-top:2px" type="text" value="" name="username[]">

<input type="text" name="subject" value="" maxlength="64" title="">
<input type="hidden" name="message" value="">
<input type="hidden" name="lt" value="">
<input type="hidden" name="mode" value="post">
<input type="hidden" name="folder" value="inbox">
<input type="submit" name="post" value="Enviar" tabindex="6" accesskey="s" id="sendMP">
</form><br><br>
<footer><div>Tudo Junto e Misturado Fórum 2013 Todos os Direitos Reservados | Hospedada Por <a href="http://www.forumeiros.com" target="_blank">Forumeiros</a> Editada por Pedrinho (Administrador)</div></footer>

</body></html>
Seria isto?

Atenciosamente. Muito feliz
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar pagina html

Mensagem por fojogo 30.08.13 19:10

Não resultou, e outra coisinha, teria como por esta imagem como favicon:

https://i.imgur.com/O6gGlkn.png
fojogo
fojogo
****

Membro desde : 07/12/2010
Mensagens : 369
Pontos : 624

http://royal-arts.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar pagina html

Mensagem por Konai 30.08.13 19:50

Saudações querido!

O código que lhe mandei substituir move o slide mais para a direita. O senhor quer mover o slide ou a caixa vermelha?

Agora sobre o favicon, o senhor deve hospeda-lo num site que converte imagens para imagens ".ico". O senhor irá encontrar no Google, basta fazer uma pesquisa sobre sites que convertem imagens para ".ico".

Feito isto, aceda à: Painel de Controle -> Geral -> Fórum -> Configuração ->> Favicon do fórum

Atenciosamente. Muito feliz
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar pagina html

Mensagem por fojogo 30.08.13 20:08

Sobre o favicon ja arrumei, porem eu quero que a caixa vermelha e o slide fiquem mais proximos do canto de login
fojogo
fojogo
****

Membro desde : 07/12/2010
Mensagens : 369
Pontos : 624

http://royal-arts.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar pagina html

Mensagem por Konai 30.08.13 20:12

Saudações!

Substitua por este código:
Código:
<html><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Tudo Junto e Misturado</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<style>
.campos {
    position: absolute;
    right: 120px;
    top: 140px;
}
a {
    color: rgb(0, 114, 198);
    text-decoration: none;
}
a:hover {
    color: rgb(51, 142, 209);
}
footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
padding-top:10px;
    border-top: 1px solid #cc2323;
}
footer div {
    padding-left: 10px;
    padding-bottom: 15px;
    text-align: center;
}
body{font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";}
.titulo {
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial!important;
    color: rgb(204, 35, 35);
    text-shadow: 2px 2px 2px #DDD;
    font-size: 40px;
}
input[type="text"],input[type="password"] {
    padding: 7px;
    outline: none;
    width: 302px;
    margin: 4px;
    font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
}
input[type="submit"]:hover {
    background: rgb(204, 35, 35);
}
input[type="submit"] {
    background: rgb(204, 35, 35);
    height: 2em;  min-width: 6em;  font-family: "Segoe UI Web Semibold", "Segoe UI Web Regular", "Segoe UI", "Helvetica Neue", Arial;  font-size: 100%;    color: rgb(33, 33, 33);  padding: 3px 12px 5px;  border: 0px;
    color: white;
    margin-left: 5px;
    margin-top: 10px;
}
.info {
    position: relative !important;
    top: 30px !important;
    left: 180px !important;
}

.info h3 {
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial!important;
}
.info div {
width: 480px;
background: rgb(204, 35, 35);
word-break: break-word;
padding: 10px;
color: white;
}
</style>
</head><body><div class="info"><div><h3>Tudo Junto e Misturado</h3>
<p>Bem Vindo ao Tudo Junto e Misturado novo design de fórum registre-se e veja as grandes novidades do fórum o melhor fórum de tudo junto e misturado <img src="http://2img.net/i/fa/i/smiles/icon_biggrin.png" alt="Very Happy" longdesc="1" /></p></div></div>
<div><h3></h3>
<div style="height: auto;width: auto !important;"><link rel="stylesheet" type="text/css" href="http://habboxhost1.orgfree.com/files/tooltip.css">


<script type="text/javascript" language="javascript" src="http://habboxhost1.orgfree.com/files/tooltip.js"></script>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <script src="http://habboxhost1.orgfree.com/scripts/mootools.v1.11.js" type="text/javascript"></script>
      <script src="http://habboxhost1.orgfree.com/scripts/jd.gallery.js" type="text/javascript"></script>
      <style type="text/css">

.style2 {font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;}
 
td,th {
 
  color: #FFFFFF;
  font-family: Calibri, Verdana, Helvetica, sans-serif;
    font-size: 6px;
  background: #FFFFFF;
 
}
     
     
#myGallery, #myGallerySet, #flickrGallery
{
  width: 954px;
  height: 293px;
  z-index:5;
  border: 1px solid #350000;
}

#flickrGallery
{
  width: 500px;
  height: 334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
  display: none;
}

.jdGallery
{
  overflow: hidden;
  position: relative;
}

.jdGallery img
{
  border: 0;
  margin: 0;
}

.jdGallery .slideElement
{
  width: 100%;
  height: 100%;
  background-color: #350000;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('img/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #350000;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
  position: absolute;
  z-index: 10;
  width: 100%;
  margin: 0px;
  left: 0;
  bottom: 0;
  height: 70px;
  background: #333;
  color: #fff;
  text-indent: 0;
  overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
  bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
  padding: 0;
  font-size: 80%;
  margin: 0;
  margin: 2px 5px;
  font-weight: bold;
  color: inherit;
}

.jdGallery .slideInfoZone p
{
  padding: 0;
  font-size: 60%;
  margin: 2px 5px;
  color: #eee;
}

.jdGallery div.carouselContainer
{
  position: absolute;
  height: 135px;
  width: 100%;
  z-index: 10;
  margin: 0px;
  left: 0;
  top: 0;
}

.jdGallery a.carouselBtn
{
  position: absolute;
  bottom: 0;
  right: 30px;
  height: 20px;
  /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
  text-align: center;
  padding: 0 10px;
  font-size: 13px;
  background: #333;
  color: #fff;
  cursor: pointer;
}

.jdGallery .carousel
{
  position: absolute;
  width: 100%;
  margin: 0px;
  left: 0;
  top: 0;
  height: 115px;
  background: #333;
  color: #fff;
  text-indent: 0;
  overflow: hidden;
}

.jdExtCarousel
{
  overflow: hidden;
  position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
  position: absolute;
  width: 100%;
  height: 78px;
  top: 10px;
  left: 0;
  overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
  position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
  cursor: pointer;
  background: #350000;
  background-position: center center;
  float: left;
  border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
  margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
  font-size: 13px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  padding: 0;
  margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
  font-size: 10px;
  position: absolute;
  bottom: 5px;
  right: 10px;
  padding: 1px 2px;
  margin: 0;
  background: #222;
  border: 1px solid #888;
  cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
  color: #b5b5b5;
}
 
 
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
  z-index: 15;
  position: absolute;
  top: 0;
  left: 30px;
  height: 20px;
  /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
  text-align: center;
  padding: 0 10px;
  font-size: 13px;
  background: #333;
  color: #fff;
  cursor: pointer;
  opacity: .4;
  -moz-opacity: .4;
  -khtml-opacity: 0.4;
  filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
  z-index: 20;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  background: #350000;
}

.jdGallery .gallerySelector h2
{
  margin: 0;
  padding: 10px 20px 10px 20px;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
  overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
  margin-left: 10px;
  margin-top: 10px;
  border: 1px solid #888;
  padding: 5px;
  height: 40px;
  color: #fff;
  cursor: pointer;
  float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
  background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
  background: #350000;
  background-position: center center;
  float: left;
  border: none;
  width: 40px;
  height: 40px;
  margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
  color: #aaa;
}
 
<!--
 
#myGallery
 
{
 
width: 954px !important;
 
height: 293px !important;
 
}

 
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}

 
-->
 
</style>

<script type="text/javascript">
 
function startGallery() {
 
var myGallery = new gallery($('myGallery'), {
 
timed: true
 
});
 
}
 
window.addEvent('domready', startGallery);
 
</script>
 
<style>
body{padding:0px;margin:0px;}
</style>



      </p><div align="center" class="content">
        <div id="myGallery">     

<div class="imageElement">

                <h3><font size="5">Vagas Abertas!!</font></h3>
              <p class="style2"><font size="2">Estamos com vagas abertas para Designer e Editor da Shiny Magazine!! <a target="_blank" href="http://www.pokeshiny.com/f86-pedidos-de-cargo">Clique e nos mostre o seu talento!!</a></font></p>           
              <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/OvyDf.png"  class="full"/><img src="http://i.imgur.com/r282B.png" class="thumbnail" />          </div>

<div class="imageElement">

                <h3><font size="5">Shiny Clans Clash #1</font></h3>
              <p class="style2"><font size="2">Clans entraram em Guerra!!<a target="_blank" href="http://www.pokeshiny.com/t8828-shiny-clans-clash-1#119286"> Clique Aqui e venha defender seu grupo!!</a></font></p>           
              <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/tK1AC.png"  class="full"/><img src="http://i.imgur.com/ORhru.png" class="thumbnail" />          </div>           

<div class="imageElement">

                <h3><font size="5">Torneio Comemorativo 2013</font></h3>
              <p class="style2"><font size="2">Venha celebrar a chegada do novo ano jogando!<a target="_blank" href="http://www.pokeshiny.com/t8792-inscricoes-torneio-comemorativo-2013"> Primeira Fase em andamento</a></font></p>           
              <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/jxPTe.png"  class="full"/><img src="http://i.imgur.com/vYcaR.png" class="thumbnail" />          </div>

<div class="imageElement">

                <h3><font size="5">PokeShiny Tours 2013</font></h3>
              <p class="style2"><font size="2">Todo mes vai rolar um campeonato relampago aqui no forum, <a target="_blank" href="http://www.pokeshiny.com/f37-pokeshiny-tour">fiquem ligados!!</a></font></p>           
              <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/ejTVh.png"  class="full"/><img src="http://i.imgur.com/MDv4O.png" class="thumbnail" />          </div>

<div class="imageElement">

                <h3><font size="5">Desafio Shiny Magazine</font></h3>
              <p class="style2"><font size="2">Quer testar suas habilidades em design e ainda aparecer na Shiny Magazine? <a target="_blank" href="http://www.pokeshiny.com/f100-desafio-shiny-magazine">Conheca este novo campeonato que os Shiny Designers prepararam!!</a></font></p>           
              <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/OT99Z.png"  class="full"/><img src="http://i.imgur.com/LkpGW.png" class="thumbnail" />          </div>
 
                           
</div>
<style>
.slide {font-family: verdana; font-size: 11px;}
#myGallery {position: relative !important;left: -280px !important;top: 45px !important;width: 45% !important;
</style><p></p></div></div><div class="campos">
<form action="/login" method="post" class="frm-form" name="form_login"><fieldset class="frm-set connexion"><legend></legend><div class="frm_connexion"><dl><dt><label for="username">Nome de usuário:</label></dt><dd><input type="text" tabindex="1" name="username" id="username" size="30" maxlength="40" value="" class="inputfield"></dd></dl><dl><dt><label for="password">Senha:</label></dt><dd><input type="password" tabindex="2" id="password" name="password" size="30" maxlength="25" class="inputfield"></dd></dl><dl><dt></dt><dd><label for="autologin" id="lbl_autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked"> Conexão automática</label></dd></dl></div><dl class="frm-buttons fb left"><dt> </dt><dd><input type="hidden" name="redirect" value=""><input type="hidden" name="query" value=""><input type="submit" name="login" tabindex="6" value="Login" class="button2"></dd></dl></fieldset></form>
<span class="reg">Ainda não tem conta? Está esperando o quê ? <a href="/register">Registre-se</a></span><br>
<span class="reg1"> Login com o Facebook <a href="/login">Clique Aqui !</a></span>
</div>

<form action="/forum" class="frm-form" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" enctype="multipart/form-data" id="form2" style="display:none;">
<input style="margin-top:2px" type="text" value="" name="username[]">

<input type="text" name="subject" value="" maxlength="64" title="">
<input type="hidden" name="message" value="">
<input type="hidden" name="lt" value="">
<input type="hidden" name="mode" value="post">
<input type="hidden" name="folder" value="inbox">
<input type="submit" name="post" value="Enviar" tabindex="6" accesskey="s" id="sendMP">
</form><br><br>
<footer><div>Tudo Junto e Misturado Fórum 2013 Todos os Direitos Reservados | Hospedada Por <a href="http://www.forumeiros.com" target="_blank">Forumeiros</a> Editada por Pedrinho (Administrador)</div></footer>

</body></html>
Seta Salve! Seria isto?

Atenciosamente. Muito feliz
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar pagina html

Mensagem por fojogo 30.08.13 20:47

Isso assim mesmo, podem fechar
fojogo
fojogo
****

Membro desde : 07/12/2010
Mensagens : 369
Pontos : 624

http://royal-arts.forumeiros.com/

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