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 para baixo  Mensagem [Página 1 de 2]

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

miguex

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

http://www.gtcompetizione.com

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

Shaxine

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

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

DJPRMF

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


____________________________________________

[ajuda] largura tema wordpress Tugatechuserbar
[ajuda] largura tema wordpress 3
[ajuda] largura tema wordpress 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

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

Shaxine

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

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

miguex

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

http://www.gtcompetizione.com

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

Shaxine

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

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

miguex

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

http://www.gtcompetizione.com

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

Shaxine

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

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

miguex

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

http://www.gtcompetizione.com

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

DJPRMF

Administrador
DJPRMF
[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


____________________________________________

[ajuda] largura tema wordpress Tugatechuserbar
[ajuda] largura tema wordpress 3
[ajuda] largura tema wordpress 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

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

Shaxine

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

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

miguex

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

[ajuda] largura tema wordpress Rirtuga

Se alguem conhecer um webmaster que faca isto diga Smile

http://www.gtcompetizione.com

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

Shaxine

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

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

miguex

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

http://www.gtcompetizione.com

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

Shaxine

Moderador
Shaxine
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

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

Shaxine

Moderador
Shaxine
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)

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

miguex

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

???

http://www.gtcompetizione.com

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

DJPRMF

Administrador
DJPRMF
Boas,

onde viu isso? Smile

Cumps


____________________________________________

[ajuda] largura tema wordpress Tugatechuserbar
[ajuda] largura tema wordpress 3
[ajuda] largura tema wordpress 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

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

miguex

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

http://www.gtcompetizione.com

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

DJPRMF

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

Código:
.two-columns .post

mas aguarde a resposta do mesmo... Smile

Cumps


____________________________________________

[ajuda] largura tema wordpress Tugatechuserbar
[ajuda] largura tema wordpress 3
[ajuda] largura tema wordpress 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

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

Shaxine

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

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

miguex

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

http://www.gtcompetizione.com

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

Shaxine

Moderador
Shaxine
Isso foi porque não meteu:

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

É mesmo 400 não é um engano.

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

miguex

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

[ajuda] largura tema wordpress Rircode

http://www.gtcompetizione.com

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

DJPRMF

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

Cumps


____________________________________________

[ajuda] largura tema wordpress Tugatechuserbar
[ajuda] largura tema wordpress 3
[ajuda] largura tema wordpress 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 2]

Ir à página : 1, 2  Seguinte

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