Você não está conectado. Conecte-se ou registre-se

[~URGENTE~]Preciso do Tutorial Abaixo na Imagem abaixo..'

Ir em baixo  Mensagem [Página 1 de 1]

isaquefox

avatar
Novato
Novato
Pessual n kero a explicação d como faz, kero um tutorial completo de como faz issu.. Peguei a imagem dos menus do downs total ... Urgente GOGO!

[Você precisa estar registrado e conectado para ver esta imagem.]

Ver perfil do usuário http://fairytail-go.co.cc

Xiso

avatar
Membro Nível 2
Membro Nível 2
Como faz isso o que? Colocar dois Widgets lado a lado? Ou como dar estilo ao titulo do widget?

Ver perfil do usuário http://www.animes-on.com

isaquefox

avatar
Novato
Novato
kero saber como coloko bordas no gadget...

Ver perfil do usuário http://fairytail-go.co.cc

Hitsugaya

avatar
Iniciante
Iniciante
Facil...

Sidebar ul

ai você adiciona

Border:1 px;


---------------------------------------------------------------
Ajudei então clique no mais
------------------------------------------------------------
Preciso de alguem que saiba elementos blogger

Ver perfil do usuário

isaquefox

avatar
Novato
Novato
Man jah disse kero um tutorial complleto d como faz essa borda no gadget,essa borda jah deu pra perceber q ela n é uma linha sem graça , ela tem todo um style personalizado , peguei um template um tempo attras axei um template na it detonados verde q tinha essas bordas no gadget .. ningm conceguiu mi explicar issu , int c vc's n souberem do q eu estou falando nem comente '-', relembrando quero um tutorial completo.

Ver perfil do usuário http://fairytail-go.co.cc

Xiso

avatar
Membro Nível 2
Membro Nível 2
Tentarei fazer um tut ainda hoje disso

Ver perfil do usuário http://www.animes-on.com

luiz

avatar
Membro Nível 2
Membro Nível 2
CARA EXIGENTE VAI APRENDER SOZINHO HORA! ¬¬

Ver perfil do usuário

isaquefox

avatar
Novato
Novato
Axo q vc naum sabe ler naum...n toh pedindo opiniões,explicações obvias, ou coisas idiotas, quero o tuto c vc n tem o tuto n poste nada '-'

Ver perfil do usuário http://fairytail-go.co.cc

luiz

avatar
Membro Nível 2
Membro Nível 2
Posto sim os dedos que digitam sao meus! '-' se nao quer opinioies vai aprender a fazer sozinho

Ver perfil do usuário

isaquefox

avatar
Novato
Novato
Jah disse, c n sabe ler , ler e entender o q está escrito no post ... n responde o post cara, c vc sabe fazer e quiser compartilhar com um tuto posta aew, c vc n saber ... caladinho q vc inchendo o saco eu n toh afim '-'

Ver perfil do usuário http://fairytail-go.co.cc

Xiso

avatar
Membro Nível 2
Membro Nível 2
Ok. Isso é como se fosse a área de post. Você usando o Photoshop cria o Header
[Você precisa estar registrado e conectado para ver esta imagem.]
o Body
[Você precisa estar registrado e conectado para ver esta imagem.]
e o footer
[Você precisa estar registrado e conectado para ver esta imagem.].
Depois de fazer upload dessas imagens para um servidor:
Use o Picasa o TinyPic e outros têm vindo a dar vários problemas.
Agora no seu Blog vai encontrar no Editar HTML uma área chamada Sidebar. Algo assim :"/* Sidebar Content
----------------------------------------------- */" (se seu template for do estilo minima).

Se nao tiver procure pela zona das sidebars.
Primeiro vamos adicionar o header. Procure pelo código .sidebar h2, se nao encontrar acrescente o seguinte:

Código:
.sidebar h2 {
background: url("http://downstotal.webs.com/topo-sd2.png") no-repeat scroll center top transparent;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
margin: 0 0 0 -2px;
padding: 20px 0 66px 50px;
text-align: left;
}

Pode alterar as condiçoes do texto.
Se encontrar apenas acrescente o
Código:
background: url("http://downstotal.webs.com/topo-sd2.png") no-repeat scroll center top transparent;
altere e use margin e padding se necessário.

Para o body acrescente o seguinte código abaixo do sidebar h2:

.
Código:
widget-content {
background: url("http://downstotal.webs.com/meio-sd2.png") repeat-y scroll 0 0 transparent;
margin: -22px 0 10px -3px;
padding: 0 0 0 23px;
overflow: hidden;
}

Mais uma vez altere os valores de padding e margin se necessário.

Agora o footer você deve procurar pelo seguinte:
Código:
.widget-content
se encontrar algo do género
Código:
.widget-content,.main-widget{
elimine o ",main-widget{".
Aí você acrescenta:

Código:
background: url("http://downstotal.webs.com/meio-sd2.png") repeat-y scroll 0 0 transparent;
volto a repeti: use margin e padding se necessário.




Toca a clicar no ++++ Very Happy

Ver perfil do usuário http://www.animes-on.com

Xiso

avatar
Membro Nível 2
Membro Nível 2
Espero ter ajudado

Ver perfil do usuário http://www.animes-on.com

luiz

avatar
Membro Nível 2
Membro Nível 2
eu nao ajudaria pessoa mal criada nao fico calado nao man se eu to enchendo o saco e pq na gosto da pessoa '-'

Ver perfil do usuário

Rockmaster

avatar
Iniciante
Iniciante
Xiso escreveu:Ok. Isso é como se fosse a área de post. Você usando o Photoshop cria o Header
[Você precisa estar registrado e conectado para ver esta imagem.]
o Body
[Você precisa estar registrado e conectado para ver esta imagem.]
e o footer
[Você precisa estar registrado e conectado para ver esta imagem.].
Depois de fazer upload dessas imagens para um servidor:
Use o Picasa o TinyPic e outros têm vindo a dar vários problemas.
Agora no seu Blog vai encontrar no Editar HTML uma área chamada Sidebar. Algo assim :"/* Sidebar Content
----------------------------------------------- */" (se seu template for do estilo minima).

Se nao tiver procure pela zona das sidebars.
Primeiro vamos adicionar o header. Procure pelo código .sidebar h2, se nao encontrar acrescente o seguinte:

Código:
.sidebar h2 {
background: url("http://downstotal.webs.com/topo-sd2.png") no-repeat scroll center top transparent;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
margin: 0 0 0 -2px;
padding: 20px 0 66px 50px;
text-align: left;
}

Pode alterar as condiçoes do texto.
Se encontrar apenas acrescente o
Código:
background: url("http://downstotal.webs.com/topo-sd2.png") no-repeat scroll center top transparent;
altere e use margin e padding se necessário.

Para o body acrescente o seguinte código abaixo do sidebar h2:

.
Código:
widget-content {
background: url("http://downstotal.webs.com/meio-sd2.png") repeat-y scroll 0 0 transparent;
margin: -22px 0 10px -3px;
padding: 0 0 0 23px;
overflow: hidden;
}

Mais uma vez altere os valores de padding e margin se necessário.

Agora o footer você deve procurar pelo seguinte:
Código:
.widget-content
se encontrar algo do género
Código:
.widget-content,.main-widget{
elimine o ",main-widget{".
Aí você acrescenta:

Código:
background: url("http://downstotal.webs.com/meio-sd2.png") repeat-y scroll 0 0 transparent;
volto a repeti: use margin e padding se necessário.




Toca a clicar no ++++ Very Happy


Muito bom o tutorial Xiso mereceu meu +

Ver perfil do usuário http://www.narutostorm.net

isaquefox

avatar
Novato
Novato
Vlw Xiso... e para o Resto '-' ... c n pod ajudar .. xo do tópico... nem poste nada... lixo'

Ver perfil do usuário http://fairytail-go.co.cc

Conteúdo patrocinado


Voltar ao Topo  Mensagem [Página 1 de 1]

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

 

Criar um fórum |  |  | © PunBB | Fórum grátis de ajuda | Fale conosco | Assinalar uma queixa | Criar um fórum