FORUM DARKERS

Tecnologia & Informática => Acervo Security Darkers => Tutoriais => Topic started by: #phobia on 02 de December , 2006, 10:36:08 PM

Title: Crie sua própria Side Bar! (Barra Lateral)
Post by: #phobia on 02 de December , 2006, 10:36:08 PM
Neste tutorial ensinaremos como criar sua sidebar... Se você não sabe o que é Sidebar, veja na foto abaixo uma Sidebar, que é aquela barra lateral do lado direito.

(//http://www.idealguide.net/cms/images/longhorn4.jpg)

Tenha em "mãos":
Um editor html (Front Page, Dreamweaver,Mozilla/Nestcape Componser)
Windows XP
Criatividade :-)
Tenha também algum conhecimento em html...

Construir uma Side bar é igual fazer uma página de um site....então vamos lá:

1 - Preparação
Pense em como será a sua barra, pegue scripts para melhorá-la em sites como o
http://www.scriptfacil.com (http://www.scriptfacil.com)

2 - Execução

1 - Crie uma tabela do tamanho da sua nova Side Bar desejada....

(//http://www.idealguide.net/cms/articleImages/sidebar1.jpg)

2 - Faça tudo a seu modo, adicione figuras, scripts, textos.
Para ter um relógio é necessário um script ou flash que você pode baixar em sites.

3 - Veja a nossa Side Bar Exemplo Pronta:

(//http://www.idealguide.net/cms/articleImages/sidebar2.jpg)

Colocamos links para sites e para programas do computador, e abaixo uma foto que é exemplo, poderia ser uma foto sua com sua família, e outros. Isso depende de sua criatividade...
Você também pode pegar um script e colocar um relógio ali onde está o simbolo do Idealguide.

3 - Instalando a Side Bar

Salve a sua sidebar onde quiser e anote o local.
Agora vá para a sua área de trabalho e clique com botão direito (se você configurou o PC para canhoto, é o botão esquerdo).

(//http://www.idealguide.net/cms/articleImages/sidebar3.jpg)



Clique em propriedades, e em seguida vá para a guia "área de trabalho" como mostramos a seguir:

(//http://www.idealguide.net/cms/articleImages/sidebar4.jpg)

Clique onde está em destaque "Personalizar área de trabalho"

(//http://www.idealguide.net/cms/articleImages/sidebar5.jpg)

Vá para a guia "Web", desmarque a opção "bloquear itens", do contrario você nao conseguirá mover a sidebar.Depois disso, clique em "nova" e a seguir você terá que indicar o local onde está o arquivo salvo da Sidebar.

(//http://www.idealguide.net/cms/articleImages/sidebar6.jpg)

Pronto! Dê ok, aplicar, ok de novo e veja como ficou:

(//http://www.idealguide.net/cms/articleImages/sidebar7.jpg)

Agora que você a colocou, mova-a para onde quiser. (normalmente nas laterais :)[/b]

Até mais!

-----------------------------------
Créditos: Octaiver Matt
Title: Re: Crie sua própria Side Bar! (Barra Lateral)
Post by: Anonymous on 02 de December , 2006, 11:39:00 PM
Perfeito, adorei estou fazendo um monte de Barra aqui...
Title: Re: Crie sua própria Side Bar! (Barra Lateral)
Post by: Tz_On_ThE-pC on 17 de December , 2006, 08:22:24 AM
onde arranjo um relogio?
Title: Re: Crie sua própria Side Bar! (Barra Lateral)
Post by: p3005 on 26 de April , 2007, 12:02:24 AM
sou noob em HTML.. ateh fiz soh q ficou feio.. desisti de tenta.. talvez quando eu aprenda HTML/JavaScript melhor eu tente denovo.. mas vlw pelo tutorial!! vai ser de muita ajuda!
Title: Re: Crie sua própria Side Bar! (Barra Lateral)
Post by: Anonymous on 26 de April , 2007, 09:26:22 AM
Ótimo tópico!
Quem entende de HTML e talz vai gastar um bom tempo fazendo várias barrinhas ^^
Pena que eu não tenho nenhuma criatividade para fazer qualquer coisa desse tipo =P