Boas-vindas ao Power Pixel

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

Entrada do BestSkins

+2
AngelWars
IsmaelS.
6 participantes

Início :: Forumeiros :: NostalgiaEntrada do BestSkins

avatar IsmaelS.  • Sáb 15 Mar 2014 - 12:08

Entrada do BestSkins Empty Entrada do BestSkins Sáb 15 Mar 2014 - 12:08

Reputação da mensagem: 100% (1 votos)
Qual é minha questão:
Olá,

Desejava saber se era possível ter esta página:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Mas queria uma pequena alteração seria possível colocarem-me a imagem que aparece atrás a mudar ou seja criar um slide se possível!

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

Versão:
PunBB

AngelWars AngelWars  • Sáb 15 Mar 2014 - 22:18

Entrada do BestSkins Empty Re: Entrada do BestSkins Sáb 15 Mar 2014 - 22:18

Achei show de bolo, o problema vai ser eles querer disponibilizar isso para gente, no meu fórum seria ótimo

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

AngelWars AngelWars  • Sáb 15 Mar 2014 - 23:34

Entrada do BestSkins Empty Re: Entrada do BestSkins Sáb 15 Mar 2014 - 23:34

O Código de HTML é


Código:
<html><head>
<title>BestSkins | Bem-vindo!</title>
<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">
<link rel="shortcut icon" type="image/x-icon" href="http://cdn5.iconfinder.com/data/icons/fatcow/32x32/skins.png">
<meta name="description" content="BestSkins | As melhores skins você encontra aqui">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><style type="text/css"></style>
<script type="text/javascript" src="http://illiweb.com/rs3/27/frm/jquery/cookie/jquery.cookie.js"></script>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<link rel="stylesheet" href="http://flames.br22.com/proxima-nova.css">
<link rel="stylesheet" href="http://flames.br22.com/style-bs.css">
<style>/* GOOGLE FONTS */
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
/* GERAL */
.none {display: none;}</style>
</head>
<body>
<div id="header">
  <div id="content" class="container">
    <ul>
      <li class="logo active"><a href="/">Home</a></li>
      <li class="left"><a href="/forum">Fórum</a></li>
      <li class="right"><a href="/contact">Contate-nos</a></li>
      <li class="right"><a href="/faq">FAQ</a></li></ul>
  </div>
</div>
<div id="slide">
  <div id="slide-up"></div>
  <div id="slide-main">
    <div class="content container">
      <h1 class="logo">bestskins</h1>
      <p class="paragraph">O melhor suporte, e as melhores skins, só aqui no fórum bestskins!</p>
    </div>
  </div>
</div>
<div id="mainbar">
  <div class="content container">
     <div id="mainbar-columns">
       <div id="column"><div style="padding: 8px 20px;font-size: 14px;font-family: 'Lato', helvetica neue, sans-serif;text-align: center;"><b class="icon skin"></b><br><p>No fórum há uma área repleta de várias skins, todas disponíveis para download, basta logar-se para aproveitar.</p></div></div>
       <div id="column"><div style="padding: 8px 20px;font-size: 14px;font-family: 'Lato', helvetica neue, sans-serif;text-align: center;"><b class="icon staff"></b><br><p>O fórum contém uma ótimo equipe, todos muito bem capacitados para exercerem suas posições.</p></div></div>
       <div id="column"><div style="padding: 8px 20px;font-size: 14px;font-family: 'Lato', helvetica neue, sans-serif;text-align: center;"><b class="icon support"></b><br><p>Nossa equipe está sempre pronta e disposta para ajudar em seus problemas, basta criar um tópico na área correta!</p></div></div>
     </div>
   </div>
</div>
<div id="footer">
  <div class="content container">
    <p class="copyright">
      <a href="http://bestskins.com.br/">BestSkins © 2013 ~ 2014</a>
      <i class="right"><a href="http://bestskins.com.br/u24">Página desenvolvida por Nathan Borns / [F]lames</a></i>
    </p>
  </div>
</div>
<a href="http://www.forumeiros.com" target="_blank" class="none">forumeiros.com</a>

</body></html>

avatar IsmaelS.  • Dom 16 Mar 2014 - 10:50

Entrada do BestSkins Empty Re: Entrada do BestSkins Dom 16 Mar 2014 - 10:50

Olá,

Mas falta a função do Slide!

AngelWars AngelWars  • Dom 16 Mar 2014 - 12:45

Entrada do BestSkins Empty Re: Entrada do BestSkins Dom 16 Mar 2014 - 12:45

Isso eu já não sei, lamento.

Daemon Daemon  • Dom 16 Mar 2014 - 12:58

Entrada do BestSkins Empty Re: Entrada do BestSkins Dom 16 Mar 2014 - 12:58

IsmaelS. escreveu:Olá,

Mas falta a função do Slide!
O senhor pode utilizar o slide deste tutorial: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]


Até mais!

avatar IsmaelS.  • Dom 16 Mar 2014 - 14:08

Entrada do BestSkins Empty Re: Entrada do BestSkins Dom 16 Mar 2014 - 14:08

Olá,

Mas eu quero essa entrada e a imagem do meio ser rotativa ... Como um slide!

avatar IsmaelS.  • Seg 17 Mar 2014 - 19:30

Entrada do BestSkins Empty Re: Entrada do BestSkins Seg 17 Mar 2014 - 19:30

UP!

B4N3 B4N3  • Ter 18 Mar 2014 - 2:37

Entrada do BestSkins Empty Re: Entrada do BestSkins Ter 18 Mar 2014 - 2:37

Consegui fazer com um codigo html
Código:
<html><head>
<title>BestSkins | Bem-vindo!</title>
<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">
<link rel="shortcut icon" type="image/x-icon" href="http://cdn5.iconfinder.com/data/icons/fatcow/32x32/skins.png">
<meta name="description" content="BestSkins | As melhores skins você encontra aqui">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><style type="text/css"></style>
<script type="text/javascript" src="http://illiweb.com/rs3/27/frm/jquery/cookie/jquery.cookie.js"></script>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>

<style>
/* GERAL */
* {margin: 0;padding: 0;}body {color: white;background: #202020;font-family: 'Open Sans', helvetica neue, sans-serif;font-weight: 400;font-size: 15px;}a {color: white;text-decoration: none;}li {list-style-type: none;}.content {width: 75%;margin: 0 auto;}.right {float: right;}.left {float: left;}none {display: none;}
/* HEADER */
#header {position: absolute;top: 0;left: 0;width: 100%;background: rgba(0, 0, 0, 0.08);z-index: 999;}#header > #content {width: 80%;margin: 0 auto;}#header > #content ul li {display: inline-block;line-height: 54px;padding: 0 30px;cursor: pointer;-webkit-transition: all .8s;-moz-transition: all .8s;-o-transition: all .8s;transition: all .8s;}#header > #content ul li.active {background: rgba(0, 0, 0, 0.05);border-bottom: 3px solid rgba(0, 0, 0, 0.08);line-height: 48px;padding-top: 3px;}#header > #content ul li:hover {background: rgba(0, 0, 0, 0.05);}#header > #content ul li.logo {float: left;}#header > #content ul li a {text-shadow: 0 1px 2px rgba(2, 24, 116, 0.3);}
/* SLIDE */
#slide {position: relative;width: 100%;height: 556px;background: #c4c4c4;z-index: 998;}#slide > #slide-up {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.08);}#slide > #slide-main {position: absolute;top: 0;left: 0;width: 100%;text-align: center;}#slide > #slide-main .container {position: relative;max-height: 556px;padding: 217.5px 0;}#slide > #slide-main h1.logo {color: white;font-family: "proxima-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 900;font-size: 82px;text-shadow: 0 1px 2px rgba(2, 24, 116, 0.3);line-height: 71px;}#slide > #slide-main p.paragraph {font-family: Lato;font-weight: 300;font-size: 20px;padding: 5px 0;font-style: italic;text-shadow: 0 1px 2px rgba(2, 24, 116, 0.3);}
/* PAGE */
#mainbar {position: relative;width: 100%;padding: 50px 0;background: #E7E7E7;color: #444;}#mainbar > .container > #mainbar-columns {text-align: center;}#mainbar > .container > #mainbar-columns #column {display: inline-block;width: 312px;border-right: 1px solid rgba(0, 0, 0, 0.1);text-align: left;margin: 0;}#mainbar > .container > #mainbar-columns #column:last-child {border: 0;}#mainbar > .container > #mainbar-columns #column .icon {-webkit-filter: brightness(1);background-repeat: no-repeat;background-size: 30px;background-position: center;display: block;width: 32px;height: 32px;text-align: center;border: 2px solid #444;padding: 11px;border-radius: 500px;margin: 0 auto;cursor: pointer;}#mainbar > .container > #mainbar-columns #column .icon.skin {background-image: url(https://cdn1.iconfinder.com/data/icons/windows-8-metro-style/128/bg_color.png);}#mainbar > .container > #mainbar-columns #column .icon.staff {background-image: url(https://cdn2.iconfinder.com/data/icons/windows-8-metro-style/128/group.png);}#mainbar > .container > #mainbar-columns #column .icon.support {background-image: url(https://cdn1.iconfinder.com/data/icons/windows-8-metro-style/128/online_support.png);}
/* FOOTER */
#footer {position: relative;width: 100%;padding: 15px 0;background: #202020;color: white;font-size: 13px;}#footer > .container .copyright {text-align: left;}
  /* GOOGLE FONTS */
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
/* GERAL */
.none {display: none;}</style>
</head>
<body>
  
<div id="header">
  <div id="content" class="container">
    <ul>
      <li class="logo active"><a href="/">Home</a></li>
      <li class="left"><a href="/forum">Fórum</a></li>
      <li class="right"><a href="/contact">Contate-nos</a></li>
      <li class="right"><a href="/faq">FAQ</a></li></ul>
  </div>
</div>
<div id="slide">
   <br><br><br><marquee>
<img src=" http://pl.infnet.edu.br/media/graphic-design-1.png">
<img src=" http://pl.infnet.edu.br/media/graphic-design-1.png">
<img src=" http://pl.infnet.edu.br/media/graphic-design-1.png">
<img src=" http://pl.infnet.edu.br/media/graphic-design-1.png">
</marquee>
  <div id="slide-up"></div>
  <div id="slide-main">
    <div class="content container">
      <h1 class="logo">bestskins</h1>
      <p class="paragraph">O melhor suporte, e as melhores skins, só aqui no fórum bestskins!</p>
    </div>
  </div>
</div>
<div id="mainbar">
  <div class="content container">
     <div id="mainbar-columns">
       <div id="column"><div style="padding: 8px 20px;font-size: 14px;font-family: 'Lato', helvetica neue, sans-serif;text-align: center;"><b class="icon skin"></b><br><p>No fórum há uma área repleta de várias skins, todas disponíveis para download, basta logar-se para aproveitar.</p></div></div>
       <div id="column"><div style="padding: 8px 20px;font-size: 14px;font-family: 'Lato', helvetica neue, sans-serif;text-align: center;"><b class="icon staff"></b><br><p>O fórum contém uma ótimo equipe, todos muito bem capacitados para exercerem suas posições.</p></div></div>
       <div id="column"><div style="padding: 8px 20px;font-size: 14px;font-family: 'Lato', helvetica neue, sans-serif;text-align: center;"><b class="icon support"></b><br><p>Nossa equipe está sempre pronta e disposta para ajudar em seus problemas, basta criar um tópico na área correta!</p></div></div>
     </div>
   </div>
</div>
<div id="footer">
  <div class="content container">
    <p class="copyright">
      <a href="http://bestskins.com.br/">BestSkins © 2013 ~ 2014</a>
      <i class="right"><a href="http://bestskins.com.br/u24">Página desenvolvida por Nathan Borns / [F]lames</a></i>
    </p>
  </div>
</div>
<a href="http://www.forumeiros.com" target="_blank" class="none">forumeiros.com</a>

</body></html>
veja se esta do seu agrado.. imagem tem q ser do mesmo tamanho das que estao no slide

avatar IsmaelS.  • Ter 18 Mar 2014 - 15:34

Entrada do BestSkins Empty Re: Entrada do BestSkins Ter 18 Mar 2014 - 15:34

Olá,

Não consegue fazer mesmo com imagens ? E durar apenas 3-5 segundos ?

DeeW. DeeW.  • Ter 18 Mar 2014 - 21:51

Entrada do BestSkins Empty Re: Entrada do BestSkins Ter 18 Mar 2014 - 21:51

Ismael use o tutorial que o Daemon mandou, você precisa de ter um pouco de conhecimento WEB.

B4N3 B4N3  • Qua 19 Mar 2014 - 7:25

Entrada do BestSkins Empty Re: Entrada do BestSkins Qua 19 Mar 2014 - 7:25

IsmaelS. escreveu:Olá,

Não consegue fazer mesmo com imagens ? E durar apenas 3-5 segundos ?

amigo o codigo que lhe passei esta com slide. vc viu?

avatar IsmaelS.  • Qua 19 Mar 2014 - 15:24

Entrada do BestSkins Empty Re: Entrada do BestSkins Qua 19 Mar 2014 - 15:24

Olá,

Sim mas o slide desse passa muito rápido eu queria que dura-se um tempo ...

avatar IsmaelS.  • Qui 20 Mar 2014 - 15:37

Entrada do BestSkins Empty Re: Entrada do BestSkins Qui 20 Mar 2014 - 15:37

Ajuda aqui "UP"

avatar IsmaelS.  • Sex 21 Mar 2014 - 9:14

Entrada do BestSkins Empty Re: Entrada do BestSkins Sex 21 Mar 2014 - 9:14

Ajuda aqui !? Very Happy

B4N3 B4N3  • Sex 21 Mar 2014 - 16:37

Entrada do BestSkins Empty Re: Entrada do BestSkins Sex 21 Mar 2014 - 16:37

IsmaelS. escreveu:Ajuda aqui !? Very Happy

tente este
Código:
<html><head>
<title>BestSkins | Bem-vindo!</title>
<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">
<link rel="shortcut icon" type="image/x-icon" href="http://cdn5.iconfinder.com/data/icons/fatcow/32x32/skins.png">
<meta name="description" content="BestSkins | As melhores skins você encontra aqui">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><style type="text/css"></style>
<script type="text/javascript" src="http://illiweb.com/rs3/27/frm/jquery/cookie/jquery.cookie.js"></script>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>

<style>
/* GERAL */
* {margin: 0;padding: 0;}body {color: white;background: #202020;font-family: 'Open Sans', helvetica neue, sans-serif;font-weight: 400;font-size: 15px;}a {color: white;text-decoration: none;}li {list-style-type: none;}.content {width: 75%;margin: 0 auto;}.right {float: right;}.left {float: left;}none {display: none;}
/* HEADER */
#header {position: absolute;top: 0;left: 0;width: 100%;background: rgba(0, 0, 0, 0.08);z-index: 999;}#header > #content {width: 80%;margin: 0 auto;}#header > #content ul li {display: inline-block;line-height: 54px;padding: 0 30px;cursor: pointer;-webkit-transition: all .8s;-moz-transition: all .8s;-o-transition: all .8s;transition: all .8s;}#header > #content ul li.active {background: rgba(0, 0, 0, 0.05);border-bottom: 3px solid rgba(0, 0, 0, 0.08);line-height: 48px;padding-top: 3px;}#header > #content ul li:hover {background: rgba(0, 0, 0, 0.05);}#header > #content ul li.logo {float: left;}#header > #content ul li a {text-shadow: 0 1px 2px rgba(2, 24, 116, 0.3);}
/* SLIDE */
#slide {position: relative;width: 100%;height: 556px;background: #c4c4c4;z-index: 998;}#slide > #slide-up {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.08);}#slide > #slide-main {position: absolute;top: 0;left: 0;width: 100%;text-align: center;}#slide > #slide-main .container {position: relative;max-height: 556px;padding: 217.5px 0;}#slide > #slide-main h1.logo {color: white;font-family: "proxima-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 900;font-size: 82px;text-shadow: 0 1px 2px rgba(2, 24, 116, 0.3);line-height: 71px;}#slide > #slide-main p.paragraph {font-family: Lato;font-weight: 300;font-size: 20px;padding: 5px 0;font-style: italic;text-shadow: 0 1px 2px rgba(2, 24, 116, 0.3);}
/* PAGE */
#mainbar {position: relative;width: 100%;padding: 50px 0;background: #E7E7E7;color: #444;}#mainbar > .container > #mainbar-columns {text-align: center;}#mainbar > .container > #mainbar-columns #column {display: inline-block;width: 312px;border-right: 1px solid rgba(0, 0, 0, 0.1);text-align: left;margin: 0;}#mainbar > .container > #mainbar-columns #column:last-child {border: 0;}#mainbar > .container > #mainbar-columns #column .icon {-webkit-filter: brightness(1);background-repeat: no-repeat;background-size: 30px;background-position: center;display: block;width: 32px;height: 32px;text-align: center;border: 2px solid #444;padding: 11px;border-radius: 500px;margin: 0 auto;cursor: pointer;}#mainbar > .container > #mainbar-columns #column .icon.skin {background-image: url(https://cdn1.iconfinder.com/data/icons/windows-8-metro-style/128/bg_color.png);}#mainbar > .container > #mainbar-columns #column .icon.staff {background-image: url(https://cdn2.iconfinder.com/data/icons/windows-8-metro-style/128/group.png);}#mainbar > .container > #mainbar-columns #column .icon.support {background-image: url(https://cdn1.iconfinder.com/data/icons/windows-8-metro-style/128/online_support.png);}
/* FOOTER */
#footer {position: relative;width: 100%;padding: 15px 0;background: #202020;color: white;font-size: 13px;}#footer > .container .copyright {text-align: left;}
  /* GOOGLE FONTS */
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
/* GERAL */
.none {display: none;}</style>
</head>
<body>
 
<div id="header">
  <div id="content" class="container">
    <ul>
      <li class="logo active"><a href="/">Home</a></li>
      <li class="left"><a href="/forum">Fórum</a></li>
      <li class="right"><a href="/contact">Contate-nos</a></li>
      <li class="right"><a href="/faq">FAQ</a></li></ul>
  </div>
</div>
<div id="slide">
  <br><br><br><marquee scrollamount="1" scrolldelay="1" onmouseover="this.setAttribute('scrollamount', 3, 0);" onmouseout="this.setAttribute('scrollamount', 3, 0);">
<img src=" http://pl.infnet.edu.br/media/graphic-design-1.png">
<img src=" http://pl.infnet.edu.br/media/graphic-design-1.png">
<img src=" http://pl.infnet.edu.br/media/graphic-design-1.png">
<img src=" http://pl.infnet.edu.br/media/graphic-design-1.png">
</marquee>
  <div id="slide-up"></div>
  <div id="slide-main">
    <div class="content container">
      <h1 class="logo">bestskins</h1>
      <p class="paragraph">O melhor suporte, e as melhores skins, só aqui no fórum bestskins!</p>
    </div>
  </div>
</div>
<div id="mainbar">
  <div class="content container">
    <div id="mainbar-columns">
      <div id="column"><div style="padding: 8px 20px;font-size: 14px;font-family: 'Lato', helvetica neue, sans-serif;text-align: center;"><b class="icon skin"></b><br><p>No fórum há uma área repleta de várias skins, todas disponíveis para download, basta logar-se para aproveitar.</p></div></div>
      <div id="column"><div style="padding: 8px 20px;font-size: 14px;font-family: 'Lato', helvetica neue, sans-serif;text-align: center;"><b class="icon staff"></b><br><p>O fórum contém uma ótimo equipe, todos muito bem capacitados para exercerem suas posições.</p></div></div>
      <div id="column"><div style="padding: 8px 20px;font-size: 14px;font-family: 'Lato', helvetica neue, sans-serif;text-align: center;"><b class="icon support"></b><br><p>Nossa equipe está sempre pronta e disposta para ajudar em seus problemas, basta criar um tópico na área correta!</p></div></div>
    </div>
  </div>
</div>
<div id="footer">
  <div class="content container">
    <p class="copyright">
      <a href="http://bestskins.com.br/">BestSkins ©️ 2013 ~ 2014</a>
      <i class="right"><a href="http://bestskins.com.br/u24">Página desenvolvida por Nathan Borns / [F]lames</a></i>
    </p>
  </div>
</div>
<a href="http://www.forumeiros.com" target="_blank" class="none">forumeiros.com</a>

</body></html>
Obs:nessa linha ->
Código:
<marquee scrollamount="1" scrolldelay="1" onmouseover="this.setAttribute('scrollamount', 3, 0);" onmouseout="this.setAttribute('scrollamount', 3, 0);">
muda a velocidade ae vc regula ao seu gosto

avatar IsmaelS.  • Sex 21 Mar 2014 - 16:58

Entrada do BestSkins Empty Re: Entrada do BestSkins Sex 21 Mar 2014 - 16:58

Olá,

Mas eu quero isso como um slide normal quero que apareça um wallpaper no fundo e depois o usuário poder modificar com as setas as imagens como um slide normal ...

B4N3 B4N3  • Sex 21 Mar 2014 - 17:33

Entrada do BestSkins Empty Re: Entrada do BestSkins Sex 21 Mar 2014 - 17:33

IsmaelS. escreveu:Olá,

Mas eu quero isso como um slide normal quero que apareça um wallpaper no fundo e depois o usuário poder modificar com as setas as imagens como um slide normal ...

bom isso que vc ker é meio complexo. vou ver se consigo..

avatar IsmaelS.  • Sáb 22 Mar 2014 - 16:49

Entrada do BestSkins Empty Re: Entrada do BestSkins Sáb 22 Mar 2014 - 16:49

Ajuda aqui Very Happy

[F]lames [F]lames  • Sáb 22 Mar 2014 - 17:24

Entrada do BestSkins Empty Re: Entrada do BestSkins Sáb 22 Mar 2014 - 17:24

Senhor IsmaelS.,

O tempo mínimo permitido entre "ups" é 2 dias, favor compreender.


Obs: A página é 100% minha, caso use-a em seu fórum e retire os devidos créditos, tomarei as providências.

Até mais.

avatar IsmaelS.  • Dom 23 Mar 2014 - 16:46

Entrada do BestSkins Empty Re: Entrada do BestSkins Dom 23 Mar 2014 - 16:46

Olá,

Sem problema nenhum Flames ;D

[F]lames [F]lames  • Seg 24 Mar 2014 - 12:09

Entrada do BestSkins Empty Re: Entrada do BestSkins Seg 24 Mar 2014 - 12:09

Olá,

Aqui está:
Código:
<!DOCTYPE html>
<html>
<head>
<title>Suporte Design | Bem-vindo!</title>
<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">
<link rel="shortcut icon" type="image/x-icon" href="http://cdn5.iconfinder.com/data/icons/fatcow/32x32/skins.png">
<meta name="description" content="Suporte Design | Suporte sobre design para usuários Forumeiros">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/27/frm/jquery/cookie/jquery.cookie.js"></script>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script src="http://flames.br22.com/slider-homepage.js"></script>
<link rel="stylesheet" href="http://flames.br22.com/proxima-nova.css">
<link rel="stylesheet" href="http://flames.br22.com/style-bs.css">
<style>/* GOOGLE FONTS */
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
/* GERAL */
.none {display: none;}
body {overflow-x: hidden;}
#slide > #slide-main .container {padding: 217.5px 0 0 0 !important;}
#slide > #slide-main {overflow: hidden;position: static;}
#slide > #slide-main .container {display: inline-block;width: 100%;position: absolute;z-index: 999;-webkit-transition: all .8s;-moz-transition: all .8s;-o-transition: all .8s;transition: all .8s;height: 338px;max-height: 338px;}
#slide > #slide-main .container[hide1] {left: -100%;}
#slide > #slide-main .container[show] {left: 0;}
#slide > #slide-main .container[hide2] {left: 100%;}
#slide > #slide-slds {position: absolute;left: 0;bottom: 0;width: 100%;z-index: 999;}
#slide > #slide-slds .container {text-align: center;padding-bottom: 20px;}
#slide > #slide-slds .container .canvas-sld {width: 15px;height: 15px;background: rgba(255, 255, 255, 0.75);border-radius: 2500px;cursor: pointer;margin: 0 2px;-webkit-transition: all .8s;-moz-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
#slide > #slide-slds .container .canvas-sld.active {width: 17px;height: 17px;}
#slide > #slide-slds .container .canvas-sld:hover {background: rgba(255, 255, 255, 1);}</style>
</head>
<body style="">
<div id="header">
  <div id="content" class="container">
    <ul>
      <li class="logo active"><a href="/">Home</a></li>
      <li class="left"><a href="/forum">Fórum</a></li>
      <li class="right"><a href="/contact">Contate-nos</a></li>
      <li class="right"><a href="/faq">FAQ</a></li></ul>
  </div>
</div>
<div id="slide">
  <div id="slide-up"></div>
  <div id="slide-main">
    <div class="content container page" id="page1" style="background: url(http://www.blacktie.co/demo/munter/images/bg1.jpg); left: 0%;">
      <h1 class="logo">suporte design</h1>
      <p class="paragraph">Suporte Design: suporte sobre design para usuários Forumeiros.</p>
    </div>
    <div class="content container page" id="page2" style="background: url(http://thepatternlibrary.com/img/ae.jpg); left: 100%;">
      <h1 class="logo">suporte design2</h1>
      <p class="paragraph">Suporte Design: suporte sobre design para usuários Forumeiros. 2</p>
    </div>
    <div class="content container page" id="page3" style="background: url(http://thepatternlibrary.com/img/an.jpg); left: 200%;">
      <h1 class="logo">suporte design3</h1>
      <p class="paragraph">Suporte Design: suporte sobre design para usuários Forumeiros. 3</p>
    </div>
  </div>
  <div id="slide-slds">
    <div class="content container">
      <canvas class="canvas-sld active" data-slide="1"></canvas>
      <canvas class="canvas-sld" data-slide="2"></canvas>
      <canvas class="canvas-sld" data-slide="3"></canvas>
    </div>
  </div>
</div>
<div id="mainbar">
  <div class="content container">
    <div id="mainbar-columns">
      <div id="column"><div style="padding: 8px 20px;font-size: 14px;font-family: 'Lato', helvetica neue, sans-serif;text-align: center;"><b class="icon skin"></b><br><p>No fórum há uma área repleta de várias skins, todas disponíveis para download, basta logar-se para aproveitar.</p></div></div>
      <div id="column"><div style="padding: 8px 20px;font-size: 14px;font-family: 'Lato', helvetica neue, sans-serif;text-align: center;"><b class="icon staff"></b><br><p>O fórum contém uma ótimo equipe, todos muito bem capacitados para exercerem suas posições.</p></div></div>
      <div id="column"><div style="padding: 8px 20px;font-size: 14px;font-family: 'Lato', helvetica neue, sans-serif;text-align: center;"><b class="icon support"></b><br><p>Nossa equipe está sempre pronta e disposta para ajudar em seus problemas, basta criar um tópico na área correta!</p></div></div>
    </div>
  </div>
</div>
<div id="footer">
  <div class="content container">
    <p class="copyright">
      <a href="http://bestskins.com.br/">BestSkins © 2013 ~ 2014</a>
      <i class="right"><a href="http://bestskins.com.br/u24">Página desenvolvida por Nathan Borns / [F]lames</a></i>
    </p>
  </div>
</div>
<a href="http://www.forumeiros.com" target="_blank" class="none">forumeiros.com</a>
</body>
</html>
O slide é automático, tendo um timer de 5 segundos entre cada slide.
É expressamente necessário ter os 3 slides, não exclua nenhum (caso algum seja desnecessário coloca o nome do fórum e slogan e dxa queto e-e).

Até mais.

avatar IsmaelS.  • Seg 24 Mar 2014 - 12:16

Entrada do BestSkins Empty Re: Entrada do BestSkins Seg 24 Mar 2014 - 12:16

Olá,

Perfeito obrigado! Very Happy

[F]lames [F]lames  • Seg 24 Mar 2014 - 12:58

Entrada do BestSkins Empty Re: Entrada do BestSkins Seg 24 Mar 2014 - 12:58

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

Conteúdo patrocinado  • 

Entrada do BestSkins Empty Re: Entrada do BestSkins

Início :: Forumeiros :: Nostalgia:: Entrada do BestSkins
Permissões neste sub-fórum
Não podes responder a tópicos