[ajuda] largura tema wordpress

miguex · #1 [ajuda] largura tema wordpress - Ter 5 Jul 2011 - 19:24

miguex

Graúdo

Mensagens : 172
Reputação : 1
Localização : Porto

Eu queria aumentar e diminuir umas coisas no meu tema, mas não sei como faze-lo.

O quero aumentar é a zona da sidebar e o que quero diminuir é a zona dos posts.

O blog é este:

www.rir-a-fartazana.com

Shaxine · #2 Re: [ajuda] largura tema wordpress - Ter 5 Jul 2011 - 19:43

Shaxine

Moderador

Mensagens : 2264
Reputação : 90
Localização : Portugal

Isso é possível. Mas tudo depende do tema. Eu já fiz o mesmo com um site que tenho.
Só tens de mudar umas coisas no código do tema.

**DJPRMF** · #3 Re: [ajuda] largura tema wordpress - Ter 5 Jul 2011 - 20:06

DJPRMF

Administrador

¯\_(ツ)_/¯
Mensagens : 78929
Reputação : 3289
Localização : Coimbra

Exacto...
Deve ser efectuada alguma alteração no CSS do tema...

Tenta procurar por algo como "sidebar1" ou semelhante dentro do codigo css.
Eu podia tentar ajudar mais, mas como não tem conteúdo na sidebar, não consigo ver quando altero alo... Smile

Cumps

Shaxine · #4 Re: [ajuda] largura tema wordpress - Ter 5 Jul 2011 - 20:13

Shaxine

Moderador

Mensagens : 2264
Reputação : 90
Localização : Portugal

Sim é "slidebar1" isso encontra-se no ficheiro style.css
tens de mudar o valor.
"width: 255px;" para o que queres e não te esqueças que o valor que tirares tens de acrescentar em "content-main" "width: 675px;".

miguex · #5 Re: [ajuda] largura tema wordpress - Qua 6 Jul 2011 - 22:24

miguex

Graúdo

Mensagens : 172
Reputação : 1
Localização : Porto

"content-main" é a zona dos posts?

Shaxine · #6 Re: [ajuda] largura tema wordpress - Qua 6 Jul 2011 - 22:28

Shaxine

Moderador

Mensagens : 2264
Reputação : 90
Localização : Portugal

miguex escreveu:"content-main" é a zona dos posts?

Sim é essa área.

miguex · #7 Re: [ajuda] largura tema wordpress - Qua 6 Jul 2011 - 22:36

miguex

Graúdo

Mensagens : 172
Reputação : 1
Localização : Porto

eu ja alterei e ficou igual

codigo sibedar1

/* =Sidebars
-------------------------------------------------------------- */

#sidebar1,
#sidebar2 {
display: inline;
float: left;
margin-top: 4px;
padding: 0 15px 30px;
width: 310px;
}
#sidebar2 {
padding-left: 0;
}
.three-columns #sidebar1,
.three-columns #sidebar2 {
width: 227px;
}
.three-col-center #sidebar1,
.three-col-center #sidebar2 {
padding: 0 15px 30px 15px;
}
.sidebar,
.sidebar p,
.sidebar li {
font-family: arial;
font-size: 12px;
}
.sidebar h3 {
background: url(images/bg-sidebar-h3.png) left bottom repeat-x #3C9CD2;
background: -moz-linear-gradient(#3C9CD2, #1F6EB6);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3C9CD2), to(#1F6EB6));
background: linear-gradient(#3C9CD2, #1F6EB6);
border-bottom: 1px solid #195392;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
color: #fff;
*display: inline;
font: bold 16px/20px arial;
margin: -15px 0 5px -12px;
padding: 7px 12px;
text-shadow: 0 -1px 0 #555;
width: 100%;
zoom: 1;
}
.sidebar h3 a,
.sidebar h3 a:visited,
.sidebar h3 a,
.sidebar h3 a:hover {
color: #fff;
}
.sidebar div.sidebar-wrap {
background: #fff;
border: 1px solid #ccc;
-moz-box-shadow: 0 0 5px #BBB;
-webkit-box-shadow: 0 0 5px #BBB;
box-shadow: 0 0 5px #BBB;
margin-bottom: 16px;
padding: 10px 12px;
position: relative;
width: 230px;
}
.three-columns .sidebar div.sidebar-wrap {
width: 200px;
}
.sidebar #tweetfollow {
margin-top: 5px;
text-align: right;
}
#sidebar_bottom {
background: #E3E3E3;
clear: both;
margin-top: -10px;
padding: 0 0 20px 0;
}
#sidebar_bottom .sidebar-wrap {
display: inline-block;
*display: inline;
margin: 10px 0 5px 15px;
padding: 10px;
vertical-align: top;
width: 278px;
zoom: 1;
}
#sidebar_bottom .sidebar-wrap h3 {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
margin: -10px -10px 10px -10px;
padding: 7px 10px;
width: 100%;
height: auto;
}

codigo content-main

#content {
background: #e3e3e3;
border-top: 21px solid #e3e3e3;
padding-bottom: 20px;
}
#content-main {
float: none;
width: 100%;
}
.two-columns #content-main {
float: left;
width: 620px;
}
.three-columns #content-main {
float: left;
width: 460px;
}
.three-columns #content-main {
float: left;
width: 460px;
}
.three-col-right.three-columns #content-main {
float: right;
}

ja estao mudados e continua igual como podes ver

Shaxine · #8 Re: [ajuda] largura tema wordpress - Qua 6 Jul 2011 - 22:59

Shaxine

Moderador

Mensagens : 2264
Reputação : 90
Localização : Portugal

agora estou a ver a slidebar um pouco para a esquerda.
Já agora é bom que tenhas uma cópia desse ficheiro para o caso de correr mal poderes meter como estava.

miguex · #9 Re: [ajuda] largura tema wordpress - Qua 6 Jul 2011 - 23:03

miguex

Graúdo

Mensagens : 172
Reputação : 1
Localização : Porto

sim eu tenho copia, eu acho que ela esta no mesmo sitio.. como posso fazer para por como quero?

**DJPRMF** · **#10** Re: [ajuda] largura tema wordpress - Qua 6 Jul 2011 - 23:28

DJPRMF

Administrador

¯\_(ツ)_/¯
Mensagens : 78929
Reputação : 3289
Localização : Coimbra

[ajuda] largura tema wordpress SS-2011-07-06_23.22.04

Era assim que pretendia?
Alterei a padding da sidebar para 70 e pareceu-me ficar bem...

Para aumentar o tamanho deve fazer algumas alterações. Deixo as imagens com os códigos que deve alterar. Vá fazendo uns testes para ver como fica melhor. Smile

1º- Pagina completa (deve alterar caso aumente o tamanho.
[ajuda] largura tema wordpress SS-2011-07-06_23.24.02

2º- Sidebar:
[ajuda] largura tema wordpress SS-2011-07-06_23.27.46

cumps

Shaxine · **#11** Re: [ajuda] largura tema wordpress - Qui 7 Jul 2011 - 8:15

Shaxine

Moderador

Mensagens : 2264
Reputação : 90
Localização : Portugal

Sim DJPRMF realmente neste caso também se tem de alterar isso. Era isso que eu ontem estava a experimentar, mas depois tive de sair.

miguex · **#12** Re: [ajuda] largura tema wordpress - Sáb 30 Jul 2011 - 1:11

miguex

Graúdo

Mensagens : 172
Reputação : 1
Localização : Porto

depois de tentar muitas vezes nao consegui fazer o que queria... vou deixar aqui uma imagem do que pretendia...

Se alguem conhecer um webmaster que faca isto diga Smile

Shaxine · **#13** Re: [ajuda] largura tema wordpress - Sáb 30 Jul 2011 - 1:29

Shaxine

Moderador

Mensagens : 2264
Reputação : 90
Localização : Portugal

Por o que percebi seria algo como isto?
[ajuda] largura tema wordpress 2011073001h2832

miguex · **#14** Re: [ajuda] largura tema wordpress - Sáb 30 Jul 2011 - 15:58

miguex

Graúdo

Mensagens : 172
Reputação : 1
Localização : Porto

sim era isso e depois aumentar a sidebar

Shaxine · **#15** Re: [ajuda] largura tema wordpress - Sáb 30 Jul 2011 - 16:14

Shaxine

Moderador

Mensagens : 2264
Reputação : 90
Localização : Portugal

miguex escreveu:sim era isso e depois aumentar a sidebar

A Slidebar esta com 250px mas da para aumentar foi um engano meu quando estava a experimentar.
Daqui pouco indico-lhe o que tem de fazer para isso ficar como quer. Wink

Shaxine · **#16** Re: [ajuda] largura tema wordpress - Sáb 30 Jul 2011 - 20:36

Shaxine

Moderador

Mensagens : 2264
Reputação : 90
Localização : Portugal

Para obter este resultado:

[ajuda] largura tema wordpress 2011073020h2445

Tem de alterar os seguintes valores em "style.css"

Código:: #content-main { float: left; width: 400px; } ... .post { border-top-right-radius: 30px; width: 500px; } ... #sidebar2 { display: inline; float: right; margin-top: 4px; padding: 0 225px 30px; width: 110px; } ... div.sidebar-wrap { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; box-shadow: 0 0 5px #BBBBBB; margin-bottom: 16px; padding: 10px 12px; position: relative; width: 275px; }

Alguma duvida não hesite. Wink

Última edição por DJPRMF em Sáb 30 Jul 2011 - 20:39, editado 1 vez(es) (Motivo da edição : Removido bbcode do css)

miguex

miguex

Graúdo

Mensagens : 172
Reputação : 1
Localização : Porto

este codigo

Código:: .post { border-top-right-radius: 30px; width: 500px; }

é para substituir por este

Código:: background: #fff; border-bottom: 1px solid #ccc; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-top: 1px solid #d8d8d8; margin-bottom: 5px; overflow: visible; padding: 25px 15px 20px 70px; position: relative; width: 875px;

???

**DJPRMF**

DJPRMF

Administrador

¯\_(ツ)_/¯
Mensagens : 78929
Reputação : 3289
Localização : Coimbra

Boas,

onde viu isso? Smile

Cumps

miguex

miguex

Graúdo

Mensagens : 172
Reputação : 1
Localização : Porto

esqueci-me de uma coisa...

este é codigo original

Código:: .post { background: #fff; border-bottom: 1px solid #ccc; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-top: 1px solid #d8d8d8; margin-bottom: 5px; overflow: visible; padding: 25px 15px 20px 70px; position: relative; width: 875px;

e o que o tonito1 me deu tenho que substituir pelo original certo?

**DJPRMF**

DJPRMF

Administrador

¯\_(ツ)_/¯
Mensagens : 78929
Reputação : 3289
Localização : Coimbra

Penso que o Tonito1 se deveria estar a referi ao

Código:: .two-columns .post

mas aguarde a resposta do mesmo... Smile

Cumps

Shaxine

Shaxine

Moderador

Mensagens : 2264
Reputação : 90
Localização : Portugal

Realmente não deve substituir por esse. a única coisa se fiz foi no código disponível mudar os valores.
No post original eu tinha tentado deixar a negrito o que era para mudar, mas não deu.

Edit:
E como o DJPRMF disse é em:

Código:: .two-columns .post

Repare que em todos os casos só mudei os valores por o que o código não deve mudar muito.

miguex

miguex

Graúdo

Mensagens : 172
Reputação : 1
Localização : Porto

eu ja mofiquei tudo e a sidebar ficou em baixo de tudo... preciso de mais uma ajudinha Smile

Shaxine

Shaxine

Moderador

Mensagens : 2264
Reputação : 90
Localização : Portugal

Isso foi porque não meteu:

Código:: #content-main { float: left; width: 400px; }

É mesmo 400 não é um engano.

miguex

miguex

Graúdo

Mensagens : 172
Reputação : 1
Localização : Porto

mas eu ja fiz isso e continua igual...

**DJPRMF**

DJPRMF

Administrador

¯\_(ツ)_/¯
Mensagens : 78929
Reputação : 3289
Localização : Coimbra

tente retirar os dois codigos que aparecem sublinhados em baixo:
[ajuda] largura tema wordpress Screenshot-2011-08-04_13.10.48

Cumps

#1 [ajuda] largura tema wordpress - Ter 5 Jul 2011 - 19:24

miguex

#2 Re: [ajuda] largura tema wordpress - Ter 5 Jul 2011 - 19:43

Shaxine

#3 Re: [ajuda] largura tema wordpress - Ter 5 Jul 2011 - 20:06

DJPRMF

#4 Re: [ajuda] largura tema wordpress - Ter 5 Jul 2011 - 20:13

Shaxine

#5 Re: [ajuda] largura tema wordpress - Qua 6 Jul 2011 - 22:24

miguex

#6 Re: [ajuda] largura tema wordpress - Qua 6 Jul 2011 - 22:28

Shaxine

#7 Re: [ajuda] largura tema wordpress - Qua 6 Jul 2011 - 22:36

miguex

#8 Re: [ajuda] largura tema wordpress - Qua 6 Jul 2011 - 22:59

Shaxine

#9 Re: [ajuda] largura tema wordpress - Qua 6 Jul 2011 - 23:03

miguex

#10 Re: [ajuda] largura tema wordpress - Qua 6 Jul 2011 - 23:28

DJPRMF

#11 Re: [ajuda] largura tema wordpress - Qui 7 Jul 2011 - 8:15

Shaxine

#12 Re: [ajuda] largura tema wordpress - Sáb 30 Jul 2011 - 1:11

miguex

#13 Re: [ajuda] largura tema wordpress - Sáb 30 Jul 2011 - 1:29

Shaxine

#14 Re: [ajuda] largura tema wordpress - Sáb 30 Jul 2011 - 15:58

miguex

#15 Re: [ajuda] largura tema wordpress - Sáb 30 Jul 2011 - 16:14

Shaxine

#16 Re: [ajuda] largura tema wordpress - Sáb 30 Jul 2011 - 20:36

Shaxine

#17 Re: [ajuda] largura tema wordpress - Ter 2 Ago 2011 - 19:29

miguex

#18 Re: [ajuda] largura tema wordpress - Ter 2 Ago 2011 - 19:31

DJPRMF

#19 Re: [ajuda] largura tema wordpress - Ter 2 Ago 2011 - 19:35

miguex

#20 Re: [ajuda] largura tema wordpress - Ter 2 Ago 2011 - 19:40

DJPRMF

#21 Re: [ajuda] largura tema wordpress - Qua 3 Ago 2011 - 0:26

Shaxine

#22 Re: [ajuda] largura tema wordpress - Qui 4 Ago 2011 - 1:30

miguex

#23 Re: [ajuda] largura tema wordpress - Qui 4 Ago 2011 - 11:04

Shaxine

#24 Re: [ajuda] largura tema wordpress - Qui 4 Ago 2011 - 13:08

miguex

#25 Re: [ajuda] largura tema wordpress - Qui 4 Ago 2011 - 13:11

DJPRMF