ArtigosAlinhar sub-fóruns
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Alinhar sub-fóruns
por Forever C.a 30.04.13 1:36
Qual é minha questão:
Galera, olhem como ta https://2img.net/r/ihimizer/img825/3637/semttuloxvg.jpg
e como quero que fique https://2img.net/r/ihimizer/img51/6383/20495746.jpg
tinha visto um tuto de como colocar subs mais eu coloco certinho mais fica desalinhado não fica com os balãozinhos igual ai.
folha de estilo que uso
Versão phpBB espero resposta ja tentei tudo conté codigos e não vai
Endereço do meu fórum:
http://qgcheats.forumeiros.com
Versão do fórum:
PHPBB2
Galera, olhem como ta https://2img.net/r/ihimizer/img825/3637/semttuloxvg.jpg
e como quero que fique https://2img.net/r/ihimizer/img51/6383/20495746.jpg
tinha visto um tuto de como colocar subs mais eu coloco certinho mais fica desalinhado não fica com os balãozinhos igual ai.
folha de estilo que uso
- Código:
/* Navegacion */
#page-header .navbar {
position: relative;
top: -45px;
left: 0px;
background: none;
}
div#page-header div.navbar ul.linklist li a {
background: url("http://i46.servimg.com/u/f46/12/26/44/81/navspl10.gif") no-repeat scroll right top transparent;
margin-left: -6px;
padding: 15px 18px 15px 15px;
}
#page-header .navbar .navlinks a:hover {
background: url("http://i46.servimg.com/u/f46/12/26/44/81/navbg_11.gif") ;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
}
#page-header .navbar .navlinks a {
color: #FFFFFF;
font: bold 13px/46px arial,helvetica,sans-serif;
min-width: 600px;
max-width: 600px;
text-align: center;
text-decoration: none;
text-transform: capitalize;}
/* Fin Navegacion */
/* Body + Logo + Descripcion */
body {
background-attachment: scroll;
background-color: #f8f8f8;
background-image: url("http://i46.servimg.com/u/f46/12/26/44/81/body29.jpg");
background-position: top-center;
background-repeat: repeat-x;
}
#logo img{
display: inline;
float: left;
position: relative;
top: -25px;
left: 0px;}
#logo-desc p {
color: #ABABAB;
display: inline;
float: left;
font: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
position: relative;
right: -213px;
top: -9px;
}
/* Fin Body + Logo */
/* Wrap (Cuerpo - Contorno - search) */
#search-box { visibility: hidden; } #forum-search { visibility: hidden; }
#wrap {
background-color: #FFFFFF;
background-image: url("http://i46.servimg.com/u/f46/12/26/44/81/wrap10.jpg"); repeat-y scroll 0 0 transparent;
background-repeat: repeat-x;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #e9e9e9;
border-radius: 8px 8px 8px 8px;
border-right: 1px solid #e9e9e9;
border-width: 0 1px 1px;
margin-bottom: 30px;
margin-top: 93px;
min-width: 700px;
padding: 5px 9px 1px;
width: 960px;
}
.headerbar { margin-top: -92px; }
/* Fin Wrap */
/* Panel (Row General) */
.panel {
background-color: #FBFBFB;
background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
background-position: center bottom;
background-repeat: repeat-x;
border: 1px solid #dddddd;
border-radius: 0px 0px 0px 0px;
}
/* Fin Panel (Row General) */
.postbody .topic-title {
font-size:1.2em;
}
/* QUITA EL SUBRALLADO */
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/* PORTAL Y FOROS */
.forabg, .forumbg {
background-color: #FBFBFB;
background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
background-position: center bottom;
background-repeat: repeat-x;
border-top: 0px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-radius: 5px 5px 5px 5px;
}
.forabg span.corners-top span, .forumbg span.corners-top span {
background: #a2afb5 url("http://i46.servimg.com/u/f46/12/26/44/81/top12.jpg");
background-position: top;
height: 61px; }
.forabg span.corners-bottom span, .forumbg span.corners-bottom span {
background: #a2afb5 url("http://i46.servimg.com/u/f46/12/26/44/81/bottom10.jpg");
background-position: top;
border-bottom: 1px solid #dddddd;
height: 6px; }
.header{ padding-top: 1px; height: 55px; }
li.row {
border-bottom: 1px solid #dddddd;
border-top: 1px solid #dddddd;
position: relative; left: -5px;
width: 958px;
min-width: 750px;
}
.row {
background-color: #FBFBFB;
background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
background-position: center bottom;
background-repeat: repeat-x;
left: -5px;
min-width: 750px;
position: relative;
width: 958px;
}
.table-title, .table-title h2 {
font-family: tahoma,arial,verdana,sans-serif;
font-size: 14px;
color: #FFFFFF;
min-height: 38px;
text-shadow: 0 -1px 0 #0099FF;
display: inline;
font-size: 1em;
}
.module, .post {
background-color: #FBFBFB;
background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
background-position: center bottom;
background-repeat: repeat-x;
border-radius: 5px 5px 5px 5px;
border: 1px solid #dddddd;
}
.module span.corners-top, .post span.corners-top {
background: #a2afb5 url("http://i46.servimg.com/u/f46/12/26/44/81/top12.jpg");
height: 35px; }
.module span.corners-bottom, .post span.corners-bottom {
background-color: #3f3f3f;
height: 5px; }
.topics {
text-shadow: 0 px 0 #fff;
font-weight: bold;
}
.posts {
text-shadow: 0 px 0 #fff;
font-weight: bold;
}
.lastpost {
text-shadow: 0 px 0 #fff;
font-weight: bold;
}
hr {
border: 1 none #cccccc;
border-top: 1px solid #cccccc;
height: 1px;
margin: 5px 0;
display: block;
clear: both;
}
/* FONDO Y CONTORNO SEARCH - POP UP */
.overview { border: 1px solid #292929; background-color: #FFFFFF; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; border-left-radius: 5px; border-top-radius: 5px; }
#login_popup {
background-color: #FFFFFF;
}
/* CITAR CODE */
blockquote { background-image: url('http://i22.servimg.com/u/f22/15/52/27/82/grey10.png');
background-position: bottom;
color: #4e4e4e;
background-repeat: repeat-x;
background-color: #fff;
margin-left: 5px;
border-top: 1px solid #2289b2;
border-right: 1px solid #2289b2;
border-left: 2px solid #2289b2;
border-bottom: 3px solid #2289b2;
}
blockquote blockquote {
background-color: #fff;
}
blockquote blockquote blockquote {
background-color: #fff;
}
blockquote div {
margin-left: 4px;
color: #4e4e4e;
font-size: 12px;
}
blockquote cite {
font-size: 10px;
color: #417394;
border-bottom: 1px solid #417394;
margin-bottom: 3px;
}
dl.codebox {
background-image: url('http://i22.servimg.com/u/f22/15/52/27/82/grey10.png');
background-position: bottom;
background-repeat: repeat-x;
background-color: #fff;
margin: 0;
padding: 3px;
border: 1px inset #000;
font-size: 1em;
border-top: 1px solid #2289b2;
border-right: 1px solid #2289b2;
border-left: 2px solid #2289b2;
border-bottom: 3px solid #2289b2;
max-height: 350px
overflow:auto
}
dl.codebox dt {
text-transform: none;
border-bottom: 1px solid #417394;
margin-bottom: 3px;
font-size: 10px;
font-weight: bold;
display: block;
color: #417394;
}
blockquote dl.codebox {
margin-left: 0;
}
dl.codebox code {
overflow: auto;
display: block;
height: auto;
max-height: 300px;
white-space: normal;
padding-top: 4px;
font-size: 12px;
font-family: "Courier New";
line-height: 1.3em;
color: #4e4e4e;
margin: 2px 0;
}
/*-------------------PosT Perfil-------------------*/
.postprofile {
background-image: url('http://i22.servimg.com/u/f22/15/52/27/82/grey13.png');
background-repeat: repeat-x;
background-position: bottom;
background-color: #FAFAFA;
padding-top: 20px;
padding-bottom: 20px;
border: 1px solid #dddddd;
text-align:center;
text-weight: bold;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
hr {
border: 0 none #dddddd;
border-top: 1px solid #dddddd;
margin-right: 10px;
}
.table-title, .table-title h2 {
text-shadow: 1px 1px 3px #000000;
font-weight: bold;
}
li.header dd, li.header dt{
text-shadow: 1px 1px 3px #000000;
font-weight: bold;
}
#page-footer div.navbar{
font: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-size:12px;
font-color: #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
background-image:url(http://i46.servimg.com/u/f46/12/26/44/81/footer10.jpg);
background-repeat:repeat-x;
}
#page-footer ul li a{color:#fff;letter-spacing:0px}
dd.topics { visibility: hidden; }
Versão phpBB espero resposta ja tentei tudo conté codigos e não vai
Endereço do meu fórum:
http://qgcheats.forumeiros.com
Versão do fórum:
PHPBB2
Forever C.a- **
- Membro desde : 13/02/2013
Mensagens : 99
Pontos : 175 -
Re: Alinhar sub-fóruns
por Quakeeline 30.04.13 1:47
Olá,
Até
- Leia o conteúdo do Spoiler:
Sub Fóruns em lista vertical
Você poderá estruturar os sub-fóruns contidos em sua categoria para que os mesmos fiquem mais organizados e possar dar um tom de elegância ao fórum.
Código da versão PunBB foi feito por MateusV. os outros foram totalmente feitos por Quakeline --> Tutoriais LF Design <--
Sub Fóruns em lista vertical
1º - Código utilizado:
Para a versão PunBB iremos utilizar este código- Código:
jQuery(document).ready(function(){jQuery('td.tcl').each(function(){jQuery(this).html(jQuery(this).html().replace(/a>,/g,'a>
'));jQuery(this).find('a img:eq(0)').parent().before('
');});});
Para a versão PhpBB2 iremos utilizar este código- Código:
jQuery(document).ready(function(){jQuery('.gensmall').each(function(){jQuery(this).html(jQuery(this).html().replace(/a>,/g,'a>
'));jQuery(this).find('a img:eq(0)').parent().before('
');});});
Para a versão PhpBB3 iremos utilizar este código- Código:
jQuery(document).ready(function(){jQuery('ul.topiclist dd.dterm, ul.topiclist dt').each(function(){jQuery(this).html(jQuery(this).html().replace(/a>,/g,'a>
'));jQuery(this).find('a img:eq(0)').parent().before('
');});});
Para a versão Invision iremos utilizar este código- Código:
jQuery(document).ready(function(){jQuery('p').each(function(){jQuery(this).html(jQuery(this).html().replace(/a>,/g,'a>
'));jQuery(this).find('a img:eq(0)').parent().before('
');});});
2º - Inserindo o código JavaScriptPainel de Controle
Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript
Depois você irá clicar em "
Criar um novo JavaScript"
Título - Terá de colocar um título para a página, de forma a poder identifica-lo na lista de páginas JavaScript do Painel de Controle;
Investimento - Escolha a opção "Em todas as páginas", para que a função não apresente erros na posição da coluna do widget;
Código JavaScript - Neste campo teremos de inserir o código que corresponde a sua versão;
Confirmar - Por fim, após adicionar o código, terá de clicar neste botão para salvar a criação. Se você clicar em um outro botão ou em uma outra seção, as mudanças não serão validadas.
3º - Resultado
- Funciona em quais versões ??
Funciona em todas as versões por ser só um código JavaScript.
[center]© LF Design Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Sub Fóruns em lista vertical
Até
Quakeeline- ***
- Membro desde : 26/04/2013
Mensagens : 190
Pontos : 290 -
Forever C.a- **
- Membro desde : 13/02/2013
Mensagens : 99
Pontos : 175 -
Re: Alinhar sub-fóruns
por seender 30.04.13 4:52
Olá!
Estes sub-fóruns foram adicionados pelo sistema do fórum ou por meio de códigos html na descrição dos fóruns?
Melhores cumprimentos,
seender
Estes sub-fóruns foram adicionados pelo sistema do fórum ou por meio de códigos html na descrição dos fóruns?
Melhores cumprimentos,
seender
seender- Membro Entusiasta
- Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455 -
Forever C.a- **
- Membro desde : 13/02/2013
Mensagens : 99
Pontos : 175 -
Re: Alinhar sub-fóruns
por seender 01.05.13 2:51
Olá!
Quais são os códigos utilizados? poderia disponibilizar?
Melhores cumprimentos,
seender
Quais são os códigos utilizados? poderia disponibilizar?
Melhores cumprimentos,
seender
seender- Membro Entusiasta
- Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455 -
Tópicos semelhantes» Alinhar fóruns
» Alguem pode me ajudar com isso alinhar sub-fóruns em lista vertical
» Como mudar a fonte do nome das Categorias, Blogs, Fóruns e Sub-Fóruns
» Existe como botar efeito neon e glitter nos fóruns e sub-fóruns
» Alinhar sub categorias
» Alguem pode me ajudar com isso alinhar sub-fóruns em lista vertical
» Como mudar a fonte do nome das Categorias, Blogs, Fóruns e Sub-Fóruns
» Existe como botar efeito neon e glitter nos fóruns e sub-fóruns
» Alinhar sub categorias
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos