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.

Ir à página : 1, 2  Seguinte

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

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

miguex

Graúdo
avatar
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

Ver perfil do usuário http://www.gtcompetizione.com

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

Shaxine

Moderador
avatar
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.

Ver perfil do usuário antnio13

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

DJPRMF

Administrador
avatar
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


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

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

Shaxine

Moderador
avatar
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;".

Ver perfil do usuário antnio13

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

miguex

Graúdo
avatar
"content-main" é a zona dos posts?

Ver perfil do usuário http://www.gtcompetizione.com

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

Shaxine

Moderador
avatar
@miguex escreveu:"content-main" é a zona dos posts?
Sim é essa área.

Ver perfil do usuário antnio13

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

miguex

Graúdo
avatar
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

Ver perfil do usuário http://www.gtcompetizione.com

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

Shaxine

Moderador
avatar
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.

Ver perfil do usuário antnio13

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

miguex

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

Ver perfil do usuário http://www.gtcompetizione.com

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

DJPRMF

Administrador
avatar


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.


2º- Sidebar:


cumps


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

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

Shaxine

Moderador
avatar
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.

Ver perfil do usuário antnio13

#12 Re: [ajuda] largura tema wordpress - em Sab 30 Jul 2011 - 1:11

miguex

Graúdo
avatar
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

Ver perfil do usuário http://www.gtcompetizione.com

#13 Re: [ajuda] largura tema wordpress - em Sab 30 Jul 2011 - 1:29

Shaxine

Moderador
avatar
Por o que percebi seria algo como isto?

Ver perfil do usuário antnio13

#14 Re: [ajuda] largura tema wordpress - em Sab 30 Jul 2011 - 15:58

miguex

Graúdo
avatar
sim era isso e depois aumentar a sidebar

Ver perfil do usuário http://www.gtcompetizione.com

#15 Re: [ajuda] largura tema wordpress - em Sab 30 Jul 2011 - 16:14

Shaxine

Moderador
avatar
@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

Ver perfil do usuário antnio13

#16 Re: [ajuda] largura tema wordpress - em Sab 30 Jul 2011 - 20:36

Shaxine

Moderador
avatar
Para obter este resultado:


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 Sab 30 Jul 2011 - 20:39, editado 1 vez(es) (Razão : Removido bbcode do css)

Ver perfil do usuário antnio13

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

miguex

Graúdo
avatar
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;

???

Ver perfil do usuário http://www.gtcompetizione.com

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

DJPRMF

Administrador
avatar
Boas,

onde viu isso? Smile

Cumps


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

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

miguex

Graúdo
avatar
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?

Ver perfil do usuário http://www.gtcompetizione.com

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

DJPRMF

Administrador
avatar
Penso que o Tonito1 se deveria estar a referi ao

Código:
.two-columns .post

mas aguarde a resposta do mesmo... Smile

Cumps


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

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

Shaxine

Moderador
avatar
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.

Ver perfil do usuário antnio13

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

miguex

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

Ver perfil do usuário http://www.gtcompetizione.com

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

Shaxine

Moderador
avatar
Isso foi porque não meteu:

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

É mesmo 400 não é um engano.

Ver perfil do usuário antnio13

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

miguex

Graúdo
avatar
mas eu ja fiz isso e continua igual...

Ver perfil do usuário http://www.gtcompetizione.com

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

DJPRMF

Administrador
avatar
tente retirar os dois codigos que aparecem sublinhados em baixo:


Cumps


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 2]

Ir à página : 1, 2  Seguinte

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum




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