Facebook Google +

Uncomplicated Works

é mais do que um simples blog que se encontra no google depois de digitar

"dicas para template"

. É um espaço onde se promovem técnicas de

template para blogger

e

web design

, além de haver ainda espaço para umas pistas para problemas em programas e no Windows. Nem todos somos Einstein no que toca à ciência, temos de admitir, por isso dá jeito ter sempre alguma ajuda. E é isso que o uncomplicated design promete: umas pitadas de boa informação para qualquer um que esteja a dar os primeiros passos neste vasto mundo da tecnologia, aliadas à rapidez e experiência de quem mantém o blog.

quinta-feira, 29 de janeiro de 2015

Como colocar diferentes tipos de Letras no Blogger ~ Uncomplicated Works


Tipos de Letras - Blogger


Boas pessoal! Bem-vindos a mais um tutorial do Blogger Uncomplicated Works, e como o nome indica, não vamos fazer nada de complicado: o tutorial é sobre mudar o tipo de letra ou fonte do nosso blogger. O blogger disponibiliza alguns tipos de letras contudo existe uma enorme variedade disponibilizada pelo Google Fonts, assim podemos colocar diferentes tipos de letra no nosso blog. Antes de inserir o tipo de letra no blogger devemos escolher um tipo de letra então, vamos ao Google Fonts

Alguns exemplos de tipos de letra:

Tipo de letra - Open Sans Condensed - Uncomplicated Works

Tipo de letra - Lobster - Uncomplicated Works

Tipo de letra - Indie Flower ~ Uncomplicated Works


Bem, depois de escolhido o tipo de letra, vamos ao passo 3

Tipos de letras Blogger - Passo 3

e escolhemos Standard, copiamos o código que aparece,  vamos a modelo clicamos em editar HTML e procuramos por </head> Podem simplesmente pressionar Ctrl + F para uma busca mais rápida. E antes adicionamos o código anteriormente copiado.

Feito isto, se você não adicionar mais nada a fonte não será aplicada ao blogger,  necessitamos de inserir o código CSS, pressionamos Ctrl+F e pesquisamos por ]]></b:skin>, antes disso colocamos o seguinte código:

body {
Tipo de fonte;
}

Onde se encontra tipo de fonte vamos adicionar o código dado pelo Google Fonts no passo 4.

Tipos de Fontes Blogger - Passo 4

O código CSS para diferentes tipos de Letras no Blogger, deve ficar deste género:

body {
font-family: 'Indie Flower', cursive;
}

Feito isto basta guardar o modelo, e ver se o tipo de letra mudou, se o tipo de fonte se manteve apague o código CSS e poste nos comentários, porque pode ter outros códigos interferindo, então eu irei ajudar.

Espero que tenham gostado do tutorial como colocar diferentes tipos de Letras no Blogger de Uncomplicated Works

0 Comentários Continuar a ler »

Como colocar Menu no Topo do Blogger ~ Uncomplicated Works

Menu no Topo - Blogger
Menu no Topo - Blogger




Boas pessoal! Bem-vindos ao primeiro tutorial do Blogger Uncomplicated Works, e como o nome indica, não vamos fazer nada de complicado: o tutorial é sobre o menu fixo no topo. Como podem ver no meu blog existe uma barra fixa no topo, que contém as categorias do meu blogger assim como uma caixa de pesquisa, e neste tutorial vou apenas ensinar a colocar as categorias e depois mais tarde irei abordar a colocação de uma caixa de pesquisa e ícones para as redes sociais. Caso estejam interessados nisso neste momento, deixem algo nos comentários, e irão obter a minha ajuda. Contudo, para já vamos apenas criar o menu fixo no topo, que é como eu já disse, bastante simples. A primeira etapa para colocarmos o menu fixo no topo do blogger, é inserirmos este código no HTML do blog. Este código terá de ser colocado depois de " <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> " Podem simplesmente pressionar Ctrl + F para uma busca mais rápida.

<div class='menutopo'>
<nav class='menu'>
<a href='#' title="Home" >Home</a>
    <a href='#' title="Templates" >Templates</a>
    <a href='#' title="Tutoriais">Tutoriais</a>
    <a href='# title="Windows"'>Windows</a>    
</nav>
</div>

Depois de inserir o código HTML do nosso menu fixo vamos modificá-lo a nosso gosto, onde se encontra # colocamos o url desejado. O title é a informação que irá aparecer quando o rato estiver sobre o texto e o que se encontra entre >Aqui</a> substituímos de forma a que o menu fique do nosso agrado. Para que o menu fixo no topo do blogger esteja pronto, só necessitamos de inserir o código CSS, pressionamos Ctrl+F e pesquisamos por ]]></b:skin> e antes disso vamos colocar o seguinte código:

nav.menu a {
position: relative;
display: inline-block;
margin: 15px 25px;
outline: none;
text-decoration: none;
font-family: 'Laila',serif;
font-size: 18px;
color: rgba(30, 144, 255, 0.7);
transition: border 0.3s, color 0.4s linear;
}
.menutopo {
position: fixed;
height: 60px;
width: 100%;
z-index: 1;
background: black;
}

nav.menu a:hover {
color: white;
border-bottom: 3px solid white;

}

Feito isto, temos o menu no topo do blogger assim: Teste Menu

Para modificarem o menu a vosso gosto, podem alterar algumas partes como:

'color: red' - color define a cor do texto, ou seja, depois dos dois pontos vamos colocar a cor que nós desejamos, onde aparece nav.menu a:hover é a cor do texto quando o rato está sobre o texto.

'background: black' - define a cor do fundo do menu, alterem para os valores que desejarem.





4 Comentários Continuar a ler »
Related Posts Plugin for WordPress, Blogger...