Jan 7, 2018
Projeto final do técnico de informática, que é uma plataforma para fazer pedidos de doação de sangue. Ainda está em andamento.
seen from United States
seen from Italy
seen from United States
seen from United Kingdom
seen from Venezuela
seen from China
seen from Pakistan
seen from United States
seen from Canada
seen from United States
seen from Malaysia
seen from United States
seen from United States
seen from Brazil
seen from China
seen from Estonia
seen from United Kingdom
seen from Poland
seen from China
seen from United States
Projeto final do técnico de informática, que é uma plataforma para fazer pedidos de doação de sangue. Ainda está em andamento.
Projeto final do curso de construção de websites em que fiz sobre um restaurante com tema medieval.
Site feito para relembrar algumas coisas. O tema foi totalmente aleatório.
HTML/CSS BÁSICO.
1# Estrutura básica de um theme, quais são as tags, onde vai ficar cada coisa e tals. Espero que entendam esse tutorial e que seja útil.
Antes de tudo, coloque esse código no início do código do seu theme:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html> - todo o html, ou seja, todos os códigos do theme, do começo até o fim. Essa tag é importante para que o theme exista, sem ela é impossível começar um theme.
<head> - é o cabeçalho do theme, onde fica o favicon por exemplo.
<title>Título da página </title>
<style> ou <style type="text/css"> - style é o começo do CSS do theme, onde fica toda formatação do theme, bg, caixa dos posts, sidebar, tudo que mexe com a forma do theme. O fim da página termina com </style>
<body> Corpo do theme, texto, imagens, menus, etc. </body>
</html>
Agora vamos entender o CSS do theme. Para começar um theme a primeira coisa que você precisa é de um background.
Background - Fundo do theme.
body {background-image: url('LINKDOBG') #CORHTML;}
Caixa dos posts.
#posts {background-color: #CORHTML; width: 560px; position: absolute; top:55px; left: 420px; padding-bottom: 8px;}
Sidebar.
#sidebar { width:328px;left:20px; top:20px; color:#777; background:#fff; padding:4px; font-size: 12px; font-family: tahoma;-webkit-box-shadow:0 0 1em #eee; text-align:justify; position: fixed;}
(b) Negrito, (i) Itálico, (u) Sublinhado e (s) Riscado.
b, strong {color: #fff; text-decoration: none; cursor: help;} s {color: #fff;cursor: help;} i {color: #fff; text-decoration: none;cursor: help;} u, underline {color: #fff; text-decoration: none; border-bottom: 1px dashed #fff ;cursor: help;}
Fim do CSS, agora você fecha com </style>
Não esqueça que essas são apenas algumas das caixas que é essencial para um theme, porque você também precisa de paginação, blockquote, menu, estilo de ask, cor do título dos posts etc.
Agora vamos para o <body> que é o corpo do theme, esse código agora será colocado entre <body> e </body>:
Sidebar:
<div class="sidebar"> AQUI VOCÊ COLOCA A IMAGEM DA SIDE, DESCRIÇÃO E ETC. </div>
Depois da side vem o menu e etc.
Depois disso ainda em <body> eu diria que vem a parte mais complicada de um theme que é a caixa dos posts, toda formatação dos posts, como frase, blockquote, áudio, link, e estilo de ask.
Você pode pegar essa parte pronta em vários tumblr que disponibilizam essa parte e tals. Mas claro creditando á eles.
Se for útil dê like e credite.
Tutorial por Carol
O que é HTML & CSS?
HTML
O HTML desenvolve toda a estrutura do blog, e também todas as funções que o layout designa. Ele dá formas a todas as partes do layout, função aos scripts, e também ele que detecta o local onde ficará os posts e como eles devem ser exibidos no blog. Para desenvolver um tema para seu blog, é preciso ter muito estudo, mas para editar, basta ter um pouco de conhecimento.
CSS
O CSS define como será o modelo. Ele determina o estilo que o modelo terá. Cores, fontes, tamanhos, bordas, e outros fatores que constituem o estilo do blog podem ser editadas pelo CSS. O CSS é muito mais simples que o HTML, por isso, é muito mais fácil editá-lo, por ele não ser formado por uma linguagem tão complicada.
Créditos
Postado por Lana.