Testando

Table of Contents

Lista de páginas por tag:

Box alinhado à direita, flutuante

Espaço para testes

code snippets
idéias
outros

Snap

Answer.tips

Sorry, no match for the embedded content.

Lista de tarefas

Here is a place for your title

qual o título do wiki?Follow link

como organizar tudo?Follow link

aprender //wikidot// lingoFollow link

estrutura do wikiFollow link

ver http://psc2.wikidot.com/, sobre CSSFollow link

mytodo1

Here is a place for your title Click me to edit ! false

Tabs, the easy way

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu dolor. Maecenas vitae nulla consequat libero cursus venenatis.

Mais tabs

The category can not be found.

head 1	head 2	head 3
cell 1	cell 2	cell 3
long cell 4	cell 5
cell 6	long cell 7
looong cell 8

Outros tabs…

Um subtítulo
left column left column left column left column left column
left column left column left column left column left column

Dois subtítulo
right column right column right column right column right column
right column right column right column right column right column

Um diário

[[button edit text="Adicionar entrada" 
style="background:lightblue;padding:5px;"]]
[[div style="float:right;"]]
[[toc]]
[[/div]]
++ Título da entrada...
Texto da entrada, etc...

Outros tantos tabs…

example cell

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ips…..
….si. Nulla libero.

extra example

bLA bLA ! Vivamus pharetra posuere sapien. Nam ….
blandit sed, blandit a, eros.

another left cell (1)

Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. ……………………………. eros.

cell (2)

Nam magna enim, accumsan eu, blandit sed, blandit a, eros.

Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit \
liquam …..iaculis.

right cell 3 alone

Nam magna enim, accumsan eu, blandit sed, blandit a, eros.

Quisque facilisis erat a dui. …………
……..sapien, non aliquet massa pede eu diam. Aliquam iaculis.

This howto describes how to include a logo within the CSS design for your Site.

Introduction

At the moment there is no way to "just upload" an image so that it would be shown in the top header of the page layout. This place however contains a (clickable) name of your Site which leads to your main welcome page.

You can display a logo in this place but you would have to create a custom CSS theme. Creating of such themes is described in another howto: Design your own CSS theme.

So here we will only discuss how the CSS should be constructed for the hack.

CSS is too complicated… a quick-fix for you

This is not complicated at all but you will need time to customize your theme. But there is a way around - you can include your logo in the side bar which is by default generated from the page nav:side.
http://tlug.wikidot.com/ is using this at the moment.

Just do the following:

open page nav:side (or any other location that holds the menu)
upload your file (let us say it is mylogo.png)
insert the following code:

[[=image nav:side/mylogo.png link="start"]]

the "link" attribute is optional. The "nav:side" path for the image must be present.

save the page and… it should work ;-)

CSS — the hard way

At this point we assume you have created a new theme that extends one of the available ones. If you only want to add a logo to the design do not choose the Base theme because it is… well… quite plain.

At the Wikidot.com main site the same technique is used to display a logo. So Let us see how this is done:

#header{
    height: 130px;
}

#header h1 a span{
    display:none;
}

#header h2{
    display:none;
}

#header h1 a,#header h1 a:hover{
    display: block;
    margin: 0; padding:0;
    background-image: url(http://test.wikidot.com/local--files/theme:test/logo-28.png);
    height: 80px;
    width: 283px;
    position: absolute;
    bottom: 10px; left: 50px;
}

If you do not want to investigate "why", just copy this piece of code but change the following properties:

background-image must point to your logo URL
height & width must reflect dimensions of your logo image
bottom & left just position the image relative to the bottom and left borders of the header
height of the #header should be big enough to contain the whole image

Don't foget to activate your new theme (Appearance/Themes once you've created it).

Calendário Google

Lista de páginas por tag:

Box alinhado à direita, flutuante

And you can stick what text you like in here as well

Page tags: teste

page_revision: 46, last_edited: 1196878645|%e %b %Y, %H:%M %Z (%O ago)

Edit Tags History Files Print Site tools + Options

lines must start and end	with double vertical bars	nothing
cells are separated by	double vertical bars	nothing
you can span multiple columns by		starting each cell
with extra cell	separators
but perhaps an example is the easiest way to see

pagus

tecnologia & sociedade

Espaço para testes

Snap

Answer.tips

Lista de tarefas

Tabs, the easy way

Mais tabs

Outros tabs…

Um diário

Outros tantos tabs…

Calendário Google

Lista de páginas por tag:

Box alinhado à direita, flutuante