Boas-vindas ao Power Pixel

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

Còdigo de postagem!

2 participantes

lucasxd111 lucasxd111  • Ter 23 Jul 2013 - 20:32

Còdigo de postagem! Empty Còdigo de postagem! Ter 23 Jul 2013 - 20:32

Qual é minha questão:
Olá,
estou aqui para fazer um pedido de postagem
bom eu queria o código dessa pagina
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Apenas o código dessa pagina, imagem, titulo, descrição,logo,etc...
não quero os widget apenas do titulo até Arquivos em MP4, com 380mb

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Endereço do meu fórum:

Versão do fórum
PunBB

[F]lames [F]lames  • Ter 23 Jul 2013 - 22:35

Còdigo de postagem! Empty Re: Còdigo de postagem! Ter 23 Jul 2013 - 22:35

 Olá,

O HTML é este:

Código:
<div id="main"><div id="box_top"><div class="bt_content"><div id="serie" style="background: url('http://www.animakai.com.br/sys_images/series_perfil/2/1114.jpg') no-repeat top center;"><div class="sb_title"><h1><a href="http://www.animakai.com.br/anime/gundam-00-awakening-of-the-trailblazer/">Gundam 00 - Awakening of the Trailblazer</a></h1></div><div class="sb_itens"><div class="sb_item_2"><a href="http://www.animakai.com.br/anime/gundam-00-awakening-of-the-trailblazer/episodios/">1 downloads</a></div></div><div id="serie_c_1" class="sb_details" style="display:block;">Filme que finaliza a Série Gundam 00, esse filme é o ápice de toda a série Gundam 00, onde os personagens encontram todas as respostas, os mistérios são revelados e aquele caminho iniciado em busca de uma paz continua se manifesta.... <a href="javascript:void(0);" class="sb_more" onclick="SerieContentToggle();">Ler mais</a></div><div id="serie_c_2" class="sb_details" style="display:none;">Filme que finaliza a Série Gundam 00, esse filme é o ápice de toda a série Gundam 00, onde os personagens encontram todas as respostas, os mistérios são revelados e aquele caminho iniciado em busca de uma paz continua se manifesta.  <a href="javascript:void(0);" class="sb_more" onclick="SerieContentToggle();">Menos</a></div></div></div></div><div class="main_content"><div class="hr_3"></div><div class="ep_down"><div class="ep_title"><h3>Gundam 00 - Awakening of the Trailblazer - Movie</h3></div><div class="ep_image "><div class="ep_down"><img src="http://www.animakai.com.br/sys_misc/images/b_down.png" width="200" height="50"></div><img src="http://www.animakai.com.br/sys_images/downloads/8/7691.jpg" alt="Baixe - Gundam 00 - Awakening of the Trailblazer - Movie" title="Baixe - Gundam 00 - Awakening of the Trailblazer - Movie" width="210" height="130" class="image"><div class="ep_serie ep_b_center"><a href="http://www.animakai.com.br/anime/gundam-00-awakening-of-the-trailblazer/">Página do Anime</a></div></div><div class="ep_content"><div class="ep_details"><div class="ep_d_item">Fansub: <span>ansk</span></div><div class="ep_d_item">Por <span>zerosigma</span></div><div class="ep_d_item">Em 21/07/2013 as 22:38</div></div><div id="tab_7691_1_content" class="ep_links" style="display:block;"><div class="ep_link_item"><a href="http://ul.to/yntb6mna" rel="nofollow" target="_blank">Uploaded</a></div>
<div class="ep_link_item"><a href="http://bitshare.com/files/h06j15qj/Gun00AotT.rar.html" rel="nofollow" target="_blank">Bitshare</a></div>
<div class="ep_link_item"><a href="http://depositfiles.org/files/f12m2rlt3" rel="nofollow" target="_blank">Depositfiles</a></div>
<div class="ep_link_item"><a href="http://billionuploads.com/euunf2j547br" rel="nofollow" target="_blank">Billionuploads</a></div>
<div class="ep_link_item"><a href="http://www.file4go.com/d/6a499c58ee1036f9d8db/" rel="nofollow" target="_blank">File4go</a></div>
<div class="ep_link_item"><span class="ep_lk_1" onclick="openwindow('http://adf.ly/SaPul');"><span id="mdf_link" class="ep_lk_2"><span><label style="color:#0000FF;text-decoration:underline;cursor:pointer;z-index:0; display: inline !important" datatype="t">Mega</label></span></span></span></div><div class="ep_link_item"><a href="http://adf.ly/SaPup" rel="nofollow" target="_blank">Filefactory</a></div>
<div class="ep_link_item"><a href="http://adf.ly/SaPus" rel="nofollow" target="_blank">Uptobox</a></div>
<div class="ep_link_item"><a href="http://adf.ly/SaPuz" rel="nofollow" target="_blank">Sockshare</a></div>
</div><div id="tab_7691_2_content" class="ep_links" style="display:none;"><div class="ep_link_item"><span class="ep_lk_1" onclick="openwindow('http://adf.ly/SaPv2');"><span id="mdf_link" class="ep_lk_2"><span><label style="color:#0000FF;text-decoration:underline;cursor:pointer;z-index:0; display: inline !important" datatype="t">Mega</label></span></span></span></div><div class="ep_link_item"><a href="http://adf.ly/SelEo" rel="nofollow" target="_blank">Filefactory</a></div>
</div><div class="ep_tabs"><div id="tab_7691_2" class="ep_tab_item " onclick="DownDivsView(2,2,7691)"><a href="javascript:void(0);" onclick="DownDivsView(2,2,7691)">HQ</a></div><div id="tab_7691_1" class="ep_tab_item ep_tab_item_active" onclick="DownDivsView(1,2,7691)"><a href="javascript:void(0);" onclick="DownDivsView(1,2,7691)">MP4</a></div><div id="tab_7691_1_details" class="ep_tab_title" style="display:block;">Arquivos em <span><span><label style="color:#0000FF;text-decoration:underline;cursor:pointer;z-index:0; display: inline !important" datatype="t">MP4</label></span></span>, com <span>380mb</span></div><div id="tab_7691_2_details" class="ep_tab_title" style="display:none;">Arquivos em <span>HQ</span>, com <span>1,8Gb</span></div></div></div></div></div></div>
CSS:
Código:
#main {
overflow: hidden;
margin-top: 5px;
}
#box_top {
overflow: hidden;
padding: 10px;
background-color: #A83524;
color: #FFF;
min-height: 240px;
background: #4C4C4C;
background: -moz-linear-gradient(-45deg, #4C4C4C 0%, #595959 12%, #666 25%, #474747 39%, #2C2C2C 50%, #000 51%, #111 60%, #2B2B2B 76%, #1C1C1C 91%, #131313 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#4C4C4C), color-stop(12%,#595959), color-stop(25%,#666), color-stop(39%,#474747), color-stop(50%,#2C2C2C), color-stop(51%,#000), color-stop(60%,#111), color-stop(76%,#2B2B2B), color-stop(91%,#1C1C1C), color-stop(100%,#131313));
background: -webkit-linear-gradient(-45deg, #4C4C4C 0%,#595959 12%,#666 25%,#474747 39%,#2C2C2C 50%,#000 51%,#111 60%,#2B2B2B 76%,#1C1C1C 91%,#131313 100%);
background: -o-linear-gradient(-45deg, #4C4C4C 0%,#595959 12%,#666 25%,#474747 39%,#2C2C2C 50%,#000 51%,#111 60%,#2B2B2B 76%,#1C1C1C 91%,#131313 100%);
background: -ms-linear-gradient(-45deg, #4C4C4C 0%,#595959 12%,#666 25%,#474747 39%,#2C2C2C 50%,#000 51%,#111 60%,#2B2B2B 76%,#1C1C1C 91%,#131313 100%);
background: linear-gradient(135deg, #4C4C4C 0%,#595959 12%,#666 25%,#474747 39%,#2C2C2C 50%,#000 51%,#111 60%,#2B2B2B 76%,#1C1C1C 91%,#131313 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 );
}
#box_top .bt_content {
overflow: hidden;
float: left;
width: 660px;
min-height: 240px;
}
#serie {
overflow: hidden;
float: left;
width: 654px;
height: 238px;
position: absolute;
border: 3px solid #000;
background: url('s_perfil.jpg') no-repeat center;
}
#serie .sb_title {
position: absolute;
color: #FFF;
top: 3px;
left: 3px;
overflow: hidden;
padding: 4px 5px;
background: url('http://www.animakai.com.br/sys_misc/images/bg_2.png') repeat center;
font-size: 16px;
}
#serie .sb_itens {
position: absolute;
overflow: hidden;
color: #FFF;
font-size: 11px;
bottom: 3px;
left: 3px;
padding: 5px;
max-width: 140px;
}
#serie .sb_details {
position: absolute;
overflow: hidden;
color: #FFF;
font-size: 11px;
bottom: 3px;
left: 200px;
right: 3px;
padding: 5px;
background: url('http://www.animakai.com.br/sys_misc/images/bg_2.png') repeat center;
}
#serie .sb_title h1 {
color: #FFF;
font-size: 16px;
font-weight: lighter;
}
#serie .sb_title a, #serie .sb_title a:hover {
color: #FFF;
}
#serie .sb_itens .sb_item_2 {
background-color: #390;
}
#serie .sb_itens .sb_item_1, #serie .sb_itens .sb_item_2, #serie .sb_itens .sb_item_3 {
overflow: hidden;
color: #FFF;
font-size: 11px;
font-weight: bold;
padding: 2px 5px;
float: left;
margin-top: 5px;
text-transform: uppercase;
-webkit-transition: 0.4s linear;
-moz-transition: 0.4s linear;
-o-transition: 0.4s linear;
}
#serie .sb_itens .sb_item_1 a, #serie .sb_itens .sb_item_2 a, #serie .sb_itens .sb_item_3 a, #serie .sb_itens .sb_item_1 a:hover, #serie .sb_itens .sb_item_2 a:hover, #serie .sb_itens .sb_item_3 a:hover {
color: #FFF;
}
#serie .sb_details .sb_more {
color: #F63;
}
#main .main_content {
overflow: hidden;
float: left;
width: 660px;
margin-left: 10px;
}
#main .main_content .ep_down {
overflow: hidden;
margin: 7px 0px;
padding: 2px;
}
#main .main_content .ep_down .ep_image {
overflow: hidden;
float: left;
margin-top: -40px;
margin-left: 5px;
cursor: pointer;
padding-bottom: 10px;
position: relative;
}
#main .main_content .ep_down .ep_title, #main .main_content .ep_down .ep_title a, #main .main_content .ep_down .ep_title a:hover, #main .main_content .ep_down .ep_title h2, #main .main_content .ep_down .ep_title h3 {
font-size: 16px;
color: #FFF;
font-weight: lighter;
}
#main .main_content .ep_down:hover .ep_image .ep_down {
width: 200px;
left: 4px;
padding: 0px 4px;
}
#main .main_content .ep_down .ep_image .ep_down {
position: absolute;
top: 40px;
left: -210px;
height: 50px;
padding: 0px;
color: #FFF;
font-size: 11px;
z-index: 7px;
width: 200px;
background: url('http://www.animakai.com.br/sys_misc/images/bg_3.png') repeat center;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
-o-transition: 0.3s linear;
}
#main .main_content .ep_down {
overflow: hidden;
margin: 7px 0px;
padding: 2px;
}
#main .main_content .ep_down .ep_b_center {
right: 60px !important;
left: 60px !important;
}
#main .main_content .ep_down .ep_content {
overflow: hidden;
float: right;
margin: 0px;
width: 432px;
}
#main .main_content .ep_down .ep_details {
overflow: hidden;
float: right;
margin-bottom: 2px;
padding: 0px 10px;
width: 412px;
font-size: 10px;
background-color: #CCC;
}
#main .main_content .ep_down .ep_content .ep_links {
overflow: hidden;
padding: 12px 7px 12px 8px;
background-color: #333;
}
#main .main_content .ep_down .ep_content .ep_tabs {
overflow: hidden;
background-color: #FFF;
}
#main .main_content .ep_down .ep_details .ep_d_item {
float: left;
padding: 0 25px 0 0;
}
#main .main_content .ep_down .ep_content .ep_links .ep_link_item:hover, #main .main_content .ep_down .ep_content .ep_links .ep_link_item_2:hover, #main .main_content .ep_down .ep_content .ep_links .ep_link_item_dest {
background-color: #F00;
border: 1px solid #F00;
}
#main .main_content .ep_down .ep_content .ep_links .ep_link_item, #main .main_content .ep_down .ep_content .ep_links .ep_link_item a, #main .main_content .ep_down .ep_content .ep_links .ep_link_item a:hover, #main .main_content .ep_down .ep_content .ep_links .ep_link_item_2, #main .main_content .ep_down .ep_content .ep_links .ep_link_item_2 a, #main .main_content .ep_down .ep_content .ep_links .ep_link_item_2 a:hover {
color: #FFF;
}
#main .main_content .ep_down .ep_content .ep_links .ep_link_item {
padding: 3px 3px;
font-size: 12px;
width: 94px;
}
#main .main_content .ep_down .ep_content .ep_links .ep_link_item, #main .main_content .ep_down .ep_content .ep_links .ep_link_item_2 {
overflow: hidden;
float: left;
margin: 1px;
text-align: center;
cursor: pointer;
-webkit-transition: 0.5s linear;
-moz-transition: 0.5s linear;
-o-transition: 0.5s linear;
background-color: #69F;
border: 1px solid #69F;
}
#main .main_content .ep_down .ep_content .ep_links {
overflow: hidden;
padding: 12px 7px 12px 8px;
background-color: #333;
}
#main .main_content .ep_down .ep_content .ep_tabs .ep_tab_item_active, #main .main_content .ep_down .ep_content .ep_tabs .ep_tab_item:hover {
background-color: #333;
padding: 2px 5px;
}
#main .main_content .ep_down .ep_content .ep_tabs .ep_tab_title {
overflow: hidden;
float: left;
font-size: 11px;
padding-left: 10px;
color: #333;
}
#main .main_content .ep_down .ep_details {
font-size: 10px;
}
#main .main_content .ep_down .ep_content .ep_tabs .ep_tab_item, #main .main_content .ep_down .ep_content .ep_tabs .ep_tab_item a, #main .main_content .ep_down .ep_content .ep_tabs .ep_tab_item a:hover {
color: #FFF;
}
Até mais.

lucasxd111 lucasxd111  • Ter 23 Jul 2013 - 22:47

Còdigo de postagem! Empty Re: Còdigo de postagem! Ter 23 Jul 2013 - 22:47

bugado pakas .-.

[F]lames [F]lames  • Qua 24 Jul 2013 - 9:53

Còdigo de postagem! Empty Re: Còdigo de postagem! Qua 24 Jul 2013 - 9:53

Olá,

O código é este, idêntico não vai ficar por causa das estruturas diferentes!

Até mais.

Conteúdo patrocinado  • 

Còdigo de postagem! Empty Re: Còdigo de postagem!

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