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

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!

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Como faz isso o que? Colocar dois Widgets lado a lado? Ou como dar estilo ao titulo do widget?

kero saber como coloko bordas no gadget...

Facil...

Sidebar ul

ai você adiciona

Border:1 px;


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

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.

Tentarei fazer um tut ainda hoje disso

CARA EXIGENTE VAI APRENDER SOZINHO HORA! ¬¬

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 '-'

Posto sim os dedos que digitam sao meus! '-' se nao quer opinioies vai aprender a fazer sozinho

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 '-'

Ok. Isso é como se fosse a área de post. Você usando o Photoshop cria o Header
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
o Body
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
e o footer
[Tens de ter uma conta e sessão iniciada para poderes visualizar 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 ++++

Espero ter ajudado

eu nao ajudaria pessoa mal criada nao fico calado nao man se eu to enchendo o saco e pq na gosto da pessoa '-'

Xiso escreveu:Ok. Isso é como se fosse a área de post. Você usando o Photoshop cria o Header
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
o Body
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
e o footer
[Tens de ter uma conta e sessão iniciada para poderes visualizar 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 ++++

Muito bom o tutorial Xiso mereceu meu +

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