SP-Design

Seja bem-vindo ao SP-Design. Aqui, lhe ajudaremos com o tema de seu Fórum/Blog/site, vocês poderão solicitar e fornecer ajuda a outros usuários sobre o design e estrutura, tanto grafica, tanto em css e templantes.


Regulamento e informações:      
Equipe SP-Design
Regras do fórum
Como entrar na equipe Staff		 Seções do fórum:
Pedidos Graficos
Pedidos de Códigos
SP-Design e você		 Antes de postar uma dúvida:
Função busca
Perguntas e respostas frequêntes
Tutoriais, dicas e astúcias
Feliz ano novo para você!
Leia a carta de boas festas da equipe SPD.
Área Vip, os códigos mais inovadores
Obtenha os códigos mais inovadores de nosso fórum, atraves de pontos de Cash.
Leia as Regras do SP-Design
Acabou de chegar? Para se "enturmar" rapidamente leia as regras desse fórum.
Tutoriais e Dicas
Veja aqui nossos tutoriais inéditos, e muitos outros tutoriais sobre Design.
Publique no SPublicidade
Publique, peça opinião de pessoas experientes, divulgue o seu trabalho com o SPublicidade
Modifique o visual do seu fórum
Dúvidas sobre códigos HTML, CSS, BBCode e JQuery. Também, poderá tirar dúvidas sobre Templantes.
Faça Pedidos Gráficos para seu fórum
Este é um serviço gratuito para customização e criação de banners, logos, avatares, ícones...
Novo Administrador na comunidade
Pro Administradores adicionam novo administrador na equipe SPD.

SP-Design » Área Design » Pedidos de Códigos » Questões resolvidasImagem nos widgets

Imagem nos widgets

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

=TK=

=TK=
sou nível 5

Sex 08 Jun 2012, 2:55 pm
Qual é minha questão:
ja criei um tpc com este assunto,recebi um codigo que me ajudo a colocar a imagems no widgets,porem so fiko no primeiro widgets e agora eu quero colocar no segundo e tambem quero saber como coloco nos outros abaixo.

Codigo que me passaram no outro tpc:
Código:

#left .forumline{padding: 25px 35px 30px 25px;border: 0 !important;background: url(http://i40.servimg.com/u/f40/15/00/01/20/01pain10.gif) no-repeat;
box-shadow: none !important;-moz-box-shadow: none !important;-webkit-box-shadow: none !important;}
#left .forumline .catLeft, #left .forumline .row1{background: none !important;border: 0;}
#left .forumline .ulmenu{padding: 0px !important;}
 #left .forumline .row1{height: 450px !important;vertical-align: top;}


Imagem do meu problema:


Endereço do meu fórum:
http://narutoultimaterpg.forumbom.com/

Versão do meu fórum:
PHPBB2

Firenando

Firenando
sou nível 10

Sex 08 Jun 2012, 4:17 pm
Olá, não entendi muito bem a questão.

Você utilizou esse código, para deixar o seu widget de acesso rápido, com fundo transparente?

E quer fazer isso nos outros?

Até mais Wink

=TK=

=TK=
sou nível 5

Sex 08 Jun 2012, 4:24 pm
isso mesmo mas tambem quero colocar uma imagem no topo de cada um deles.

Firenando

Firenando
sou nível 10

Sex 08 Jun 2012, 4:27 pm
Olha, pelo que vi, você adicionou esse código, em um Widget, estou certo?

Se for isso tente colocar nos outros.

E se colocou por CSS, avise-me e espere eu fazer outro código.

Até mais Wink

=TK=

=TK=
sou nível 5

Sex 08 Jun 2012, 4:30 pm
eu coloquei ele na CSS.

Firenando

Firenando
sou nível 10

Sex 08 Jun 2012, 4:37 pm
Adicione o código abaixo no seu CSS, mais deixe o antigo.

Código:

#left .forumline{padding: 25px 35px 30px 25px;border: 0 !important;background: url(http://i40.servimg.com/u/f40/15/00/01/20/01pain10.gif) no-repeat;
box-shadow: none !important;-moz-box-shadow: none !important;-webkit-box-shadow: none !important;}
#left .forumline .catLeft, #left .forumline .row2{background: none !important;border: 0;}
#left .forumline .ulmenu{padding: 0px !important;}
 #left .forumline .row2{height: 450px !important;vertical-align: top;}

Resultou? Até mais Wink

=TK=

=TK=
sou nível 5

Sex 08 Jun 2012, 4:41 pm
Não resultou.

Firenando

Firenando
sou nível 10

Sex 08 Jun 2012, 4:49 pm
Olá, não testei o código, então teste você mesmo.

Primeiro crie um widget qualquer, para fazer um teste.

O código da fonte do widget é esse.

Código:
<div id="dispbl" style="
#left .forumline{padding: 25px 35px 30px 25px;border: 0 !important;background: url(http://i40.servimg.com/u/f40/15/00/01/20/01pain10.gif) no-repeat;
box-shadow: none !important;-moz-box-shadow: none !important;-webkit-box-shadow: none !important;}
#left .forumline .catLeft, #left .forumline .row1{background: none !important;border: 0;}
#left .forumline .ulmenu{padding: 0px !important;}
 #left .forumline .row1{height: 450px !important;vertical-align: top;}">WIDGET</div>

Troque a parte " WIDGET " pelo o widget que você deseja modificar.

Resultou? Até mais Wink

=TK=

=TK=
sou nível 5

Sex 08 Jun 2012, 5:04 pm
sem resutados
=/

Firenando

Firenando
sou nível 10

Sex 08 Jun 2012, 5:05 pm
Desculpa, não vou conseguir lhe ajudar, espere o Cyllaz...

=TK=

=TK=
sou nível 5

Sex 08 Jun 2012, 5:07 pm
tudo bem.
muito obrigado mesmo assim pelo esforço.

Admin

Admin
Pro
Admin
Actif

Sex 08 Jun 2012, 5:37 pm
O código é este mesmo, mas a classe left esta fachando antes dos outros widgets, creio que é um erro de tag aberta no seu primeiro widget...
remova-o temporariamente, para ver se o erro some...

=TK=

=TK=
sou nível 5

Sex 08 Jun 2012, 5:55 pm
o codigo que esta na CSS afetou a todos widgets.
porem todos estão com a mesma imagem no topo.
tem como colocar uma imagem em cada widgets?
e como fasso para colocar o meu painel de modo que todas as widgets
fique transparentes?

Admin

Admin
Pro
Admin
Actif

Sex 08 Jun 2012, 6:00 pm
tem como colocar uma imagem apenas no primeiro...
agora em cada um não sera possível, pois todos tem as mesmas classes...

=TK=

=TK=
sou nível 5

Sex 08 Jun 2012, 6:03 pm
tudo bem.
e como concerto oerro no meu primeiro widgets ?

Admin

Admin
Pro
Admin
Actif

Dom 10 Jun 2012, 2:00 am
passe o código de seu primeiro widget...

avatar

Tenma Hiraga
sou nível 9

Dom 10 Jun 2012, 5:26 pm
ola tente este
Coloque na sua css

Código:
 
   .module {
   background: none !important;
   border: 0 !important; }
 
   .module .main-head, #main #main-content .portal .module .main-head {
      background: url(link imagem do topo) -1px 0px !important;
      padding: 0.6em 1.3em !important; }
 
   .module .main-content {
      background: url(link imagem do windget) repeat-x center bottom;
      -moz-border-radius: 0 0 7px 7px;
      -webkit-border-radius: 0 0 7px 7px;
      border-radius: 0 0 7px 7px; }
 
.activetab a {
   color: #CC0000!important;
   border: 1px solid #CC0000 !important;
   background: #FF7F7F!important; }

espero ter ajudado ^^

=TK=

=TK=
sou nível 5

Dom 10 Jun 2012, 6:27 pm
Obrigdo ae pessoal pela ajuda mas vo deichar como esta.
pode fechar.

Shion

Shion
sou nível 16

Dom 10 Jun 2012, 6:33 pm


[Mensagem automática]

Tópico finalizado e movido para:
Questões resolvidas
Pedidos finalizados

Motivo: Resolvido.


Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Você não está conectado. Conecte-se ou registre-se

SP-Design » Área Design » Pedidos de Códigos » Questões resolvidasImagem nos widgets



Permissões neste sub-fórum
Não podes responder a tópicos
TiagoDJ-7.0, Seg 03 Mar 2014, 3:21 pm

Tenma Hiraga, Dom 12 Jan 2014, 2:49 pm

TiagoDJ-7.0, Ter 31 Dez 2013, 5:50 pm

Crowley, Ter 31 Dez 2013, 8:42 am

TiagoDJ-7.0, Sex 27 Dez 2013, 9:33 pm

Ghost, Sex 27 Dez 2013, 6:37 pm

Crowley, Sex 27 Dez 2013, 12:53 pm

Crowley, Sex 27 Dez 2013, 12:46 pm

Destaque do Fórum
Destaque do Fórum

Carregando avatar...
Muito Obrigado
Parabens para o Membro destaque do fórum, pela sua ótima competencia em nosso fórum, um agradecimento dos Usuários e de toda a equipe a você !! Muito Obrigado !!

Quer um Widget igual a este ?
peça o seu aqui >>>

 

Atualizado com e-referrer
Publicidade | SEJA NOSSO PARCEIRO
Naruto Rpg FutureLes power infoMaster ExpShiftactifThe forum of Codes

2012 © SP-Design - Ajuda na criação de códigos e na aparência de seu Fórum™ - Design de Cyllaz - Todos os direitos reservados ®