1. TugaTech » Programação, Scripts e Webmasters » Programação, Scripts e Webmasters
Siga-nos

Realize o Login na sua conta ou Registe-se para participar.

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

#1Duvida [Ajuda] Wordpress Sidebar - Seg 19 Mar 2012 - 3:15

hmacedo51

Iniciante
hmacedo51
Boa noite, estou a realizar um blog e gostava de saber se é possivel redimensionar a minha sidebar ao meu gosto, deixo uma imagem com o que pretendo. O tema que estou usar é o Polished da elegantthemes. A area a vermelho seria o possivel aumento da sidebar

[Ajuda] Wordpress Sidebar Ajuda
hosting images

Conectado

#2Duvida Re: [Ajuda] Wordpress Sidebar - Seg 19 Mar 2012 - 10:23

DJPRMF

Administrador
DJPRMF
Boas,

Para verificar os códigos CSS e o formato do tema é necessário o link do site com o tema activo. Smile

Cumps


____________________________________________

[Ajuda] Wordpress Sidebar Tugatechuserbar
[Ajuda] Wordpress Sidebar 3
[Ajuda] Wordpress Sidebar 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

#3Duvida Re: [Ajuda] Wordpress Sidebar - Seg 19 Mar 2012 - 13:16

hmacedo51

Iniciante
hmacedo51
Estou a trabalhar com o localhost ainda, mas dentro de momentos irei postar o link.

#4Duvida Re: [Ajuda] Wordpress Sidebar - Seg 19 Mar 2012 - 16:25

hmacedo51

Iniciante
hmacedo51

Conectado

#5Duvida Re: [Ajuda] Wordpress Sidebar - Seg 19 Mar 2012 - 17:01

DJPRMF

Administrador
DJPRMF
Bom, pelo que vejo, uma das soluções será diminuir um pouco da zona dos posts e aumentar a sidebar.

Primeiro comece por fazer um backup do ficheiro CSS do seu tema (só por precaução).
Depois procure por
Código:
#content #main

e altere o codigo width: 703px para
Código:
width: 603px;

Agora, para aumentar o tamanho da sidebar, procure por
Código:
#sidebar

e altere o valor de width: 250px para
Código:
width: 350px;

E está feito Very Happy
Pode testar outros valor, mas devem ser proporcionais. Ou seja, se aumentar um deve diminuir o outro e vice-versa.

Cumps


____________________________________________

[Ajuda] Wordpress Sidebar Tugatechuserbar
[Ajuda] Wordpress Sidebar 3
[Ajuda] Wordpress Sidebar 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

#6Duvida Re: [Ajuda] Wordpress Sidebar - Seg 19 Mar 2012 - 17:13

hmacedo51

Iniciante
hmacedo51
Sim isso eu ja sabia, andei a experimentar no firefox alterar os tamanhos pa ver como ficava, o problema é que queria aumentar um sem ter que alterar o outro. Mas pelo que me apercebi, posso estar errado... As imagens que constituem a sidebar e o main content limitam esse alargamento, neste refiro-me as imagens content_bg; content-top e content-bottom

Conectado

#7Duvida Re: [Ajuda] Wordpress Sidebar - Seg 19 Mar 2012 - 17:21

DJPRMF

Administrador
DJPRMF
Exacto, foi por esse facto que não sugeri o aumento geral da zona que pretende.

A única opção caso pretenda dessa forma será alterar as imagens referidas e efectuar a alteração do CSS #content -> width: 962px para um valor maior.


____________________________________________

[Ajuda] Wordpress Sidebar Tugatechuserbar
[Ajuda] Wordpress Sidebar 3
[Ajuda] Wordpress Sidebar 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

#8Duvida Re: [Ajuda] Wordpress Sidebar - Seg 19 Mar 2012 - 17:42

hmacedo51

Iniciante
hmacedo51
Mais logo tentarei fazer isso e coloco aqui o resultado

#9Duvida Re: [Ajuda] Wordpress Sidebar - Ter 20 Mar 2012 - 22:00

hmacedo51

Iniciante
hmacedo51
Boas noites, fiz uns testes hoje e gostava de saber que codigos teria de inserir para que haja um maior espaçamento na zona vermelha e que a sidebar fique um pouco mais centrada.. ja agora podiam dar umas opiniões Razz

[Ajuda] Wordpress Sidebar Ajuda1

Conectado

#10Duvida Re: [Ajuda] Wordpress Sidebar - Ter 20 Mar 2012 - 22:41

DJPRMF

Administrador
DJPRMF
Poderá aplicar o código css margin ao sidebar e tentar alterar o valor.

Wink


____________________________________________

[Ajuda] Wordpress Sidebar Tugatechuserbar
[Ajuda] Wordpress Sidebar 3
[Ajuda] Wordpress Sidebar 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

#11Duvida Re: [Ajuda] Wordpress Sidebar - Ter 20 Mar 2012 - 23:26

hmacedo51

Iniciante
hmacedo51
Mas como posso saber os valores ideais? existe algum programa para isso?

Conectado

#12Duvida Re: [Ajuda] Wordpress Sidebar - Qua 21 Mar 2012 - 9:29

DJPRMF

Administrador
DJPRMF
Somente com o "velho método" da tentativa e erro.
Infelizmente não existe um programa que lhe dê os valores ideais.
Wink


____________________________________________

[Ajuda] Wordpress Sidebar Tugatechuserbar
[Ajuda] Wordpress Sidebar 3
[Ajuda] Wordpress Sidebar 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

#13Duvida Re: [Ajuda] Wordpress Sidebar - Sáb 24 Mar 2012 - 1:18

Daniel Mendes

Super-membro
Daniel Mendes
hmacedo51 escreveu:Boas noites, fiz uns testes hoje e gostava de saber que codigos teria de inserir para que haja um maior espaçamento na zona vermelha e que a sidebar fique um pouco mais centrada.. ja 0agora podiam dar umas opiniões Razz

[Ajuda] Wordpress Sidebar Ajuda1

Se a dúvida persistir, uso um truque que é trabalhar muito o HTML e o CSS através de percentagens pois são valores relativos e eficazes.

Quando a esse espaçamento entre a área de tópicos e a sidebar, criando uma secção com uma imagem invisível consegues resolver a questão:

Código:
#nomedasecção {
background-color: transparent;
background-image: url(link);
background-attachment: fixed;
width: 8%; \\ 8% do tamanho total do fórum em largura, relativo de monitor para monitor
height: 80% \\ valores que pode sempre alterar, é apenas um exemplo
}

Rolling Eyes

http://www.dusttbox.com https://www.facebook.com/www.facebook.com/zerokj skkzero

#14Duvida Re: [Ajuda] Wordpress Sidebar - Ter 3 Abr 2012 - 20:27

hmacedo51

Iniciante
hmacedo51
Ja agora gostava de saber se seria possivel fazer uma copia deste footer para o meu blog, o que seria necessário para faze-lo?

Footer pretendido: http://themeforest.net/item/pacifica-html-a-premium-portfolio-template/full_screen_preview/50515

Site : weblucro.comeze.com

Conectado

#15Duvida Re: [Ajuda] Wordpress Sidebar - Ter 3 Abr 2012 - 21:09

DJPRMF

Administrador
DJPRMF
Talvez o CSS ajude:
[Ajuda] Wordpress Sidebar Tugatech-2012-04-03_21.08.37


Smile


____________________________________________

[Ajuda] Wordpress Sidebar Tugatechuserbar
[Ajuda] Wordpress Sidebar 3
[Ajuda] Wordpress Sidebar 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

#16Duvida Re: [Ajuda] Wordpress Sidebar - Ter 3 Abr 2012 - 21:49

hmacedo51

Iniciante
hmacedo51
Não teve nenhum efeito :s

Conectado

#17Duvida Re: [Ajuda] Wordpress Sidebar - Ter 3 Abr 2012 - 22:46

DJPRMF

Administrador
DJPRMF
Criou a div necessária no template (footer) ?


____________________________________________

[Ajuda] Wordpress Sidebar Tugatechuserbar
[Ajuda] Wordpress Sidebar 3
[Ajuda] Wordpress Sidebar 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

#18Duvida Re: [Ajuda] Wordpress Sidebar - Ter 3 Abr 2012 - 23:38

hmacedo51

Iniciante
hmacedo51
a div esta igual ao tema pacifica, copiei o footer desse tema e coloquei no meu, depois fiz o que colocaste no post anterior no style.css

Conectado

#19Duvida Re: [Ajuda] Wordpress Sidebar - Qua 4 Abr 2012 - 14:05

DJPRMF

Administrador
DJPRMF
Como é visível no tema, não é so uma div que deve ser colocada:

[Ajuda] Wordpress Sidebar Tugatech-2012-04-04_14.05.42

E cada uma possui o seu próprio codigo, que deve verificar no tema. Wink


____________________________________________

[Ajuda] Wordpress Sidebar Tugatechuserbar
[Ajuda] Wordpress Sidebar 3
[Ajuda] Wordpress Sidebar 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

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

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




Aplicações do TugaTechAplicações TugaTechDiscord do TugaTechDiscord do TugaTechRSS TugaTechRSS do TugaTechSpeedtest TugaTechSpeedtest TugatechHost TugaTechHost TugaTech