Segunda-feira, 4 de Maio de 2009

...

Dúvidas - Desenvolvimento de templates - tubo de ensaio

 

boa tarde,
e quando é que se deve criar estilos? e como modificamos a css para ficar com os cantos redondos? qual a diferença entre estilos e layers

publicado por Catarina Caravela às 12:55
link do post | comentar | favorito
5 comentários:
De chooseyourmood a 4 de Maio de 2009 às 17:02
Boa tarde,

Uma vez que o meu post vai de encontro com este, apresento a minha questão relativamente ao desenvolvimento de templates:
- Através de Script S2 , como posso adicionar uma div na zona inferior da secção "extras" do template?

Obrigada.


De Hugo a 5 de Maio de 2009 às 11:43
Olá,

Para acrescentares html a um template existente tens de copiar a layer layout de um dos templates da plataforma e criar uma novo layout na personalização avançada.

Para acrescentares um div no final da barra lateral, procura a função print_sidebar e acrescenta o novo div no final:
function print_sidebar() {    # Sidebar
    println """ <div id="extras"> """;
    
    var int sep = 1;

    # Print widget by position
    print_widget($*sidebar_position_1, $sep);
    # ...
    print_widget($*sidebar_position_20, $sep);

    print_widget("adwords", $sep);
    
    println """
    <div class="novo_div">
    <!-- Conteúdo do div -->
    </div>
    """;

    println """ </div> """;
}   



De Hugo a 4 de Maio de 2009 às 18:08
Qual a diferença entre estilos e layers?

Uma layer é onde está o código S2. Existem 2 tipos de layer:
- Layers de sistema (core e i18nc), que só podem alteradas pelos admins da plataforma
- Layers do utilizador (layout, i18n, theme, user), que podem ser criados por qualquer utilizador.

Na layer core é onde estão definidas todas as classes disponíveis ao utilizador.
Na layer layout é onde vamos alterar as funções existentes para gerar o html pretendido.

Um estilo é um conjunto de layers que definem o "template" do blog.
Normalmente, um estilo é criado pelas seguintes layers:
- core
- i18nc
- layout

Os estilos podem ser criados automaticamente (seleccionando o template na personalização básica) ou manualmente na personalização avançada (escolhendo os layers que fazem parte do estilo).


De Hugo a 4 de Maio de 2009 às 18:09
E quando é que se deve criar estilos?

Quando se cria um novo layer do tipo layout, é preciso criar um novo estilo para o podermos usar no blog.

Os estilos podem ser criados automaticamente (seleccionando o template na personalização básica) ou manualmente na personalização avançada (escolhendo os layers que fazem parte do estilo).


De Hugo a 5 de Maio de 2009 às 13:52
Como modificamos a css para ficar com os cantos redondos?

Existem várias soluções para fazer cantos redondos, mas nem todas funcionam no IE6.

Uma solução é ter 3 <div>:
<div class="boxtop"></div>
<div class="box">
<!-- Conteúdo do div -->
</div>
<div class="boxbot"></div>

e na css:
# box com largura de 200px
.boxtop { background: url('url_imagem_topo_cantos_redondos') no-repeat top left; height: 10px; }
.boxbot { background: url('url_imagem_fundo_cantos_redondos') no-repeat top left; height: 10px; }
.box, .boxtop, .boxbot { background-color: #FFFFFF; width: 180px; padding: 0 10px 0 10px; margin: 0; }


Importante!
Não usar png transparentes nas imagens dos cantos redodondos. A cor de "fora" deve ser igual à cor de fundo do elemento pai.


Comentar post

.mais sobre mim

. *spring

. , danii

. 38333

. 3dandme_theblog

. actry

. again_again

. ahital

. allone

. ana_naz

. André Lages

. anim8

. arianacarla

. AtCine

. avromao

. bandesenhada

. bartzinho

. basement

. blue_rose

. Bruno Abrantes

. camlab4

. carina

. Catarina Caravela

. catia

. chooseyourmood

. cilocas

. cinefila

. coisasdoorvalho

. coisastantas

. csantos

. danisa

. dani_9

. dejo

. Diogo Costa

. dummy

. eu

. euuu

. Filipe Monteiro

. Filipe Nunes - 39407

. florataveira

. Francisco_Tiago

. freak_da_passa

. gajodosapo

. Graziela Costa 🍒

. greens_nr

. histeria

. holland-dozier-holland

. iloveblogging

. iLustrame

. inesamorim

. inezvent

. itsoneofthosedays

. Ivo Santos e Joana Maduro

. jesebebe

. johnmakukula

. johnzdakid

. josecarlosribeiro

. João Macedo

. joão ramos

. jpeg_kru

. julianaalves

. Jul_Lena

. kabuki

. keta

. kittythekat

. kyoto

. labsimplex

. lapins

. laranjinhas

. lastrepeat

. lou_ventura

. luispnp

. madscientist2

. marbra

. maria clara

. mariabaunilha

. marujo

. miguel

. milfavaios

. milhodoce

. milko

. movimentoestudantil

. mrocha

. mteixeira

. murasaki

. np

. opaijavai

. opifolio

. parklife

. patanoias

. pedrobeca

. primedev

. Radioativo

. Raquel

. rdmpcarvalho

. redpix

. Rikku

. RitaBelinha

. rr_team

. rsilva

. ruimakukula

. sandboks

. sara.c

. saraquel

. sarra

. sendas

. shimeus2

. sirlicman

. soulmusic

. sweetmotherfucker

. teatroua

. tellmesomethingnew

. tenacious_p

. Tey-karisy

. thesweetest

. thybius

. timpano

. todd

. Tolas

. tomás

. Undómiel

. upsidedown

. urbanize

. violeta

. wallpost

. wine

. wiseallec

. world_cinema

. |Ds|

.pesquisar

 

.Fevereiro 2013

Dom
Seg
Ter
Qua
Qui
Sex
Sab

1
2

3
4
5
6
7
8
9

10
11
12
13
14
15
16

17
18
19
20
21
22
23

24
25
26
27
28


.posts recentes

. ...

. novo espaço

. Dúvida (claro! )

. Meteorologia

. Edit:Problema solucionado...

. And the winner is...

. Lista Actualizada de Blog...

. ...

. Como disponibilizar mais ...

. Adicionar os Professores ...

.arquivos

. Fevereiro 2013

. Abril 2011

. Maio 2010

. Abril 2010

. Junho 2009

. Maio 2009

. Abril 2009

. Março 2009

. Junho 2008

. Maio 2008

. Abril 2008

. Março 2008

.tags

. todas as tags

.links

.participar

. participe neste blog

blogs SAPO

.subscrever feeds