Data/hora atual: 19.03.24 2:30

15 resultados encontrados para wrap

Tabela de anúncios, menu e últimos assuntos no lugar do logo

Detalhes da questão


Endereço do fórum: http://londondrug.forumeiros.com/
Versão do fórum: phpBB3

Descrição


Olá, eu queria uma ajuda com uma loucura que quis fazer no meu fórum (e que estou tentando fazer sozinha faz algumas horas).
Primeiro de tudo, eu tirei a parte do logo e coloquei um espaço em branco até o inicio do #wrap do fórum [mais precisamente 680px de margem].
Spoiler:

E então eu fiz o começo de um código de tabela de anúncios que eu queria ajuda para terminar e para colocar no lugar do logo, nesse espaço vazio que ficou em cima do #wrap. Queria adicionar na parte debaixo do código o menu e "últimos tópicos".
Fiz uma montagem para ajudar a entender como eu gostaria:
Spoiler:


O code que está comandando essa parte de logo/wrap é esse:
Código:
#logo-desc {margin-left: -30px; margin-top: 70px;}
ul.navlinks {align: center; background-color: transparent; color: #ababab; font-family:  calibri; font-size: 10px; text-transform:uppercase; text-align: center; letter-spacing:3px; padding: 10px; top: 100px; left: 100px; width: 100%; z-index: 999 !important;}
div.post {background-color: #141414; border: 1px solid #000; padding-top: 10px; display: block;}
a.mainmenu[href="/faq"] {display: none;}
a.mainmenu[href="/calendar"] {display: none;}
a.mainmenu[href="/search"] {display: none;}
a.mainmenu[href="/groups"] {display: none;}
a.mainmenu[href="/gallery/index.htm"] {display: none;}
.search-box { visibility: hidden; } #search-box { visibility: hidden; }
#wrap {margin: 0px auto 0px auto; margin-top: 680px !important; text-align: left; width: 1350px!important; background-color: #000; padding-left: 20px; padding-right: 20px; padding-top: 1px;  padding-bottom: 10px; margin-top: -40px; color:#ababab!important;}
body {background-attachment: fixed!important; background-size: cover; background-image: url(http://i.imgur.com/70DBVPw.png); color: #ababab; font-family: calibri; font-size: 12px; height: auto;}


E o code da tabela pela metade é esse:
Código:
/*****CSS*****/
.cabbor {width: 680px; border: 1px solid #000; padding: 15px;}
.cabbg {width: 650px; height: 450px; padding: 10px; background-image: url('http://i.imgur.com/ZZX6UT4.png'); background-size: cover;}
.cabtab {padding-top: 70px; height: 50px; align: left !important;}
.cabline {width: 240px; height: 1px; border-left: 160px solid red; border-right: 160px solid red; margin-top: -20px;}
.cabtitrp {width: 200px; background-color: #000; color: transparent; font-family: 'Special Elite'; font-size: 17px; letter-spacing: 1px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; padding-top: 10px; text-shadow: 0.1em 0.0em 0.1em #ff0000, -0.1em 0.0em 0.1em #00FFFF;}
.cabtd1 {padding-top: -10px !important; width: 150px; border-right: 1px solid red; text-align: justify; text-transform: uppercase; color: #ababab; font-family: 'Calibri'; font-size: 9px;}
.cabtd1 c {padding-left: 10px; text-transform: uppercase; color: #A80000; font-family: 'Special Elite'; font-size: 12px; line-height: 100%;}
.cabtd2 {padding-top: -10px !important; width: 130px; border-right: 1px solid red; text-align: justify; color: #ababab; font-family: 'Calibri'; font-size: 9px;}
.cabtd2 c {padding-left: 10px; text-transform: uppercase; color: #A80000; font-family: 'Special Elite'; font-size: 12px; line-height: 100%;}
.cabtd3 {padding-top: -10px !important; padding-left: 15px; width: 250px; text-align: justify; color: #ababab; font-family: 'Roboto Mono'; font-size: 9px; text-transform: lowercase;}
.cabtd3 d {position: relative; top: -5px;} .cabtd3 c {text-align: justify; color: #ababab; font-family: 'Roboto Mono'; font-size: 9px; line-height: 180%;}

/*****HTML*****/
<center><div class="cabbor"><div class="cabbg"><table class="cabtab"><tr><td class="cabtd1"><c>LOCAL</c><br><center>INGLATERRA, londres</center></td><td class="cabtd2"><c>ESTAÇÃO</c><br><center>VERÃO</center></td><td class="cabtd3"><d>You might laugh you might frown<br><c>Walkin' round London town</c></d></td></tr></table><br><div class="cabtitrp">london.drug</div><div class="cabline"></div></div></div></center>


Obrigada pela atenção! <3
por jeys
em 11.04.17 7:25
 
Procurar em: Questões resolvidas sobre HTML e BBCode
Tópico: Tabela de anúncios, menu e últimos assuntos no lugar do logo
Respostas: 8
Vistos: 1696

Alinhar colunas das categorias

Detalhes da questão


Endereço do fórum: http://winxclubfadas.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Olá.
Gostaria de alinhar os elementos das categorias: última mensagem e colunas, da melhor forma possível.

Folha de estilos CSS:
por Pattricia
em 03.10.16 23:02
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Alinhar colunas das categorias
Respostas: 4
Vistos: 3549

Como desfocar o fundo atrás de uma classe?

Realmente é mais efetiva, de principio tentei fazer sem uso de js, o problema que encontrei foi:
A busca é gerada automaticamente no menu de navegação: {GENERATED_NAV_BAR}
Então pensei em manipular a div #wrap com css para desfocar, porem ele desfoca tudo que está dentro dela, ou seja todo o conteúdo inclusive a div #search_menu.

Então com ajuda de JS, o que eu faço é remover a div #search_menu e adiciona-la fora da div #wrap, assim eu posso desfocar todos os elementos da div principal, sem que a div #search_menu tenha algum efeito.

Essa foi a unica maneira que encontrei.
por Cepheus
em 18.05.16 17:40
 
Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
Tópico: Como desfocar o fundo atrás de uma classe?
Respostas: 12
Vistos: 3789

Problema com logo ou menu do fórum

Bom, no meu entendimento, você não vai conseguir colocar as duas coisas ao mesmo tempo. Ao que me parece, no momento em que você aumenta a largura do #wrap (que é praticamente a do fórum) pra um valor acima de 99% a barra de rolagem aparece. E com o #wrap reduzido a 99%, acredito que não há como fazer alguma imagem ultrapassar o valor dele nas demais classes ou ids, no caso o ul.navlinks que define a largura do seu menu. Um rápido exemplo do que estou falando.

Spoiler:


Posso estar falando alguma besteira, mas agora já está fora do meu alcance. Desculpe por não conseguir deixar do seu agrado. A única coisa que posso fazer é dar a sugestão de usar imagens menores pro fórum no geral. Novamente, peço desculpas. Triste
por Key of Destiny
em 20.03.16 3:47
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Problema com logo ou menu do fórum
Respostas: 19
Vistos: 1489

Problema com logo ou menu do fórum

@GSCode eu tive um pouco de dificuldade, eu procuro isso no css base do fórum, ou nesse css q eu coloquei ai agr... esse código CSS q eu coloquei aqui na postagem foi uns adicionais q achei em tópicos FDF. no css base do fórum eu achei milhares #wrap, e na folha css eu n achei nenhum
por XDgabriell
em 18.03.16 5:04
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Problema com logo ou menu do fórum
Respostas: 19
Vistos: 1489

Problema com logo ou menu do fórum

Olá,

Procure em sua CSS por: #wrap

Altere o código da chave por:

Código:
#wrap {
    background-color: #fff;
    margin: 0 auto;
    min-width: 1174px;
    padding: 5px;
    width: 95%;
}


Cordialmente,
GSCode.
Citações:
@XDgabriell
por GSCode
em 18.03.16 4:24
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Problema com logo ou menu do fórum
Respostas: 19
Vistos: 1489

Largura do fórum

Olá!
Spoiler:

zen
por Hyouki
em 11.02.16 16:59
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Largura do fórum
Respostas: 6
Vistos: 3898

Javascript não surtiu efeito.

Detalhes da questão


Endereço do fórum: teste152163.forumeiros.com
Versão do fórum: PunBB

Descrição


Olá companheiros, estava lendo o tutorial: Criar novo rodapé. Eis que criei o javascript e não surtiu efeito quando coloquei o html a ser utilizado. Eis como ficou o código:

Há alguma coisa errada pra ele não ter surtido efeito?
por Lemon~
em 06.12.15 0:24
 
Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
Tópico: Javascript não surtiu efeito.
Respostas: 9
Vistos: 1249

Borda no forum

.forabg {
border: 1px solid #ffff00!important;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
display: none;
}
ul.topiclist.forums {
background: #000066;
}
body {
background-color: #000066;
}
#wrap {
background-color: #000066;
}
.panel {
background-color: #000066;
}
.forabg {
border:none!important;
}
.headerbar {
background: #000066!important;
}
.module {
background-color: #000066!important;
}
.navbar span.corners-bottom, .navbar span.corners-top, .panel span.corners-bottom, .panel span.corners-top, .post span.corners-bottom, .post span.corners-top {
display: none;
}
ul.topiclist.topics li dl dd.dterm {
height: 80px !important;
padding-top: 13px;
padding-left: 210px;
width: 34%;
}
ul.topiclist.topics li.row {
height: 100px;
}
.postbody .topic-title img {
display: none;
}
body#phpbb {width: 950px!important;margin:auto}
.panel.introduction{background: transparent !important;}
por Belissimo
em 05.09.15 0:36
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Borda no forum
Respostas: 9
Vistos: 1047

Perfil Descentralizado

Ola, boa noite

Estou com um probleminha com a centralização do PERFIL conforme a IMG a baixo.
[img]Tópicos com a tag wrap em Fórum dos Fóruns 2v357jo[/img]



-->> CSS
body#phpbb {
background-color: black;
background-image: url(https://i.servimg.com/u/f18/19/28/70/16/clash-11.jpg);
background-position: top center;
background-repeat: no-repeat;
color: #A8A8A8;
}
#wrap {

width: 960px;
}
#page-body {
overflow-y: hidden;
background: url("https://i.imgur.com/p2pOH.png") , url("https://i.imgur.com/PdKdE.png");
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
padding: 10px;
width: auto;
background-position: top center , center;
background-repeat: repeat-x , repeat;
}

#page-footer {
padding: 8px;
position: relative;
border-top: 1px solid #222;
}
.header {
font-size: 12px;
min-height: 30px;
margin-bottom: 10px!important;
text-shadow: 1px 1px 1px #2B0000;
}
.row , .row1 , .row2 {
border-top: 1px solid #363636!important;
border-bottom: 1px solid black!important;
}

.forabg, .forumbg {
background-image: url("https://i.imgur.com/oRaxH.png");
color: white;
text-shadow: -1px -1px 1px black;
border-radius: 5px;
margin-bottom: 10px;
background-repeat: repeat-x;
}
#plus_menu {
background-color: #272727;
}


#search-box {
position: absolute;
margin-left: 750px;
margin-top: -120px;
}
.navbar ul.linklist.navlinks li a:hover {
background: #373737 url("https://i.imgur.com/R1pjk.png") repeat-x 0 0;
color: white;
}
.navbar .linklist.navlinks {
float: right;
background: url("https://i.imgur.com/1Gp3b.png") repeat-x 0 50%;
text-shadow: 1px 1px 2px black;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.Estilo cool, inset 0 1px 0 rgba(255, 255, 255, 0.2);
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.Estilo cool, inset 0 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: 0 1px 10px rgba(0,0,0, 0.Estilo cool, inset 0 1px 0 rgba(255,255,255,0.2);
padding: 6px;
padding-right: 3px;
}
.navbar ul.linklist.navlinks li a {
color: #A7A7A7;
outline: none;
padding: 0px 8px;
line-height: 26px;
height: 26px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size: 11px;
display: inline-block;
}

#search-box #keywords {
min-width: 150px;
background: url("https://i.imgur.com/2soQM.png") repeat;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.09)), to(transparent));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.09) 0%, transparent 100%);
-moz-border-radius: 3px;
padding: 10px 10px 9px 20px;
border: 1px solid #525252;
border-radius: 5px 0px 0px 5px;
border-width: 1px 0px 1px 1px!important;
box-shadow: 0px 0px 10px 5px #2E2E2E inset;
}
#search-box .nomargin .button2 {
background-color: #222!important;
background-image: url(https://i.imgur.com/dvGoE.png);
background-position: center;
font-size: 0!important;
padding: 16px;
background-repeat: no-repeat;
border-radius: 0px 5px 5px 0px;
border: 1px solid #555!important;
border-width: 1px 1px 1px 0px!important;
}
.panel {
background:url("https://i.imgur.com/2soQM.png") repeat;
background:rgba(255,255,255,0.1);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.09)), to(transparent));
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.09) 0%, transparent 100%);
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:10px;
overflow:hidden;
}
#memberlist {
padding-top: 8px;
}
.module {
background: url("https://i.imgur.com/2soQM.png") repeat;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.09)), to(transparent));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.09) 0%, transparent 100%);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
padding: 0px;
}
.module .h3 {
background-position: top;
color: white;
margin-top: -0;
padding-bottom: 10px;
padding-left: 5px;
padding-top: 10px;
background-image: url(https://i.imgur.com/oRaxH.png);
background-repeat: repeat-x;
}
.module span.corners-top {
display: none;
}

#logout {
display: inline-block;
outline-style: none;
overflow: hidden;
text-align: left;
text-decoration: none;
white-space: nowrap;
width: 94.0px;
}

obrigado
por polvolula
em 08.08.15 2:07
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Perfil Descentralizado
Respostas: 12
Vistos: 1863

icons desapareceram

meus icons dos foruns desapareceram http://prntscr.com/7tgwdx
mas na legenda no fundo do forum aparecem
http://prntscr.com/7tgwmc

o que aconteceu?
minha folha de css
css:
por Luckcaddie
em 16.07.15 19:17
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: icons desapareceram
Respostas: 9
Vistos: 4444

barra inferior do forum

css:
por Luckcaddie
em 16.07.15 9:59
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: barra inferior do forum
Respostas: 16
Vistos: 4113

Retirar barra especifica nas categorias

css:
por Luckcaddie
em 15.07.15 19:05
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Retirar barra especifica nas categorias
Respostas: 5
Vistos: 4505

Alterações na aparência do menu de navegaçao

aqui estao


css:
por Luckcaddie
em 15.07.15 13:19
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Alterações na aparência do menu de navegaçao
Respostas: 13
Vistos: 4143

Como remover espaço vazio acima da assinatura?

Opa! Saudações Sennior!
Bem não consegui achar.
Aqui está o CSS:


CSS:
por Coverístico
em 06.05.15 6:14
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Como remover espaço vazio acima da assinatura?
Respostas: 5
Vistos: 5232

Ir para o topo

Ir para: