Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Página HTML

4 participantes

Início :: Forumeiros :: NostalgiaPágina HTML

Ricardo Henrique Ricardo Henrique  • Qua 4 Dez 2013 - 15:24

Página HTML Empty Página HTML Qua 4 Dez 2013 - 15:24

Qual é minha questão:
Érr...

Eu gostaria de obter a página HTML personalizada da BS, o código, claro, o resto eu editaria conforme o meu gosto.
(Se possível)

Se não for possível, disponibilizem algum código de página HTML personalizada pra mim, porfavor, e auxiliem-me a transformar o meu portal nesta página HTML personalizada.

Desde já agradeço. Abçs.

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
Phpbb2

waghcwb waghcwb  • Qua 4 Dez 2013 - 17:19

Página HTML Empty Re: Página HTML Qua 4 Dez 2013 - 17:19

Qual página? Tente ser mais especifico, existe um monte de páginas aqui '-'

[K]oke [K]oke  • Qua 4 Dez 2013 - 17:33

Página HTML Empty Re: Página HTML Qua 4 Dez 2013 - 17:33

Olá,

aqui está meu caro
Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html lang="pt">
<head>
    <title>BestSkins - As melhores skins você encontra aqui</title>
<link rel="shortcut icon" type="image/x-icon" href="http://img24.imageshack.us/img24/5753/lgtedd2i.png">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<meta name="language" content="pt">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
  body {
  background: url('http://i.imgur.com/5bjVbVo.gif') repeat-x top left;
  font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
  margin: 0 auto;
  }
ul {-webkit-padding-start: 5px;}
li {list-style-type: none;}
.tablet {
background: url('http://info.sennco.com/Portals/148705/images/tablet%20png.png') no-repeat;
height: 917px;
width: 768px;
float: right;
position: absolute;
top: 13%;
right: 20%;
z-index: 100;
}
.t-inside {
background: url(http://geekshavelanded.com/wp-content/uploads/2012/06/wallpaper_11.jpg) no-repeat center;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
margin: 88px 0 0 108px;
border-radius: 4px;
height: 728px;
width: 568px;
}
.menu {
background: -moz-linear-gradient(#f9f9f9,#e0e0e0);
background-color: #e0e0e0;
background-image: -webkit-linear-gradient(#f9f9f9,#e0e0e0);
-moz-box-shadow: 0 1px 3px #232323;
-webkit-box-shadow: 0 1px 3px #232323;
box-shadow: 0 1px 3px #232323;
border-radius: 4px 4px 0 0;
font-family: 'Trebuchet MS';
text-transform: uppercase;
}
.menu li {display: inline-block;}
.menu li a {
color: rgb(52, 109, 154);
display: block;
text-decoration: none;
padding: 3px;
border-right: 1px solid #ddd;
height: 37px;
line-height: 37px;
}
    .todos {
        background: url("http://i.imgur.com/f2qZkGO.png") 0px 0px repeat-y;
        border-right: 3px solid #404F68;
        border-bottom: 3px solid #404F68;
        height: 100%;
        width: 177px;
        -moz-box-shadow: 0 1px 3px #232323;
        -webkit-box-shadow: 0 1px 3px #232323;
        box-shadow: 0 1px 3px #232323;
        padding-left: 17px;
        position: fixed;
       font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: 700;
        padding: 4px 0px 0px;
        text-transform: uppercase;
    }
    .todos li a {
background: url(http://i78.servimg.com/u/f78/18/32/50/20/primar10.png) 0px 0px no-repeat;
color: rgb(255, 255, 255);
padding-left: 12px;
display: block;
height: 37px;
line-height: 37px;
margin-bottom: 4px;
outline: none;
text-decoration: none;
}
    .todos li a:hover {
background-position: 0px -103px;
color: rgb(52, 109, 154);
height: 43px;
line-height: 43px;
margin-bottom: 0px;
margin-top: -2px;
position: relative;
}
.todos div {padding: 8px;}
    .todos p{
       font: 2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        color: white;
    }
.topMarks {
background: url(http://i.imgur.com/inT4DLf.png) no-repeat top right;
position: absolute;
top: 8%;
right: 18%;
width: 318px;
height: 266px;
z-index: 1;
}
.topPaper {
background: url(http://i.imgur.com/fpBaCDG.png) no-repeat top right;
position: absolute;
top: 13%;
right: 18%;
width: 352px;
height: 445px;
z-index: 1;
}
.topPaperClip {
background: url(http://i.imgur.com/e3MBJTc.png) no-repeat top left;
position: absolute;
top: 8%;
left: 23%;
width: 101px;
height: 115px;
z-index: 1;
}
.content {
padding: 8px;
min-height: 230px;
width: 430px;
margin: 0 auto;
}
.content div {
background: white;
padding: 3px;
border-radius: 2px;
}
.content_inside {
display: inline-block;
width: 130px;
}
.content_inside:nth-child(2) {
border-right: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
}
.content h3 {
text-transform: uppercase;
color: white;
-webkit-margin-before: 0em;
border-bottom: 2px solid white;
}
.content a {
color: rgb(52, 109, 154);
text-decoration: none;
font-size: 13px;
}
#stats {
float: right;
position: absolute;
top: 8px;
right: 15px;
}
#stats h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: white;
}
#credits {
float: right;
position: absolute;
font-weight: bold;
top: 35px;
right: 15px;
font-family: Candara;
color: rgb(71, 71, 71);
text-shadow: 1px 1px 0px rgb(0, 0, 0);
font-size: 13px;
}
#credits a {
color: rgb(162, 162, 162) !important;
}
#credits a:hover {
color: white !important;
}
</style>
<!-- Date: 2013-10-23 -->
</head>

<body>
 <div class="topMarks"></div>
 <div class="topPaper"></div>
 <div class="topPaperClip"></div>
  <div class="tablet">
    <div class="t-inside">
<div class="menu">
 <ul>
  <li><a href="/forum">Fórum</a></li>
  <li><a href="/faq">FAQ</a></li>
  <li><a href="/memberlist">Membros</a></li>
  <li><a href="/groups">Grupos</a></li>
 </ul>
 </div>
<div class="content"><h3>Sobre Nós!</h3>
    <div>O fórum <b>BestSkins</b> está online desde 21 Jan 2013, o nosso fórum dispõe do melhor conteúdo e suporte para a plataforma forumeiros, tanto em CSS, como também HTML e jQuery. Também irão encontrar alguns serviços oferecidos pela <b>BestSkins</b>, como tutoriais para fóruns, batalhas de design e muito mais...</div>
</div>
<div class="content"><h3>Confira Também!</h3>
    <div><ul>
            <div class="content_inside">
              <li><a href="/t54-regras-gerais-do-forum-bestskins">Regras Gerais</a></li>
              <li><a href="/f30-entrevistas">Entrevistas</a></li>
              <li><a href="/f21-parceria">Parceria</a></li>
              <li><a href="/f10-criticas-duvidas-e-sugestoes">Dúvidas e Sugestões</a></li>
            </div>
            <div class="content_inside">
              <li><a href="/f4-pedido-de-codigo">Pedido de códigos</a></li>
              <li><a href="/f20-dicas-e-tutoriais">Dicas e Tutoriais</a></li>
              <li><a href="/f14-skins">Skins BS</a></li>
              <li><a href="/f6-apresente-se">Apresentações</a></li>
            </div>
            <div class="content_inside">
              <li><a href="#">Link aqui!</a></li>
              <li><a href="#">Link aqui!</a></li>
              <li><a href="#">Link aqui!</a></li>
              <li><a href="#">Link aqui!</a></li>
            </div>
            </ul>
    </div>
</div>
 </div>
    </div>
<div class="todos">
<div>
<p>BestSkins</p>

<li>Bem vindos ao fórum!</li>

</div>
<ul>

<li><a href="/">Link aqui!</a></li>

<li><a href="/">Link aqui!</a></li>

<li><a href="/">Link aqui!</a></li>

<li><a href="/">Link aqui!</a></li>



</ul>
</div>
<div id="stats">
<iframe id="forum-stats" height="100px" width="100%" scrolling="no" frameBorder="0" style="display: none;" src="/forum"></iframe>
<script type="text/javascript">
         //<![CDATA[
         $(document).ready(function(){
             $('#forum-stats').load(function(){
                 var iframe = $('#forum-stats').contents();
                 if(iframe.length > 0) {
                        $('#stats').html(iframe.find('.statistics_head').html());
                 }
             });
         });
         //]]>
      </script>
      </div>
<!-- CREDITOS --><div id="credits">Fórum hospedado por <a href="http://www.forumeiros.com">Forumeiros.com</a></div>
</div>
</body>
</html>
Até mais!

Ricardo Henrique Ricardo Henrique  • Qua 4 Dez 2013 - 20:27

Página HTML Empty Re: Página HTML Qua 4 Dez 2013 - 20:27

Wagner' - Me refiro à esta:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Davisnatsu - Apliquei o código HTML e marquei "sim" para ser minha página inicial porém nada fora alterado. OBS: Fiz o teste no meu fórum de testes;
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

EDIT:
Consegui! Ao acessar a página acima ela vai pra HTML personalizada ! =))

Mas eu gostaria de saber, tem como fazer pra quando clicar no portal no menu de navegação do índice do fórum ser então redirecionado para esta pagina HTML inicial?

EDIT²:
Há também alguma forma de eu aplicar o slideshow que está no índice do meu fórum nessa pagina HTML personalizada?

[S]herlock H. [S]herlock H.  • Qua 4 Dez 2013 - 20:59

Página HTML Empty Re: Página HTML Qua 4 Dez 2013 - 20:59

Ricardo Henrique escreveu:Wagner' - Me refiro à esta:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Davisnatsu - Apliquei o código HTML e marquei "sim" para ser minha página inicial porém nada fora alterado. OBS: Fiz o teste no meu fórum de testes;
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

EDIT:
Consegui! Ao acessar a página acima ela vai pra HTML personalizada ! =))

Mas eu gostaria de saber, tem como fazer pra quando clicar no portal no menu de navegação do índice do fórum ser então redirecionado para esta pagina HTML inicial?

EDIT²:
Há também alguma forma de eu aplicar o slideshow que está no índice do meu fórum nessa pagina HTML personalizada?
Sim amigo é possível, antes de tudo, me passe o código do slide show.

Ricardo Henrique Ricardo Henrique  • Qua 4 Dez 2013 - 21:08

Página HTML Empty Re: Página HTML Qua 4 Dez 2013 - 21:08

Segue abaixo o código do meu slideshow.
HTML:
Código:
<center><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style>
.slide {font-family: verdana; font-size: 11px;}
</style>
<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">

a:link {
 
  color: #E3BD00;
 
  font-weight: bold;
  text-decoration: none;
 
}
 
a:visited {
 
  color: #E3BD00;
  text-decoration: none;
 
}
 
a:hover {
 
  color: #E3BD00;
  text-decoration: none;
 
}
 
a:active {
 
  color: #E3BD00;
  text-decoration: none;
 
}
 
.style2 {font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;}
 
body,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>
 
</head>
 
  <body>
 
<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>
</head>
<body>

      <div align="center" class="content">
        <div id="myGallery">        
<div class="imageElement">

                <h3><font size="5">NTG chegando em 2014!!</font></h3>
              <p class="style2"><font size="2">Mais uma etapa concluida. <a target="_blank" href="http://i.imgur.com/6R0p4C6.png">NTGVille avançando!</a></font></p>              
                <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/vkIVpXc.png"  class="full"/><img src="http://i.imgur.com/vkIVpXc.png" class="thumbnail" />          </div>
<div class="imageElement">

                <h3><font size="5">Torneio em processo</font></h3>
              <p class="style2"><font size="2">Muitas lutas rolando e muitos sendo mortos<a target="_blank" href="http://www.pokeshiny.com/t8828-shiny-clans-clash-1#119286"> Clique aqui e saiba tudo sobre o torneio!!</a></font></p>              
                <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/ktbGlKK.png"  class="full"/><img src="http://i.imgur.com/ktbGlKK.png" class="thumbnail" />          </div>              
<div class="imageElement">

                <h3><font size="5">Novidades da semana</font></h3>
              <p class="style2"><font size="2">Fique atento sobre tudo o que acontece pelo fórum.<a target="_blank" href="http://www.pokeshiny.com/t8792-inscricoes-torneio-comemorativo-2013"> Clique aqui e confira já!</a></font></p>              
                <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src=http://i.imgur.com/89pgFDj.png"  class="full"/><img src="http://i.imgur.com/89pgFDj.png" class="thumbnail" />          </div>
 
                              
</div>

</body>
</html></center>
PÁGINA INICIAL:
Código:
<div class="panel introduction"><div class="inner"><span class="corners-top"><span></span></span><div class="mes-txt"><center><iframe style="left: 0px; right: 0px;" src="/h1-"frameborder="no" scrolling="no" height="293" width="954"></iframe></center></div><span class="corners-bottom"><span></span></span></div><div>
-------------

Além disso eu gostaria de personalizar um pouco essa página, eis abaixo um edit no paint que eu fiz agora há pouco para ver se vocês podem ajustar ao meu gosto:

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Ricardo Henrique Ricardo Henrique  • Sex 6 Dez 2013 - 14:36

Página HTML Empty Re: Página HTML Sex 6 Dez 2013 - 14:36

up.

Ricardo Henrique Ricardo Henrique  • Sáb 7 Dez 2013 - 13:54

Página HTML Empty Re: Página HTML Sáb 7 Dez 2013 - 13:54

up. >.<'

[S]herlock H. [S]herlock H.  • Sáb 7 Dez 2013 - 18:59

Página HTML Empty Re: Página HTML Sáb 7 Dez 2013 - 18:59

Saudações!

Pelo que eu entendi, você gostaria do slideshow na parte do fundo de madeira, e a parte do tablet no espaço branco, deitado ?
Caso sim, peço que deixe a imagem do tablet deitada, link da imagem: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Caso queira alguma modificação, relate ela.

Até mais.

Ricardo Henrique Ricardo Henrique  • Sáb 7 Dez 2013 - 19:44

Página HTML Empty Re: Página HTML Sáb 7 Dez 2013 - 19:44

Olá,

sim, exatamente!

Érr... não há como você fazer o código para mim e depois eu troco as imagens? (se puder seria ótimo!, se não, vou adiantando a imagem).

[S]herlock H. [S]herlock H.  • Dom 8 Dez 2013 - 16:04

Página HTML Empty Re: Página HTML Dom 8 Dez 2013 - 16:04

Ricardo Henrique escreveu:Olá,

sim, exatamente!

Érr... não há como você fazer o código para mim e depois eu troco as imagens? (se puder seria ótimo!, se não, vou adiantando a imagem).
Não tem como, preciso da imagem do tablet, se não irá bugar o código da página :/

Até mais.

Ricardo Henrique Ricardo Henrique  • Dom 8 Dez 2013 - 16:13

Página HTML Empty Re: Página HTML Dom 8 Dez 2013 - 16:13

Segue aqui a imagem:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

[S]herlock H. [S]herlock H.  • Dom 8 Dez 2013 - 17:45

Página HTML Empty Re: Página HTML Dom 8 Dez 2013 - 17:45

Saudações!

Veja se lhe agrada:
Código:

<html lang="pt"><head>
    <title>BestSkins - As melhores skins você encontra aqui</title>
<link rel="shortcut icon" type="image/x-icon" href="http://img24.imageshack.us/img24/5753/lgtedd2i.png">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<meta name="language" content="pt">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
  body {
   background: url('http://i.imgur.com/5bjVbVo.gif') repeat-x top left;
   font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
   margin: 0 auto;
  }
ul {-webkit-padding-start: 5px;}
li {list-style-type: none;}
.tablet {
background: url('http://i.imgur.com/i4EDiFl.png') no-repeat;
height: 917px;
width: 820px;
float: right;
position: absolute;
top: 57%;
right: 20%;
z-index: 999;
}
.t-inside {
background: url(http://geekshavelanded.com/wp-content/uploads/2012/06/wallpaper_11.jpg) no-repeat center;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
border-radius: 4px;
height: 290px;
width: 682px;
margin-left: 66px;
}
.menu {
background: -moz-linear-gradient(#f9f9f9,#e0e0e0);
background-color: #e0e0e0;
background-image: -webkit-linear-gradient(#f9f9f9,#e0e0e0);
-moz-box-shadow: 0 1px 3px #232323;
-webkit-box-shadow: 0 1px 3px #232323;
box-shadow: 0 1px 3px #232323;
border-radius: 4px 4px 0 0;
font-family: 'Trebuchet MS';
text-transform: uppercase;
}
.menu li {display: inline-block;}
.menu li a {
color: rgb(52, 109, 154);
display: block;
text-decoration: none;
padding: 3px;
border-right: 1px solid #ddd;
height: 37px;
line-height: 37px;
}
    .todos {
        background: url("http://i.imgur.com/f2qZkGO.png") 0px 0px repeat-y;
        border-right: 3px solid #404F68;
        border-bottom: 3px solid #404F68;
        height: 100%;
        width: 177px;
        -moz-box-shadow: 0 1px 3px #232323;
        -webkit-box-shadow: 0 1px 3px #232323;
        box-shadow: 0 1px 3px #232323;
        padding-left: 17px;
        position: fixed;
       font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: 700;
        padding: 4px 0px 0px;
        text-transform: uppercase;
    }
    .todos li a {
background: url(http://i78.servimg.com/u/f78/18/32/50/20/primar10.png) 0px 0px no-repeat;
color: rgb(255, 255, 255);
padding-left: 12px;
display: block;
height: 37px;
line-height: 37px;
margin-bottom: 4px;
outline: none;
text-decoration: none;
}
    .todos li a:hover {
background-position: 0px -103px;
color: rgb(52, 109, 154);
height: 43px;
line-height: 43px;
margin-bottom: 0px;
margin-top: -2px;
position: relative;
}
.todos div {padding: 8px;}
    .todos p{
       font: 2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        color: white;
    }
.topMarks {
background: url(http://i.imgur.com/inT4DLf.png) no-repeat top right;
position: absolute;
top: 8%;
right: 18%;
width: 318px;
height: 266px;
z-index: 1;
}
.topPaper {
background: url(http://i.imgur.com/fpBaCDG.png) no-repeat top right;
position: absolute;
top: 45%;
right: 18%;
width: 352px;
height: 445px;
z-index: 1;
margin-right: -120px!important;
}
.topPaperClip {
background: url(http://i.imgur.com/e3MBJTc.png) no-repeat top left;
position: absolute;
top: 8%;
left: 23%;
width: 101px;
height: 115px;
z-index: 1;
}
.content {
padding: 8px;
min-height: 230px;
width: 300px;
margin: 0 auto;
float: left;
}
.content2 {
float: right!important;
float: right!important;
padding: 8px;
width: 350px;
margin: 0 auto;
height: 1px;
}
.content div {
background: white;
padding: 3px;
border-radius: 2px;
}
.content2 div {
background: white;
padding: 3px;
border-radius: 2px;
}
.content_inside {
display: inline-block;
width: 130px;
}
.content_inside:nth-child(2) {
border-right: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
}
.content h3 {
text-transform: uppercase;
color: white;
-webkit-margin-before: 0em;
border-bottom: 2px solid white;
}
.content2 h3 {
text-transform: uppercase;
color: white;
-webkit-margin-before: 0em;
border-bottom: 2px solid white;
}
.content a {
color: rgb(52, 109, 154);
text-decoration: none;
font-size: 13px;
}
.content2 a {
color: rgb(52, 109, 154);
text-decoration: none;
font-size: 13px;
}
#stats {
float: right;
position: absolute;
top: 8px;
right: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: white;
}
#stats h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: white;
}
#credits {
float: right;
position: absolute;
font-weight: bold;
top: 35px;
right: 15px;
font-family: Candara;
color: rgb(71, 71, 71);
text-shadow: 1px 1px 0px rgb(0, 0, 0);
font-size: 13px;
}
#credits a {
color: rgb(162, 162, 162) !important;
}
#credits a:hover {
color: white !important;
}
</style>
<style type="text/css"></style></head>

<body>
 <div class="topMarks"></div>
 <div class="topPaper"></div>
 <div class="topPaperClip"></div>
   <div class="tablet">
    <div class="t-inside">
<div class="menu">
 <ul>
   <li><a href="/forum">Fórum</a></li>
   <li><a href="/faq">FAQ</a></li>
   <li><a href="/memberlist">Membros</a></li>
   <li><a href="/groups">Grupos</a></li>
 </ul>
 </div>
<div class="content"><h3>Sobre Nós!</h3> 
    <div>O fórum <b>BestSkins</b> está online desde 21 Jan 2013, o nosso fórum dispõe do melhor conteúdo e suporte para a plataforma forumeiros, tanto em CSS, como também HTML e jQuery. Também irão encontrar alguns serviços oferecidos pela <b>BestSkins</b>, como tutoriais para fóruns, batalhas de design e muito mais...</div>
</div>
<div class="content2"><h3>Confira Também!</h3> 
    <div><ul>
            <div class="content_inside">
               <li><a href="/t54-regras-gerais-do-forum-bestskins">Regras Gerais</a></li>
               <li><a href="/f30-entrevistas">Entrevistas</a></li>
               <li><a href="/f21-parceria">Parceria</a></li>
               <li><a href="/f10-criticas-duvidas-e-sugestoes">Dúvidas e Sugestões</a></li>
            </div>
            <div class="content_inside">
               <li><a href="/f4-pedido-de-codigo">Pedido de códigos</a></li>
               <li><a href="/f20-dicas-e-tutoriais">Dicas e Tutoriais</a></li>
               <li><a href="/f14-skins">Skins BS</a></li>
               <li><a href="/f6-apresente-se">Apresentações</a></li>
            </div>
            </ul>
    </div>
</div>
 </div>
     </div>
<div class="todos">
<div>
<p>BestSkins</p>

<li>Bem vindos ao fórum!</li>

</div>
<ul>

<li><a href="/">Link aqui!</a></li>

<li><a href="/">Link aqui!</a></li>

<li><a href="/">Link aqui!</a></li>

<li><a href="/">Link aqui!</a></li>



</ul>
</div>
<iframe style="margin-left: 240px!important; margin-top: 20px;" src="http://www.narutothegames.com/h1-" frameborder="no" scrolling="no" height="293" width="954"></iframe>
<div id="stats">
<iframe id="forum-stats" height="100px" width="100%" scrolling="no" frameBorder="0" style="display: none;" src="/forum"></iframe>
<script type="text/javascript">
         //<![CDATA[
         $(document).ready(function(){
             $('#forum-stats').load(function(){
                 var iframe = $('#forum-stats').contents();
                 if(iframe.length > 0) {
                        $('#stats').html(iframe.find('.statistics_head').html());
                 }
             });
         });
         //]]>
      </script>
      </div>
<!-- CREDITOS --><div id="credits">Fórum hospedado por <a href="http://www.forumeiros.com">Forumeiros.com</a></div>
</body></html>
Até mais.

Ricardo Henrique Ricardo Henrique  • Dom 8 Dez 2013 - 17:58

Página HTML Empty Re: Página HTML Dom 8 Dez 2013 - 17:58

Olá,

Tá ficando quase do jeito que quero, Knight! Veja, queria que alterasse pequenas coisas agora:
1. Centralizasse o slideshow;
2. Diminuisse o scrolling da página;
3. Aumentasse o tamanho da imagem, e com isso, seu conteúdo;

Explicação:
1. O slideshow está na esquerda, eu gostaria que simplesmente o centralizasse.
2. Ao dizer scrolling, me refiro a barra de subir e descer a página que fica na direita de nosso navegador, ou seja, o scrolling da página está muito alto, enquanto que o da BS ( http://bestskins.com.br/ ) está baixo, eu gostaria de deixar igual o da BS.
3. A imagem está também muito pequena, eu gostaria que deixasse ela maior e consequentemente seu conteúdo poder ter mais coisas.
OBS: Se necessário uma imagem maior, segue abaixo ela.
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
OBS²: Olhe como ficou: http://narutolh.forumeiros.com/
Desde já agradeço!!!!
Abraços

[S]herlock H. [S]herlock H.  • Dom 8 Dez 2013 - 18:10

Página HTML Empty Re: Página HTML Dom 8 Dez 2013 - 18:10

Saudações!

Faça o seguinte, para eu terminar a página, preciso de uma imagem do tablet melhor.
Modificações:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] Coloque o width da imagem por volta de 1150 px, e retire a borda do começo da imagem do outro tablet, localizada na parte esquerda da imagem, aquela borda do outro tablet.


Até mais.

Ricardo Henrique Ricardo Henrique  • Dom 8 Dez 2013 - 18:20

Página HTML Empty Re: Página HTML Dom 8 Dez 2013 - 18:20

Olá,

Consegui centralizar o slideshow alterando o valor "margin-left". Enfim, segue abaixo a imagem que necessitas:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Outra coisa pra complicar sua vida, há a possibilidade de encaixar esse código: http://bestskins.com.br/t2711-tutorial-usuario-top na página? Se não for possível ou muito complicado, pode deixar pra lá!! Mas se possível, eu ficaria muito agradecido! >.<'

Lamento por estar dando-te trabalho, amigo! E novamente eu agradeço.

Abraços.

[S]herlock H. [S]herlock H.  • Dom 8 Dez 2013 - 18:22

Página HTML Empty Re: Página HTML Dom 8 Dez 2013 - 18:22

Ricardo Henrique escreveu:Olá,

Consegui centralizar o slideshow alterando o valor "margin-left". Enfim, segue abaixo a imagem que necessitas:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Outra coisa pra complicar sua vida, há a possibilidade de encaixar esse código: http://bestskins.com.br/t2711-tutorial-usuario-top na página? Se não for possível ou muito complicado, pode deixar pra lá!! Mas se possível, eu ficaria muito agradecido! >.<'

Lamento por estar dando-te trabalho, amigo! E novamente eu agradeço.

Abraços.
Saudações!

Não seria possível colocar este código. Me passe o código da página que o mesmo está utilizando com o valor do margin-left ao seu gosto.

Até mais.

Ricardo Henrique Ricardo Henrique  • Dom 8 Dez 2013 - 18:29

Página HTML Empty Re: Página HTML Dom 8 Dez 2013 - 18:29

Código:
<html lang="pt"><head>
    <title>BestSkins - As melhores skins você encontra aqui</title>
<link rel="shortcut icon" type="image/x-icon" href="http://img24.imageshack.us/img24/5753/lgtedd2i.png">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<meta name="language" content="pt">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
  body {
   background: url('http://i.imgur.com/5bjVbVo.gif') repeat-x top left;
   font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
   margin: 0 auto;
  }
ul {-webkit-padding-start: 5px;}
li {list-style-type: none;}
.tablet {
background: url('http://i.imgur.com/i4EDiFl.png') no-repeat;
height: 917px;
width: 820px;
float: right;
position: absolute;
top: 57%;
right: 20%;
z-index: 999;
}
.t-inside {
background: url(http://geekshavelanded.com/wp-content/uploads/2012/06/wallpaper_11.jpg) no-repeat center;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
border-radius: 4px;
height: 290px;
width: 682px;
margin-left: 66px;
}
.menu {
background: -moz-linear-gradient(#f9f9f9,#e0e0e0);
background-color: #e0e0e0;
background-image: -webkit-linear-gradient(#f9f9f9,#e0e0e0);
-moz-box-shadow: 0 1px 3px #232323;
-webkit-box-shadow: 0 1px 3px #232323;
box-shadow: 0 1px 3px #232323;
border-radius: 4px 4px 0 0;
font-family: 'Trebuchet MS';
text-transform: uppercase;
}
.menu li {display: inline-block;}
.menu li a {
color: rgb(52, 109, 154);
display: block;
text-decoration: none;
padding: 3px;
border-right: 1px solid #ddd;
height: 37px;
line-height: 37px;
}
    .todos {
        background: url("http://i.imgur.com/f2qZkGO.png") 0px 0px repeat-y;
        border-right: 3px solid #404F68;
        border-bottom: 3px solid #404F68;
        height: 100%;
        width: 177px;
        -moz-box-shadow: 0 1px 3px #232323;
        -webkit-box-shadow: 0 1px 3px #232323;
        box-shadow: 0 1px 3px #232323;
        padding-left: 17px;
        position: fixed;
       font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: 700;
        padding: 4px 0px 0px;
        text-transform: uppercase;
    }
    .todos li a {
background: url(http://i78.servimg.com/u/f78/18/32/50/20/primar10.png) 0px 0px no-repeat;
color: rgb(255, 255, 255);
padding-left: 12px;
display: block;
height: 37px;
line-height: 37px;
margin-bottom: 4px;
outline: none;
text-decoration: none;
}
    .todos li a:hover {
background-position: 0px -103px;
color: rgb(52, 109, 154);
height: 43px;
line-height: 43px;
margin-bottom: 0px;
margin-top: -2px;
position: relative;
}
.todos div {padding: 8px;}
    .todos p{
       font: 2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        color: white;
    }
.topMarks {
background: url(http://i.imgur.com/inT4DLf.png) no-repeat top right;
position: absolute;
top: 8%;
right: 18%;
width: 318px;
height: 266px;
z-index: 1;
}
.topPaper {
background: url(http://i.imgur.com/fpBaCDG.png) no-repeat top right;
position: absolute;
top: 45%;
right: 18%;
width: 352px;
height: 445px;
z-index: 1;
margin-right: -120px!important;
}
.topPaperClip {
background: url(http://i.imgur.com/e3MBJTc.png) no-repeat top left;
position: absolute;
top: 8%;
left: 23%;
width: 101px;
height: 115px;
z-index: 1;
}
.content {
padding: 8px;
min-height: 230px;
width: 300px;
margin: 0 auto;
float: left;
}
.content2 {
float: right!important;
float: right!important;
padding: 8px;
width: 350px;
margin: 0 auto;
height: 1px;
}
.content div {
background: white;
padding: 3px;
border-radius: 2px;
}
.content2 div {
background: white;
padding: 3px;
border-radius: 2px;
}
.content_inside {
display: inline-block;
width: 130px;
}
.content_inside:nth-child(2) {
border-right: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
}
.content h3 {
text-transform: uppercase;
color: white;
-webkit-margin-before: 0em;
border-bottom: 2px solid white;
}
.content2 h3 {
text-transform: uppercase;
color: white;
-webkit-margin-before: 0em;
border-bottom: 2px solid white;
}
.content a {
color: rgb(52, 109, 154);
text-decoration: none;
font-size: 13px;
}
.content2 a {
color: rgb(52, 109, 154);
text-decoration: none;
font-size: 13px;
}
#stats {
float: right;
position: absolute;
top: 8px;
right: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: white;
}
#stats h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: white;
}
#credits {
float: right;
position: absolute;
font-weight: bold;
top: 35px;
right: 15px;
font-family: Candara;
color: rgb(71, 71, 71);
text-shadow: 1px 1px 0px rgb(0, 0, 0);
font-size: 13px;
}
#credits a {
color: rgb(162, 162, 162) !important;
}
#credits a:hover {
color: white !important;
}
</style>
<style type="text/css"></style></head>

<body>
 <div class="topMarks"></div>
 <div class="topPaper"></div>
 <div class="topPaperClip"></div>
   <div class="tablet">
    <div class="t-inside">
<div class="menu">
 <ul>
   <li><a href="/forum">Fórum</a></li>
   <li><a href="/faq">FAQ</a></li>
   <li><a href="/memberlist">Membros</a></li>
   <li><a href="/groups">Grupos</a></li>
 </ul>
 </div>
<div class="content"><h3>Sobre Nós!</h3> 
    <div>O fórum <b>BestSkins</b> está online desde 21 Jan 2013, o nosso fórum dispõe do melhor conteúdo e suporte para a plataforma forumeiros, tanto em CSS, como também HTML e jQuery. Também irão encontrar alguns serviços oferecidos pela <b>BestSkins</b>, como tutoriais para fóruns, batalhas de design e muito mais...</div>
</div>
<div class="content2"><h3>Confira Também!</h3> 
    <div><ul>
            <div class="content_inside">
               <li><a href="/t54-regras-gerais-do-forum-bestskins">Regras Gerais</a></li>
               <li><a href="/f30-entrevistas">Entrevistas</a></li>
               <li><a href="/f21-parceria">Parceria</a></li>
               <li><a href="/f10-criticas-duvidas-e-sugestoes">Dúvidas e Sugestões</a></li>
            </div>
            <div class="content_inside">
               <li><a href="/f4-pedido-de-codigo">Pedido de códigos</a></li>
               <li><a href="/f20-dicas-e-tutoriais">Dicas e Tutoriais</a></li>
               <li><a href="/f14-skins">Skins BS</a></li>
               <li><a href="/f6-apresente-se">Apresentações</a></li>
            </div>
            </ul>
    </div>
</div>
 </div>
     </div>
<div class="todos">
<div>
<p>BestSkins</p>

<li>Bem vindos ao fórum!</li>

</div>
<ul>

<li><a href="/">Link aqui!</a></li>

<li><a href="/">Link aqui!</a></li>

<li><a href="/">Link aqui!</a></li>

<li><a href="/">Link aqui!</a></li>



</ul>
</div>
<iframe style="margin-left: 545px!important; margin-top: 20px;" src="http://www.narutothegames.com/h1-" frameborder="no" scrolling="no" height="293" width="954"></iframe>
<div id="stats">
<iframe id="forum-stats" height="100px" width="100%" scrolling="no" frameBorder="0" style="display: none;" src="/forum"></iframe>
<script type="text/javascript">
         //<![CDATA[
         $(document).ready(function(){
             $('#forum-stats').load(function(){
                 var iframe = $('#forum-stats').contents();
                 if(iframe.length > 0) {
                        $('#stats').html(iframe.find('.statistics_head').html());
                 }
             });
         });
         //]]>
      </script>
      </div>
<!-- CREDITOS --><div id="credits">Fórum hospedado por <a href="http://www.forumeiros.com">Forumeiros.com</a></div>
</body></html>

[S]herlock H. [S]herlock H.  • Dom 8 Dez 2013 - 19:09

Página HTML Empty Re: Página HTML Dom 8 Dez 2013 - 19:09

Reputação da mensagem: 100% (2 votos)
Saudações!

Veja se lhe agrada :
Código:
<html lang="pt"><head>
<title>BestSkins - As melhores skins você encontra aqui</title>
<link rel="shortcut icon" type="image/x-icon" href="http://img24.imageshack.us/img24/5753/lgtedd2i.png">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<meta name="language" content="pt">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
  body {
   background: url('http://i.imgur.com/5bjVbVo.gif') repeat-x top left;
   font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
   margin: 0 auto;
  }
ul {-webkit-padding-start: 5px;}
li {list-style-type: none;}
.tablet {
background: url('http://i.imgur.com/2VAd50G.png') no-repeat;
height: 387px;
width: 1044px;
float: right;
position: absolute;
top: 57%;
left: 14%;
z-index: 999;
}
.t-inside {
background: url(http://geekshavelanded.com/wp-content/uploads/2012/06/wallpaper_11.jpg) no-repeat center;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
border-radius: 4px;
height: 280px;
width: 893px;
margin-left: 66px;
}
.menu {
background: -moz-linear-gradient(#f9f9f9,#e0e0e0);
background-color: #e0e0e0;
background-image: -webkit-linear-gradient(#f9f9f9,#e0e0e0);
-moz-box-shadow: 0 1px 3px #232323;
-webkit-box-shadow: 0 1px 3px #232323;
box-shadow: 0 1px 3px #232323;
border-radius: 4px 4px 0 0;
font-family: 'Trebuchet MS';
text-transform: uppercase;
}
.menu li {display: inline-block;}
.menu li a {
color: rgb(52, 109, 154);
display: block;
text-decoration: none;
padding: 3px;
border-right: 1px solid #ddd;
height: 37px;
line-height: 37px;
}
    .todos {
        background: url("http://i.imgur.com/f2qZkGO.png") 0px 0px repeat-y;
        border-right: 3px solid #404F68;
        border-bottom: 3px solid #404F68;
        height: 100%;
        width: 177px;
        -moz-box-shadow: 0 1px 3px #232323;
        -webkit-box-shadow: 0 1px 3px #232323;
        box-shadow: 0 1px 3px #232323;
        padding-left: 17px;
        position: fixed;
       font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: 700;
        padding: 4px 0px 0px;
        text-transform: uppercase;
    }
    .todos li a {
background: url(http://i78.servimg.com/u/f78/18/32/50/20/primar10.png) 0px 0px no-repeat;
color: rgb(255, 255, 255);
padding-left: 12px;
display: block;
height: 37px;
line-height: 37px;
margin-bottom: 4px;
outline: none;
text-decoration: none;
}
    .todos li a:hover {
background-position: 0px -103px;
color: rgb(52, 109, 154);
height: 43px;
line-height: 43px;
margin-bottom: 0px;
margin-top: -2px;
position: relative;
}
.todos div {padding: 8px;}
    .todos p{
       font: 2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        color: white;
    }
.topMarks {
background: url(http://i.imgur.com/inT4DLf.png) no-repeat top right;
position: absolute;
top: 8%;
right: 18%;
width: 318px;
height: 266px;
z-index: 1;
}
.topPaper {
background: url(http://i.imgur.com/fpBaCDG.png) no-repeat top right;
position: absolute;
top: 45%;
right: 18%;
width: 352px;
height: 445px;
z-index: 1;
margin-right: -120px!important;
}
.topPaperClip {
background: url(http://i.imgur.com/e3MBJTc.png) no-repeat top left;
position: absolute;
top: 8%;
left: 23%;
width: 101px;
height: 115px;
z-index: 1;
}
.content {
padding: 8px;
min-height: 230px;
width: 350px;
margin: 0 auto;
float: left;
}
.content2 {
float: right!important;
padding: 8px;
width: 440px;
margin: 0 auto;
}
.content div {
background: white;
padding: 3px;
border-radius: 2px;
}
.content2 div {
background: white;
padding: 3px;
border-radius: 2px;
}
.content_inside {
display: inline-block;
width: 130px;
}
.content_inside:nth-child(2) {
border-right: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
}
.content h3 {
text-transform: uppercase;
color: white;
-webkit-margin-before: 0em;
border-bottom: 2px solid white;
}
.content2 h3 {
text-transform: uppercase;
color: white;
-webkit-margin-before: 0em;
border-bottom: 2px solid white;
}
.content a {
color: rgb(52, 109, 154);
text-decoration: none;
font-size: 13px;
}
.content2 a {
color: rgb(52, 109, 154);
text-decoration: none;
font-size: 13px;
}
#stats {
float: right;
position: absolute;
top: 8px;
right: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: white;
}
#stats h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: white;
}
#credits {
float: right;
position: absolute;
font-weight: bold;
top: 35px;
right: 15px;
font-family: Candara;
color: rgb(71, 71, 71);
text-shadow: 1px 1px 0px rgb(0, 0, 0);
font-size: 13px;
}
#credits a {
color: rgb(162, 162, 162) !important;
}
#credits a:hover {
color: white !important;
}
</style>
<style type="text/css"></style></head>

<body>
 <div class="topMarks"></div>
 <div class="topPaper"></div>
 <div class="topPaperClip"></div>
   <div class="tablet">
    <div class="t-inside"><div class="menu">
 <ul>
   <li><a href="/forum">Fórum</a></li>
   <li><a href="/faq">FAQ</a></li>
   <li><a href="/memberlist">Membros</a></li>
   <li><a href="/groups">Grupos</a></li>
 </ul>
 </div><div class="content"><h3>Sobre Nós!</h3> 
    <div>O fórum <b>BestSkins</b> está online desde 21 Jan 2013, o nosso fórum dispõe do melhor conteúdo e suporte para a plataforma forumeiros, tanto em CSS, como também HTML e jQuery. Também irão encontrar alguns serviços oferecidos pela <b>BestSkins</b>, como tutoriais para fóruns, batalhas de design e muito mais...</div>
</div><div class="content2"><h3>Confira Também!</h3> 
    <div><ul>
            <div class="content_inside">
               <li><a href="/t54-regras-gerais-do-forum-bestskins">Regras Gerais</a></li>
               <li><a href="/f30-entrevistas">Entrevistas</a></li>
               <li><a href="/f21-parceria">Parceria</a></li>
               <li><a href="/f10-criticas-duvidas-e-sugestoes">Dúvidas e Sugestões</a></li>
            </div>
            <div class="content_inside">
               <li><a href="/f4-pedido-de-codigo">Pedido de códigos</a></li>
               <li><a href="/f20-dicas-e-tutoriais">Dicas e Tutoriais</a></li>
               <li><a href="/f14-skins">Skins BS</a></li>
               <li><a href="/f6-apresente-se">Apresentações</a></li>
            </div>
            <div class="content_inside">
               <li><a href="#">Link Aqui!!</a></li>
               <li><a href="#">Link Aqui!!</a></li>
               <li><a href="#">Link Aqui!!</a></li>
               <li><a href="#">Link Aqui!!</a></li>
            </div>
            </ul>
    </div>
</div>
 </div>
     </div><div class="todos"><div>
<p>BestSkins</p>

<li>Bem vindos ao fórum!</li>

</div>
<ul>

<li><a href="/">Link aqui!</a></li>

<li><a href="/">Link aqui!</a></li>

<li><a href="/">Link aqui!</a></li>

<li><a href="/">Link aqui!</a></li>



</ul>
</div>
<iframe style="margin-left: 280px!important; margin-top: 20px;" src="http://www.narutothegames.com/h1-" frameborder="no" scrolling="no" height="293" width="954"></iframe>
<div id="stats">
<iframe id="forum-stats" height="100px" width="100%" scrolling="no" frameBorder="0" style="display: none;" src="/forum"></iframe>
<script type="text/javascript">
         //<![CDATA[
         $(document).ready(function(){
             $('#forum-stats').load(function(){
                 var iframe = $('#forum-stats').contents();
                 if(iframe.length > 0) {
                        $('#stats').html(iframe.find('.statistics_head').html());
                 }
             });
         });
         //]]>
      </script>
      </div>
<!-- CREDITOS --><div id="credits">Fórum hospedado por <a href="http://www.forumeiros.com">Forumeiros.com</a></div>
</body></html>
Se puder agradecer e #rep agradeço!

Até mais.

Ricardo Henrique Ricardo Henrique  • Dom 8 Dez 2013 - 19:24

Página HTML Empty Re: Página HTML Dom 8 Dez 2013 - 19:24

Olá,

reputado!!! uma última pergunta: Há como eu alterar o background branco que o tablet está em cima para uma imagem minha?

Abraços

[S]herlock H. [S]herlock H.  • Dom 8 Dez 2013 - 19:55

Página HTML Empty Re: Página HTML Dom 8 Dez 2013 - 19:55

Ricardo Henrique escreveu:Olá,

reputado!!! uma última pergunta: Há como eu alterar o background branco que o tablet está em cima para uma imagem minha?

Abraços
Saudações!

Para alterar o background branco, procure o código, na página html:
Código:

body {
background: url('http://i.imgur.com/5bjVbVo.gif') repeat-x top left;
font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
margin: 0 auto;
}
Para alterar o background branco, é neste código.
Observação: Caso for colocar uma imagem no lugar do background branco, terás que fazer uma imagem contendo o fundo de madeira da página html, e a imagem que irá adicionar no lugar do background branco. Caso for apenas uma cor,faça o seguinte, depois do ; da linha margin: 0 auto;, aperte enter para criar uma nova linha, após criar a nova linha, digite o seguinte código: background-color: #código da cor, por exemplo, caso for azul no lugar do branco, a linha ficaria: background-color: #00adea. (O Código #00adea é um tipo de azul, um código na linguagem hexadecimal. 
Acho que se fala hexadecimal msm, aehauheaue

Até mais.

Ricardo Henrique Ricardo Henrique  • Dom 8 Dez 2013 - 23:31

Página HTML Empty Re: Página HTML Dom 8 Dez 2013 - 23:31

Olá,

Ok. Muito obrigado. Reputarei-o mais uma vez por causa do grande esforço que fizestes!

Abraços.

[K]oke [K]oke  • Dom 8 Dez 2013 - 23:42

Página HTML Empty Membro Concluiu o pedido!!!! Dom 8 Dez 2013 - 23:42

[sucesso=Tópico Resolvido; e Bloqueado]Membro Concluiu o pedido!!!![/sucesso]Movido para: Arquivo - Pedido de código

Conteúdo patrocinado  • 

Página HTML Empty Re: Página HTML

Início :: Forumeiros :: Nostalgia:: Página HTML
Permissões neste sub-fórum
Não podes responder a tópicos