Qual é minha questão:
Achei este codigo e queria umas modificações mo mesmo
As imagens dos codigos ficariam centralizadas e o local do login no mesmo local que esta no codigo atual porém menor !
Obrigado
Endereço do meu fórum:
http://passarinhos.forumeiros.com
Achei este codigo e queria umas modificações mo mesmo
- 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>
- Código:
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6750849678976461";
/* 02 widget novo azul forum baixo */
google_ad_slot = "4929456204";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
- Código:
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6750849678976461";
/* 02 widget novo azul forum baixo */
google_ad_slot = "4929456204";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
- Código:
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6750849678976461";
/* 02 widget novo azul forum baixo */
google_ad_slot = "4929456204";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
As imagens dos codigos ficariam centralizadas e o local do login no mesmo local que esta no codigo atual porém menor !
Obrigado
Endereço do meu fórum:
http://passarinhos.forumeiros.com