rmb
Power Member
já percebi que nao queres pescar por mim..
podes-me indicar pelo menos um bom editor para editar a dock ou vou ter de o fazer manualmente a editar código html em notepad? É que com o Front Page aquilo aparece tudo desfazado!
cUMPS
[Mais 1 Pedido desesperado de ajuda] Reconstruir Site - Concehos de Alojamento
- Autor do tópico rmb
- Data Início
podes-me indicar pelo menos um bom editor para editar a dock ou vou ter de o fazer manualmente a editar código html em notepad? É que com o Front Page aquilo aparece tudo desfazado!
cUMPS
pá, não quero e não posso (a não ser que coiso -> € 
), mas é muito fácil editar isso. Uma vez que não dominas os código deves usar um editor que permita ver o código e como fica o design ao mesmo tempo.
O dreamweaver é muito bom, mas é pago. (mas podes sempre "comprar" na internet lol).
Gratuitos tens o NVU que dá prós gastos. Não sei se o Microsoft expression web tem alguma versão gratuita se não.
para editar o menu basta olhar para o código do css-dock.html, percebe-se logo...
), mas é muito fácil editar isso. Uma vez que não dominas os código deves usar um editor que permita ver o código e como fica o design ao mesmo tempo.O dreamweaver é muito bom, mas é pago. (mas podes sempre "comprar" na internet lol).
Gratuitos tens o NVU que dá prós gastos. Não sei se o Microsoft expression web tem alguma versão gratuita se não.
para editar o menu basta olhar para o código do css-dock.html, percebe-se logo...
Última edição:
rmb
Power Member
já percebi.. vou ver o dreamweaver.pá, não quero e não posso (a não ser que coiso -> €
O dreamweaver é muito bom, mas é pago. (mas podes sempre "comprar" na internet lol).
Gratuitos tens o NVU que dá prós gastos. Não sei se o Microsoft expression web tem alguma versão gratuita se não.
para editar o menu basta olhar para o código do css-dock.html, percebe-se logo...
ps: até que ja estava a dominar o código.. só nao consegui meter a barra no centro do ecra.. por mais que mexesse no codigo ela ficava agarrada ao topo..
cUMPS
Santo38
Power Member
RMB,
Face às tuas limitações, e ao facto de não teres € para pagar a um designer/coder para te fazer o site, muito sinceramente escolhe um alojamento que te ofereça um sitebuilder incluido no plano.
Com um sitebuilder obténs várias centenas de templates minimamente apresentaveis, uma interface de gestão para adicionares conteudos e 0% de complicação.
Se tiveres tempo podes sempre aprender xhtm/css/php/...etc... e fazeres tu mesmo o site. Podes também usar interfaces gráficas como o DreamWeaver, NetObjects Fusion, etc.
Saudações e boa sorte com o projecto.
Face às tuas limitações, e ao facto de não teres € para pagar a um designer/coder para te fazer o site, muito sinceramente escolhe um alojamento que te ofereça um sitebuilder incluido no plano.
Com um sitebuilder obténs várias centenas de templates minimamente apresentaveis, uma interface de gestão para adicionares conteudos e 0% de complicação.
Se tiveres tempo podes sempre aprender xhtm/css/php/...etc... e fazeres tu mesmo o site. Podes também usar interfaces gráficas como o DreamWeaver, NetObjects Fusion, etc.
Saudações e boa sorte com o projecto.
d@niel
Power Member
editar esses menus n é em modo visual, mas sim modo code.
nesse ficheiro "css-dock-top.html" há uma zona que tem isto:
cada <a class="dock-item"> corresponde a um item do menu, portanto só tens de adicionar ou remover para chegares ao teu objectivo.
nesse ficheiro "css-dock-top.html" há uma zona que tem isto:
Código:
<div class="dock" id="dock">
<div class="dock-container">
<a class="dock-item" href="#"><img src="images/home.png" alt="home" /><span>Home</span></a>
<a class="dock-item" href="#"><img src="images/email.png" alt="contact" /><span>Contact</span></a>
<a class="dock-item" href="#"><img src="images/portfolio.png" alt="portfolio" /><span>Portfolio</span></a>
<a class="dock-item" href="#"><img src="images/music.png" alt="music" /><span>Music</span></a>
<a class="dock-item" href="#"><img src="images/video.png" alt="video" /><span>Video</span></a>
<a class="dock-item" href="#"><img src="images/history.png" alt="history" /><span>History</span></a>
<a class="dock-item" href="#"><img src="images/calendar.png" alt="calendar" /><span>Calendar</span></a>
<a class="dock-item" href="#"><img src="images/rss.png" alt="rss" /><span>RSS</span></a>
</div>
</div>rmb
Power Member
Isso já consegui, foi fácil.. depois peguei so na barra do top (pode-se ver aqui) o exemplo que utilizeique se cola a parte de cima e meti-a no centro do ecra [com ajuda do nosso amigo alakazan
] que era o meu objectivo so que agora surge-me um problema obvio é que a barra em vez de expandir para cima e para baixo só expande para baixo por estar configurada para estar no topo de uma página..Eu já edito para meter os códigos para ver se voces podem olhar e verem aonde é que eu tenho que mudar para ele expandir para os 2 lados..
EDIT: ok aqui estão os códigos css:
Código:
body {
font: 11px Arial, Helvetica, sans-serif;
background: #FFFFFF;
padding: 0;
margin: 0;
}
img {
border: none;
}
/* dock - top */
.dock {
position: relative;
height: 50px;
text-align: center;
margin-top: 20%;
}
.dock-container {
position: absolute;
height: 50px;
background: url(images/dock-bg2.gif);
padding-left: 20px;
}
a.dock-item {
display: block;
width: 40px;
color: #000;
position: absolute;
top: 0px;
text-align: center;
text-decoration: none;
font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}
.dock-item span {
display: none;
padding-left: 20px;
}
/* dock2 - bottom */
#dock2 {
width: 100%;
bottom: 0px;
position: absolute;
left: 0px;
}
.dock-container2 {
position: absolute;
height: 50px;
background: url(images/dock-bg.gif);
padding-left: 20px;
}
a.dock-item2 {
display: block;
font: bold 12px Arial, Helvetica, sans-serif;
width: 40px;
color: #000;
bottom: 0px;
position: absolute;
text-align: center;
text-decoration: none;
}
.dock-item2 span {
display: none;
padding-left: 20px;
}
.dock-item2 img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}.dock-item span {
display: none;
padding-left: 20px;
}
Última edição: