Página 1 de 11
Comunidade uCoz em Português » Desenvolvedores uCoz & uKit » Personalização de Design » Design #441
Design #441
angel
Mensagens: 77
Reputação: 0
Mensagem # 1 | 4:31 PM
Oi, sobre os blocos que criamos quero saber como funcionam os lay-outs. Por exemplo: No template que uso esses bloquinhos tem uma determinada imagem, se eu retirar essa imagem em um ou em todos os blocos, quando futuramente for adicionar outro bloco, vai desconfigurar o que já existe e voltar as imagens originais do template? Eu tentei alterar um bloco, consegui fazer ficar diferente, mas qdo fui adicionar outro, este voltou ao original.

Queria também pedir pra vocês o código do botão de subir que fica no rodapé sem conflitar com o da barras sociais.
ShZlot
Mensagens: 804
Reputação: 10
Mensagem # 2 | 1:41 PM
Qual o modelo do site?
Lembre-se! Não estamos na sua cabeça, então seja claro ao postar uma dúvida.
Não dou suporte por mensagem privada. Quem preferir suporte particular, procure no Painel de Controle do site ou na página http://www.ucoz.com.br/contact.
angel
Mensagens: 77
Reputação: 0
Mensagem # 3 | 2:53 PM
Modelo 441
ShZlot
Mensagens: 804
Reputação: 10
Mensagem # 4 | 12:25 PM
angel, o que acontece é que o HTML padrão desses blocos ficam salvos no sistema, assim, quando você for criar um novo bloco ele já sabe qual HTML usar. Toda vez que você for fazer alterações através do construtor do site ele restaura para o padrão.

Não há como alterar pelo CSS, pois não existe existe os atributos id="" e class="" e boa parte do CSS do template está em inline.

A solução é você reinstalar o template com essa estrutura que preparei:
template modificado:
Código
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<title>[TITLE]</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/.s/src/css/441.css" />
</head>

<body style="background:url('/.s/t/441/1.gif') #FFFFFF; margin:0;padding:0;">
$ADMIN_BAR$

<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td width="100%" align="center">
<table cellpadding="0" cellspacing="0" border="0" width="970">
<tr>
<td width="212" valign="top" align="center"><img src="/.s/t/441/2.gif" border="0">

<!-- <container> -->
<!-- <block> -->
<table class="block" border="0" cellpadding="0" cellspacing="0" width="212">
<tr class="block-tr-1"><td style="" height="53" align="right"><b>TITLE</b></td></tr>
<tr class="block-tr-2"><td style="">CONTENT</td></tr>
<tr class="block-tr-3"><td><div></div>
</table>

<!-- </block> -->
<!-- </container> -->
</td>
<td valign="top">

<!-- <header> -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="170">
<tr><td width="30"><img src="/.s/t/441/6.gif" border="0"></td>
<td width="40" align="center"><a href="$HOME_PAGE_LINK$" title="Site home"><img src="/.s/t/441/7.gif" border="0" alt="Site home"></a>

<?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$" alt="Profile page"><img src="/.s/t/441/8.gif" border="0" alt="Profile page"></a><?else?><a href="$REGISTER_LINK$" title="Register now"><img src="/.s/t/441/9.gif" border="0" alt="Register now"></a><?endif?><?endif?>

<?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$" title="Log out"><img src="/.s/t/441/10.gif" border="0" alt="Log out"></a><?else?><a href="$LOGIN_LINK$" title="Log in"><img src="/.s/t/441/10.gif" border="0" alt="Log in"></a><?endif?><?endif?></td>
<td align="center"><table cellpadding="0" cellspacing="0" border="0" width="100%" height="155"><tr><td width="50"><img src="/.s/t/441/11.gif" border="0"></td><td align="center" style="background:url('/.s/t/441/12.gif');color:#B9B9B9;"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>You logged in as <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | Group "<u>$USER_GROUP$</u>"<?else?>Hello <b>$USERNAME$</b><?endif?><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$">RSS</a><?endif?>

<span style="color:#428DB4;font:20pt bold Verdana,Tahoma;"><b>SITE LOGO</b></span>

$WDAY$, $DATE$, $TIME$</td><td width="50"><img src="/.s/t/441/13.gif" border="0"></td></tr></table></td>
<td width="88"><img src="/.s/t/441/14.gif" border="0"></td></tr>
</table>
<!-- </header> -->

<table cellpadding="0" cellspacing="2" border="0" width="100%"><tr><td style="background:#FFFFFF;padding:10px;border:1px solid #5B5A5F;">
<!-- <middle> -->
[BODY]
<!-- </middle> -->
</td></tr></table>

</td>

<td valign="top" width="212">

<!-- <container> -->
<!-- </container> -->
</td>
</tr>
</table>

</td></tr></table>
</td></tr></table>

<!-- <footer> -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="background:url('/.s/t/441/18.gif');border-bottom:1px solid #5B5A5F;"><tr><td width="100%" align="center">
<table border="0" cellpadding="0" cellspacing="0" width="970">
<tr><td align="center" style="padding-bottom:10px;" valign="bottom" width="422">[COPYRIGHT]</td><td><img src="/.s/t/441/19.gif" border="0"></td>
<td align="center" style="padding-bottom:8px;" valign="bottom" width="422">$POWERED_BY$</td></tr>
</table>
</td></tr></table>
<!-- </footer> -->

</body>

</html>

<!-- <popup> -->
<table border="0" cellpadding="2" cellspacing="1" style="background:#5B5A5F;" width="100%">
<tr><td style="background:#5B5A5F;color:#FFFFFF;" align="center"><b>[TITLE]</b></td></tr>
<tr><td align="center" style="background:#FFFFFF;padding:5px;">[BODY]</td></tr>
</table>
<!-- </popup> -->


CSS adicional:
Código
.block{}  
.block-tr-1 td{background:url('/.s/t/441/15.gif') no-repeat;padding-top:0px;padding-right:10px;color:#428DB4;}  
.block-tr-2 td{background:url('/.s/t/441/16.gif');padding:5px 5px 5px 20px;}  
.block-tr-3 td div{background:url('/.s/t/441/17.gif') no-repeat;width:212px;height:24px;}

Lembre-se! Não estamos na sua cabeça, então seja claro ao postar uma dúvida.
Não dou suporte por mensagem privada. Quem preferir suporte particular, procure no Painel de Controle do site ou na página http://www.ucoz.com.br/contact.
angel
Mensagens: 77
Reputação: 0
Mensagem # 5 | 4:12 PM
Ok obrigado e como faz isso?
ShZlot
Mensagens: 804
Reputação: 10
Mensagem # 6 | 11:44 AM
Primeiro você precisa fazer um backup do template. Se você fizer alterações errada, ou não gostar do que fez e não sabe como voltar basta restaurar o backup do template.

Depois de fazer o backup do template você vai acessar o construtor de template e colar o código da estruturado modificada. E instale o template.


Depois vá no CSS do site e cole o adicional:
Anexos: 8118522.png(111Kb) · 6628122.png(144Kb)

Lembre-se! Não estamos na sua cabeça, então seja claro ao postar uma dúvida.
Não dou suporte por mensagem privada. Quem preferir suporte particular, procure no Painel de Controle do site ou na página http://www.ucoz.com.br/contact.
angel
Mensagens: 77
Reputação: 0
Mensagem # 7 | 9:32 PM
Olha, fiz vários testes e percebi que se alterarmos o 1º bloco do topo pelo design, o sistema assume o template desse 1º bloco do topo para o resto que fica abaixo, portanto, sempre que alterar o 1º de cima ele vai alterar todos os outros abaixo. Então vou deixar assim mesmo.

Agora eu preciso saber como fazer para os blocos da direita ficarem um pouco afastados do meio, tal como os da esquerda estão. A imagem tá anexa. Obrigado pela sua ajuda!
ShZlot
Mensagens: 804
Reputação: 10
Mensagem # 8 | 1:39 PM
angel,
Se você me permitir sugerir, para você que quer personalizar todo o design, eu não recomendo para você este template. Ele é antigo, é feito em tabela, usa CSS inline e não tem marcações com os atributos id e class, ou seja, para os padrões de hoje ele mais que ultrapassado. O que recomendo é você usar alguns dos templates novos ou contratar alguém experiente para reescrever o HTML do template.

Minha crítica acima não significa que não dê para alterar qualquer parte do visual do site, porém, é mais complicado.

As alterações que você deseja basta adicionar esse CSS:
Código
body > table:nth-child(4) > tbody > tr > td > table {width:1200px !important;} /*largura do site*/
body > table:nth-child(4) > tbody > tr > td > table > tbody > tr > td:nth-child(1){padding-right:50px} /* Container esq*/
body > table:nth-child(4) > tbody > tr > td > table > tbody > tr > td:nth-child(3){padding-left:50px} /* Container dir*/

Lembre-se! Não estamos na sua cabeça, então seja claro ao postar uma dúvida.
Não dou suporte por mensagem privada. Quem preferir suporte particular, procure no Painel de Controle do site ou na página http://www.ucoz.com.br/contact.
angel
Mensagens: 77
Reputação: 0
Mensagem # 9 | 3:39 PM
Amei a ideia. Peguei outro template, novo, tá ficando excelente. Agora, vou precisar de algumas dicas para customizá-lo. Vou fazer outro tópico pra isso. Obrigado.
Comunidade uCoz em Português » Desenvolvedores uCoz & uKit » Personalização de Design » Design #441
Página 1 de 11
Buscar: