(Resolvido) Problemas com o bg do meu site

[Dufaukz]

Bom pessoal, o problema é o segunte, eu fiz um banner pro meu site, e quando upei no servidor, fio ver no site e tal, e pronto ele tava Preso num código.

www.dufaukz.com Olhem ai pra poderem entender melhor o problema, se alguém puder me ajudar eu adoraria :(

Editado Julho 22, 2009 por Dufaukz

[fiote]

Site offline.

[Dufaukz]

Lol, aqui tá indo de boa :s tenta vêr ai aiwueaiwheh

http://www.dufaukz.com/

[MLeandroJr!]

Especifique seu problema aqui no fórum.

Poste trechos de código e quando o problema ocorre.

Poste também mensagens de erro.

[Dufaukz]

Pois é cara, ai é que tá, eu não entendo nada de programação, então não sei aonde está o código, não aparecem mensagens de erros, o que acontece é o seguinte: Eu baixei um template, e editei só, Porém, o template veio programado pra encaixar um certo tamanho de bannet num certo topo, e eu criei um Banner (nesse caso um background) desproporcional ao espaço de encaixe definido pelo template.

Então o que eu preciso é mudar o valor do encaixe, para fazer com que ele seja compatível com o background que eu fiz, saca?

Eu baixei o template com os código e tudo mais, php e css tudo aqui.

www.dufaukz.com

[MLeandroJr!]

Isso então é com HTML.

Movendo para a área correta: HTML, XHTML, CSS

[Dufaukz]

aiuweahw AÊ viu como eu não entendo :S

Mais então como eu faço? =/

[Anderson Ferreira]

Tira um Print-Screen, e circula a parte onde está o erro, pra enterdermos melhor...

Aqui pelo menos, pelo que percebí não tem nada de errado:

[Matheus Matos]

Veii, teu site é em wordpress, onde tu fez ele? Na hospedagem do wordpress ou hospedagem tua?

Ou seja, tu foi lá no site www.wordpress.com e criou um blog lá ou tu comprou uma hospedagem e instalou o wordpress baixando ele?

bem, wordpress trabalha com templates, na hora de uppar um banner você tem que saber se o template do wordpress tem local para esse banner, se você deve ativar um plugin ou colocar no ar um widget.

responde aí que fica melhor de ajudar!

Vlw!

Matheus Matos

TeTheus

[Dufaukz]

Anderson: Aqui segue um print do erro: http://www.dufaukz.com/xfiles/print.jpg

Matheus Matos: O blog tá hospedado no meu servidor mesmo!

Anderson aqui tá o link do Background: http://www.dufaukz.com/xfiles/bg.gif

[Matheus Matos]

Sim, qual é o erro? o banner era pra tá aprecendo aonde?

-----------------------------------------------------------------------------------------------------------------------

há me liguei era pra tá no centro né? e ele tá alinhado a esquerda e aí o nome "Blog em construção" some né?

há entendi agora...

----------------------------------------------------------------------

bem, tem um problema a resolução do teu site é de 1024x768, e essa imagem de fundo é maior que 1024px de largura, então mesmo centralizando ela ficará cortada, tu teria que editá-la no photoshop...

se quiser eu edito pra você...

Editado Julho 17, 2009 por Matheus Matos

[Dufaukz]

Isso mesmo ^^

Ele parece estar enquadrado num bloco ali, =/ era onde o antigo background encaixava, mais esse é maior!

Comofas? =/

[MLeandroJr!]

Dá uma diminuida nesse banner novo pra ficar do tamanho do banner antigo.

[Dufaukz]

Ah mais é que eu queria ele grandao, pra ficar mais massa, não tem como programas ele pra ficar centralizado na pagina inteira? pro banner ficar como fundo mesmo inteiro na pagica? =/

[MLeandroJr!]

Pra isso você tem que seguir a dica do Matheus Matos, ou precisa editar se utemplate, aumentar o tamanho do objeto em que o banner está e tal.

Pra fazer isso, só mexendo no código.

[Dufaukz]

Tipo photoshop eu manjo, o problema é programação mesmo, tipo eu queria mecher no código pra imagem ficar centralizada, mais não apenas centralizada, eu queria tirar aquele negocio que tem do lado sabe? Não sei como tirar, alguém sabe?

[Matheus Matos]

Veii, tu tem essas duas opções, ou meche no código, ou coloca outra imagem:

1ª - Colocando outra imagem -->>

Basta ir até esse link, fazer o download da imagem e trocá-la. Ou seja, faça o upload da foto por ftp e a coloque no diretorio, que é esse dai: public_html/wp-content/themes/pyrmont-v2/images/bg.gif

ora, isso aí é moleza e vai resolver seu problema fácil fácil...

2ª - Mechendo no Código -->>

vá até o arquivo header.php, que deve estar no diretório public_html/wp-content/themes/header.php

nesse arquivo concerteza deve ter algo do tipo:

<div class="top"</div> algo mais ou menos assim, você tem que saber qual é o nome dessa div, no caso aí eu coloquei top, mais vai ter outro nome. Quando você descobrir esse nome, guarde-o na mente ou no bloco de notas ceilá.

Agora no mesmo diretorio indicado procure pelo arquivo style.css, esse documento deve ser na estrutura parecida com a debaixo:

#top {
  position: absolute;
  left: 960;
  top: 0px;
  width: 1020px;
  height: 768px;
}

bem não vai ser necessariamente igual a esse de cima, mas vai ser na mesma estrutura, procure pelo bloco da div, por exemplo se lá no html tiver o nome da div como top, lá no css no bloco o nome top vai tá na primeira linha, bem ache pela linha "width" (largura), altere ela de 960 para 1280.

---------------

É isso posta aqui prta dizer o que tu fez e se tiver dúvida, volta!

Aqui a gente resolve, não opina!

Vlw!

Matheus Matos

TeTheus

Editado Julho 17, 2009 por Jonathan Queiroz

[Dufaukz]

AE, vou tentar mecher no código já respondo, se deu certo.

Desde já valeu pela ajuda ^^

[Dufaukz]

Ai matheus eu consegui olha lá, www.dufaukz.com

Mais agora a table do site ficou pro lado :s o que faço agora?

div#page_wrap{

    width: 1280px;

    margin: 0 auto;

    background: url(images/bg.gif) no-repeat;

}

Eu mudei ali, onde diz 1280 antes dizia 960.

Editado Julho 18, 2009 por Jonathan Queiroz
Adcionar tag's (Jonathan)

[Matheus Matos]

Ai matheus eu consegui olha lá, www.dufaukz.com

Mais agora a table do site ficou pro lado :s o que faço agora?

Aqui eu não vi diferença nenhuma, pois a minha resolução é de 1024x768

tira um printscreen da tela aí pra mim ver como ficou!

só vendo eu posso te ajudar...

Vlw!

Matheus Matos

TeTheus

[Anderson Ferreira]

É, o que saiu de alinhação foi o DIV não o table... Nesses templates mais avançados, não é usado tabelas, e sim DIV's (aliás, não é usado tables em templates, o correto é sempre DIV's, por permitir maior flexibilidade, maior gama de estilos, etc)...

O que acho que deve melhorar aí, é trocando essa margin... Tenta fazer assim:

div#page_wrap
     {
        width: 1280px;
        margin: 0 auto 0 auto;
        background: url(images/bg.gif) no-repeat;
     }

Não tenho certeza se vai melhorar, mas tenta, e diz o resultado!

Editado Julho 18, 2009 por Anderson Ferreira

[Dufaukz]

Beleza, vou tentar peraê...

Ah não adiantou olha lá,

www.dufaukz.com

Já tava assim

div#page_wrap
     {
        width: 1280px;
        margin: 0 auto 0 auto;
        background: url(images/bg.gif) no-repeat;
     }

Mais tava só "margin: 0 auto;"

Ai eu coloquei mais um "0 auto;" e deu na mesma =/

[Anderson Ferreira]

Todo o conteúdo deve estar dentro de uma DIV...

Tenta faezr o seguinte, posta o código CSS, das seguintes TAG's:

1- page_wrap

2- header

Acho que todo o conteúdo do site está dentro de alguma das duas...

Posta o código CSS delas, que dou um olhada melhor no código, pra ver se tem alguma coisa que está alinhando elas para a esquerda.

[Dufaukz]

Do style.css ou do header.php?

Vou ver qual tem e já mando ^^

----------------------------------------------------------

ATUALIZADO

Achei no Header.php

<div id="page_wrap">

<div id="header">

<div class="blog_title">

<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>

<p class="description"><?php bloginfo('description'); ?></p>

</div>

<?php include (TEMPLATEPATH . '/searchform.php'); ?>

<div class="clear"></div>

</div><!-- end header -->

Da uma olhada ai ^^

Editado Julho 18, 2009 por Dufaukz

[Anderson Ferreira]

Não, não... Manda o do "style.css", que é onde está definido todo o estilo do site...

Sempre no style.css é onde fica todo o estilo do site (cor de fundo, tamanho, bordas, etc)...

Tenta achar no "style.css" e manda a aê :D

E se não for muito grande, manda o "style.css" inteiro :)

[Dufaukz]

Olha eu achei isso...

div#header{

    font-size: 12px;

    }

    div#header div.blog_title{

        float: left;

        margin-top: 50px;

        margin-left: 50px;

        }

        div#header div.blog_title h1 a{

            font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;

            font-weight: bold;

            letter-spacing: -1px;

            font-size: 36px;

            color: #fff;

            line-height: 45px;

            display: block;

            }

        div#header div.blog_title p.description{

            color: #999;

            margin-top: 10px;

            margin-left: 5px;

            }

    div#header div#search{

        border: none;

        float: left;

        position: relative;

        }

        div#header div#search form#searchform{

            position: absolute;

            top: 58px;

            left: 900px;

            width: 200px;

            height: 25px;

            border: none;

            background-color: #fff;

            }

            div#header div#search form#searchform .searchinput{

                position: absolute;

                top: 5px;

                left: 8px;

                color: #666;

                font-size: 13px;

                width: 165px;

                border: 0;

                }

            div#header div#search form#searchform .button{

                position: absolute;

                top: 0px;

                left: 175px;

                background: url(images/mag.gif) no-repeat;

                height: 25px;

                width: 25px;

                border: 0;

                cursor: pointer;

                }

Editado Julho 18, 2009 por Jonathan Queiroz
Adcionar tag's (Jonathan)